rushilwiz/HiLo
1
0
Fork 0
mirror of https://github.com/Rushilwiz/HiLo.git synced 2025-04-20 03:40:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added polling looks

Browse Source
This commit is contained in:
Rushil Umaretiya 2020-08-18 17:00:34 -04:00
parent 6026283abd
commit 744cd5fbe0
5 changed files with 53 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
homepage/templates/homepage/index.html
View File

@ -106,11 +106,7 @@
<label for="test" class="mx-auto">Lorem ipsum docet docet?</label> <label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
<input class="w-75 mx-auto rounded" type="text" name="test" value=""> <input class="w-75 mx-auto rounded" type="text" name="test" value="">
</div> </div>
<div class="row short-answer"> <div class="row pb-4">
<label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
<input class="w-75 mx-auto rounded" type="text" name="test" value="">
</div>
<div class="row">
<div class="col emote"> <div class="col emote">
<img src="{% static 'css/res/happy.svg' %}" alt=""> <img src="{% static 'css/res/happy.svg' %}" alt="">
</div> </div>
@ -121,6 +117,19 @@
<img src="{% static 'css/res/sad.svg' %}" alt=""> <img src="{% static 'css/res/sad.svg' %}" alt="">
</div> </div>
</div> </div>
<div class="row short-answer pb-4">
<label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
<input class="w-75 mx-auto rounded" type="text" name="test" value="">
</div>
<div class="row short-answer">
<label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
<input class="w-75 mx-auto rounded" type="text" name="test" value="">
</div>
<div class="row">
<button type="submit" class="mx-auto btn text-uppercase">
<img src="{% static 'css/res/submit.png' %}">
</button>
</div>
</div> </div>
</div> </div>
</section> </section>

BIN
static/css/res/poll-gradient.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 MiB

BIN
static/css/res/submit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

22
static/css/styles.css
View File

@ -3,7 +3,8 @@
src: url("./fonts/Hanson-Bold.ttf"); src: url("./fonts/Hanson-Bold.ttf");
font-family: "Hanson-Bold"; } font-family: "Hanson-Bold"; }
html { html {
background-color: #333; } background-color: #333;
font-family: "Hanson-Bold", "Arial", sans-serif; }
body { body {
overflow-y: scroll; overflow-y: scroll;
@ -71,8 +72,8 @@ body::-webkit-scrollbar {
background-color: #fff; } background-color: #fff; }
.info-header { .info-header {
font-family: 'Hanson-Bold','Arial',sans-serif;
color: white; color: white;
font-family: "Hanson-Bold", "Arial", sans-serif;
text-stroke: 3px #305899; text-stroke: 3px #305899;
-webkit-text-stroke: 3px #305899; } -webkit-text-stroke: 3px #305899; }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -82,9 +83,9 @@ body::-webkit-scrollbar {
-webkit-text-stroke: 2px #305899; } } -webkit-text-stroke: 2px #305899; } }
.info { .info {
font-family: 'Hanson-Bold','Arial',sans-serif;
font-size: .8em; font-size: .8em;
color: #2b5291; } color: #2b5291;
font-family: "Hanson-Bold", "Arial", sans-serif; }
@media (max-width: 768px) { @media (max-width: 768px) {
.info { .info {
font-size: .75em; } } font-size: .75em; } }
@ -94,14 +95,17 @@ body::-webkit-scrollbar {
.poll { .poll {
color: white; color: white;
background-image: url("res/gradient.png"); background-image: url("res/poll-gradient.png");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; } background-attachment: fixed;
font-family: "Hanson-Bold", "Arial", sans-serif;
font-weight: lighter;
font-size: .75em; }
@media (max-width: 768px) { @media (max-width: 768px) {
.poll { .poll {
background-image: url("res/gradient-mobile.png"); } } background-image: url("res/poll-gradient.png"); } }
.short-answer { .short-answer {
padding-bottom: 10vh; } padding-bottom: 10vh; }
@ -113,4 +117,8 @@ label {
width: 25vw; width: 25vw;
height: auto; } height: auto; }
.btn {
color: #2b5291;
border-image-repeat: none; }
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */

36
static/css/styles.scss
View File

@ -20,6 +20,8 @@ $mobile-width: 768px;
} }
// fonts // fonts
$font-stack: 'Hanson-Bold','Arial',sans-serif;
@font-face { @font-face {
src: url("./fonts/Hanson-Bold.ttf"); src: url("./fonts/Hanson-Bold.ttf");
font-family: "Hanson-Bold"; font-family: "Hanson-Bold";
@ -34,6 +36,7 @@ $header-stroke: #305899;
html { html {
background-color: $dark-grey; background-color: $dark-grey;
font-family: $font-stack;
} }
body { body {
@ -122,21 +125,22 @@ body::-webkit-scrollbar {
} }
.info-header { .info-header {
font-family: 'Hanson-Bold','Arial',sans-serif; color: white;
color: white; font-family: $font-stack;
text-stroke: 3px $header-stroke; text-stroke: 3px $header-stroke;
-webkit-text-stroke: 3px $header-stroke; -webkit-text-stroke: 3px $header-stroke;
@include mobile {
font-size: 1.25em; @include mobile {
text-stroke: 2px $header-stroke; font-size: 1.25em;
-webkit-text-stroke: 2px $header-stroke; text-stroke: 2px $header-stroke;
} -webkit-text-stroke: 2px $header-stroke;
}
} }
.info { .info {
font-family: 'Hanson-Bold','Arial',sans-serif;
font-size: .8em; font-size: .8em;
color: $text; color: $text;
font-family: $font-stack;
@include mobile { @include mobile {
font-size: .75em; font-size: .75em;
@ -149,13 +153,16 @@ body::-webkit-scrollbar {
.poll { .poll {
color: white; color: white;
background-image: url("res/gradient.png"); background-image: url("res/poll-gradient.png");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
font-family: $font-stack;
font-weight: lighter;
font-size: .75em;
@include mobile { @include mobile {
background-image: url("res/gradient-mobile.png"); background-image: url("res/poll-gradient.png");
}; };
} }
@ -171,3 +178,8 @@ label {
width: 25vw; width: 25vw;
height: auto; height: auto;
} }
.btn {
color: $text;
border-image-repeat: none;
}