add standwithukraine

This commit is contained in:
Ashley 2022-11-08 20:11:39 +01:00
parent 627ae779a3
commit 4d0fdae1fd

View file

@ -190,7 +190,7 @@ section#landing-page {
.content { .content {
border-radius: 26px; border-radius: 26px;
padding: 2em; padding: 1em;
margin: auto; margin: auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -199,6 +199,10 @@ section#landing-page {
top: 50%; top: 50%;
transform: translateY(50%); transform: translateY(50%);
} }
.content-inner{
padding: 10px;color:#fff;position: relative;top: 50%;transform: translateY(50%);
}
.heading { .heading {
color: #fff; color: #fff;
font-size: xxx-large; font-size: xxx-large;
@ -225,7 +229,40 @@ section#landing-page {
margin-top: auto; margin-top: auto;
} }
.news {
display: flex;
justify-content: center;
background: #111;
width: 18em;
margin: auto;
margin-bottom: auto;
border-radius: 3em;
color: white;
margin-bottom: -10em;
}
.news > * {
color:#fff
}
.news > a {
display: flex;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
margin-top: 0;
margin-bottom: 1rem;
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-top: 12px;
z-index: 10; /* Was 2 */"
}
</style> </style>
<div class="app" style="background-image: url(/css/land.svg);background-size: auto;background-repeat: no-repeat;"> <div class="app" style="background-image: url(/css/land.svg);background-size: auto;background-repeat: no-repeat;">
<nav> <nav>
<div class="left"> <div class="left">
@ -255,9 +292,19 @@ section#landing-page {
<div class="channel-page"> <div class="channel-page">
<div class="news">
<img src="https://p.poketube.fun/https://twemoji.maxcdn.com/v/latest/svg/1f1fa-1f1e6.svg" style="width: 1.2em;align-self: center;margin-right: 3px;">
<a href="https://u24.gov.ua/">
Support Ukraine
</a>
</div>
<div class="content"> <div class="content">
<div class="content-inner" style="padding: 10px;color:#fff;"> <div class="content-inner" style="padding: 10px;color:#fff;">
<br> <br>
<h1 class="heading">PRIVACY IS YOUR RIGHT</h1> <h1 class="heading">PRIVACY IS YOUR RIGHT</h1>
@ -267,7 +314,7 @@ section#landing-page {
</div> </div>
</div> </div>
<div style="display: flex;justify-content: center;"> <div style="display: flex;justify-content: center;">
<img src="/css/product.svg" style="width: 25em;margin-top: 6em;transform: scale(1.3);margin-right: 1em;"> <img src="/css/product.svg" style="width: 25em;margin-top: 11.2em;transform: scale(1.3);margin-right: 1em;margin-bottom: 1em;">
</div> </div>
</div> </div>
@ -279,7 +326,6 @@ section#landing-page {
</div> </div>
</body> </body>
</html> </html>