ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.1.0-beta/website-final

Browse Source
This commit is contained in:
Ayushya Amitabh
2020-05-15 17:55:20 -04:00
parent 3a5132fc22
commit 528a58fd50
2 changed files with 49 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/beta.html
+2 -2
View File
@@ -20,7 +20,7 @@
<link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="style.css" />
<title>Watch Party | Beta</title> <title>Watch Party | Beta</title>
</head> </head>
<body> <body class="beta-body">
<script> <script>
window.onload = function () { window.onload = function () {
let originalTitlePosition = null; let originalTitlePosition = null;
@@ -65,7 +65,7 @@
form="https://docs.google.com/forms/d/e/1FAIpQLSfhGxX7rJ4gNEYuQsx_wgg0GJqJq9XRWlgbpMZCrK14iPyuZA/viewform?embedded=true" form="https://docs.google.com/forms/d/e/1FAIpQLSfhGxX7rJ4gNEYuQsx_wgg0GJqJq9XRWlgbpMZCrK14iPyuZA/viewform?embedded=true"
></script> ></script>
<mark>Powered by Google Forms</mark> <mark id="powered">Powered by Google Forms</mark>
</div> </div>
</section> </section>
<footer> <footer>
website/style.css
+47 -3
View File
@@ -29,7 +29,27 @@ section > .page {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
/*
B E T A P A G E
*/
.beta-body a.title {
font-size: 2rem;
}
.beta-body .cta {
font-size: 0.75rem;
}
.beta-body footer * {
font-size: 1rem;
line-height: normal;
}
.beta-body footer {
padding: 1rem;
}
.cta { .cta {
font-size: 1rem;
font-family: 'GlacialBold'; font-family: 'GlacialBold';
background-color: black; background-color: black;
color: #c0f300; color: #c0f300;
@@ -40,7 +60,7 @@ section > .page {
.title { .title {
text-align: center; text-align: center;
color: #c0f300; color: #c0f300;
font-size: 3rem; font-size: 3.5rem;
padding: 1rem 5rem; padding: 1rem 5rem;
border: 5px solid black; border: 5px solid black;
border-radius: 5rem; border-radius: 5rem;
@@ -99,6 +119,12 @@ section[data-page='3'] .page * {
color: #c0f300; color: #c0f300;
font-family: 'Glacial'; font-family: 'Glacial';
} }
section[data-page='2']#request {
height: fit-content;
}
#powered {
font-size: 1rem !important;
}
.row { .row {
margin: 0 auto; margin: 0 auto;
@@ -136,6 +162,8 @@ footer {
} }
footer, footer,
footer * { footer * {
font-size: 1rem;
line-height: 2.5rem;
color: white; color: white;
font-family: 'Glacial'; font-family: 'Glacial';
} }
@@ -191,6 +219,7 @@ footer > div > span.full {
right: 2rem; right: 2rem;
display: block; display: block;
} }
.beta-body a.title,
.title { .title {
font-size: 5rem; font-size: 5rem;
} }
@@ -199,7 +228,7 @@ footer > div > span.full {
top: 1rem; top: 1rem;
left: 1rem; left: 1rem;
margin: 0; margin: 0;
font-size: 1rem; font-size: 1rem !important;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
background: black; background: black;
} }
@@ -255,16 +284,29 @@ footer > div > span.full {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.beta-body footer > div,
footer > div { footer > div {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-bottom: 0; margin-bottom: 0;
} }
.beta-body footer > div > span,
footer > div > span { footer > div > span {
line-height: initial; line-height: initial;
} }
.beta-body footer *,
footer * {
font-size: 1rem;
line-height: normal;
}
.beta-body footer * {
line-height: 2.5rem;
}
} }
@media screen and (max-width: 1360px) and (min-width: 1024px) { @media screen and (max-width: 1360px) and (min-width: 1024px) {
.beta-body a.title {
font-size: 5rem;
}
section[data-page='2'] .page img { section[data-page='2'] .page img {
width: 75%; width: 75%;
} }
@@ -274,11 +316,13 @@ footer > div > span.full {
section[data-page='2'] .page mark { section[data-page='2'] .page mark {
font-size: 1rem; font-size: 1rem;
} }
section[data-page='2']#request {
height: 100%;
}
.col.text { .col.text {
font-size: 1.25rem; font-size: 1.25rem;
} }
} }
/* /*
G O O G L E F O R M S G O O G L E F O R M S
C U S T O M I Z A T I O N C U S T O M I Z A T I O N