rushilwiz/HiLo
1
0
Fork 0
mirror of https://github.com/Rushilwiz/HiLo.git synced 2025-04-09 14: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>
<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">
<div class="row pb-4">
<div class="col emote">
<img src="{% static 'css/res/happy.svg' %}" alt="">
</div>
@ -121,6 +117,19 @@
<img src="{% static 'css/res/sad.svg' %}" alt="">
</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>
</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");
font-family: "Hanson-Bold"; }
html {
background-color: #333; }
background-color: #333;
font-family: "Hanson-Bold", "Arial", sans-serif; }
body {
overflow-y: scroll;
@ -71,8 +72,8 @@ body::-webkit-scrollbar {
background-color: #fff; }
.info-header {
font-family: 'Hanson-Bold','Arial',sans-serif;
color: white;
font-family: "Hanson-Bold", "Arial", sans-serif;
text-stroke: 3px #305899;
-webkit-text-stroke: 3px #305899; }
@media (max-width: 768px) {
@ -82,9 +83,9 @@ body::-webkit-scrollbar {
-webkit-text-stroke: 2px #305899; } }
.info {
font-family: 'Hanson-Bold','Arial',sans-serif;
font-size: .8em;
color: #2b5291; }
color: #2b5291;
font-family: "Hanson-Bold", "Arial", sans-serif; }
@media (max-width: 768px) {
.info {
font-size: .75em; } }
@ -94,14 +95,17 @@ body::-webkit-scrollbar {
.poll {
color: white;
background-image: url("res/gradient.png");
background-image: url("res/poll-gradient.png");
background-position: center;
background-repeat: no-repeat;
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) {
.poll {
background-image: url("res/gradient-mobile.png"); } }
background-image: url("res/poll-gradient.png"); } }
.short-answer {
padding-bottom: 10vh; }
@ -113,4 +117,8 @@ label {
width: 25vw;
height: auto; }
.btn {
color: #2b5291;
border-image-repeat: none; }
/*# sourceMappingURL=styles.css.map */

36
static/css/styles.scss
View File

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