1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2025-06-11 21:33:02 -04:00

Update landing page

This commit is contained in:
Korbs 2024-04-30 23:05:57 -04:00
parent c488771d5d
commit f64e1d21df
3 changed files with 155 additions and 103 deletions

BIN
css/Poke-Mobile.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 670 KiB

View file

@ -719,76 +719,12 @@ li > a {cursor: var(--pointer-cursor)}
.btn {cursor: var(--pointer-cursor) !important}
@font-face {
font-family: "PokeTube Flex";
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881");
font-family: "PokeTube Flex";
font-style: normal;
font-stretch: 1% 800%;
font-display: swap;
}
blockquote {
background: #f2dda8;
margin: 0;
padding: 6px 12px;
border-radius: 4px;
color: #000;
position: sticky;
top: 12px;
z-index: 5;
}
.header-content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 100px;
}
.header-content-start img {
width: 140px;
}
.header-content-end a {
color: #fff;
padding: 10px 12px;
border-radius: 50px;
}
.header-content-end a:hover {
background: #ffffff2e;
}
#fname {
background: #331a22;
border: 2px #612153 solid;
padding: 8px 16px;
border-radius: 24px;
color: #fff;
margin-right: 6px;
}
#fname:focus {
outline: 0;
}
button[type="submit"] {
color: #fff;
background: #331a22;
border: 2px #612153 solid;
border-radius: 24px;
padding: 8px 10px;
cursor: var(--pointer-cursor);
}
button[type="submit"]:hover {
background: #ffffff2e;
}
.footer {
border-top: 1px #ffffff1f solid;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 100px;
margin-top: auto;
}
.footer a {
color: #fff;
margin-left: 12px;
text-decoration: none;
}
@media only screen and (max-width: 1328px) {
body {
padding: 0 48px !important;
@ -823,20 +759,20 @@ button[type="submit"]:hover {
}
}
.landing {
text-align: center;
margin: auto;
position: relative;
margin-top: 240px;
max-width: 1200px;
}
.landing h1 {
font-size: xxx-large;
font-family: "PokeTube flex";
font-stretch: ultra-expanded;
font-weight: 1000;
text-align: center;
}
.landing img {
width: 100%;
margin-top: 48px;
height: 700px;
height: 503px;
object-fit: cover;
object-position: top;
mask-image: linear-gradient(#5315ff,#0000);
@ -854,7 +790,6 @@ button[type="submit"]:hover {
}
.features {
display: flex;
justify-content: center;
}
.features p {
border-radius: 48px;
@ -870,6 +805,53 @@ button[type="submit"]:hover {
border-radius: 24px;
margin: -10px 10px -10px -24px;
}
img[src="/static/poke-chan-outfit-a.png"] {
height: 400px;
width: 369px;
mask-image: none;
z-index: 5;
transform: scaleX(1);
float: right;
display: flex;
position: absolute;
right: 10px;
margin: -237px -60px 0px 0px;
}
.new-feature-set {
display: grid;
margin: 54px 0px 24px 0px;
max-width: 1200px;
grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
text-align: left;
}
.feature-set {
padding: 32px;
}
.feature-set p {
text-align: left;
}
.feature-set svg {
width: 32px;
height: 32px;
border-radius: 5rem;
padding: 6px;
}
.feature-set-title {
display: flex;
align-items: center;
gap: 12px;
justify-content: left;
}
.feature-set-title h2 {
font-family: "PokeTube flex";
font-stretch: ultra-expanded;
font-weight: 1000;
margin: 0px;
}
@media only screen and (max-width: 1420px) {
.landing {
width: calc(100% - 24px);
@ -911,3 +893,12 @@ video {
display: none;
}
}
.adaptive-grid {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
max-width: 1200px;
margin: auto;
grid-gap: 12px;
}