some front end made by @vassdeniss implemented by me

This commit is contained in:
Yamozha 2021-02-27 20:31:53 +02:00
parent c851efa366
commit 4bea179ad4
27 changed files with 30 additions and 20 deletions

View File

@ -5,6 +5,7 @@
--colour-white: #fff; --colour-white: #fff;
--colour-black: #1a1a1a; --colour-black: #1a1a1a;
} }
@viewport { @viewport {
width: device-width ; width: device-width ;
zoom: 1.0 ; zoom: 1.0 ;
@ -29,6 +30,9 @@ html {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
top: 50%; top: 50%;
} }
.dropdown-item{
font-size:100%
}
body{ body{
font-size: 1.2em; font-size: 1.2em;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
@ -36,7 +40,10 @@ body{
} }
.navview{
width:100%;
}
#active { #active {
background-color: #4CAF50; background-color: #4CAF50;
} }

View File

@ -1,16 +1,16 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
.fancyButton { .fancyButton {
border: 25% solid green; border: auto solid green;
background-color: transparent; background-color: transparent;
padding: 50% 25%; padding: 38% 35%;
text-align: center; text-align: center;
border-radius: 100%; border-radius: 2%;
transition-duration: 0.4s; transition-duration: 0.4s;
color: black; color: rgb(0, 0, 0);
outline: none; outline: none;
font-family: 'Roboto', sans-serif !important; font-family: 'Roboto', sans-serif !important;
font-size: 10px; font-size: 30px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
} }
@ -24,7 +24,7 @@ button:focus {
} }
button { button {
margin: 25% 25% 25% 25%; margin: auto;
width: 45%; width: auto;
height: 45%; height: auto;
} }

View File

@ -20,14 +20,15 @@
</head> </head>
<body> <body>
<div class="navview">
<nav class="navbar navbar-expand-lg bg-success"> <nav class="navbar navbar-expand-lg bg-success">
<a style="color: white; font-size: 35px;" class="navbar-brand mb-0 h1" href="/"> reValuate </a> <a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate </a>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item d-none d-md-block" >
<a class="nav-link" href="/"> Home </a>
</li>
<a class="nav-link" href="/upload/">Upload</a> <a class="nav-link" href="/upload/">Upload</a>
</li>
</ul> </ul>
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item dropdown "> <li class="nav-item dropdown ">
@ -39,18 +40,16 @@
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item" href="/users/login"> Log In </a> <a class="dropdown-item" href="/users/login"> Log In </a>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a class="dropdown-item "href="/view_media/">View Reward Progress</a> <a class="dropdown-item "href="/view_media/">View Rewards</a>
</div> </div>
</li> </li>
</div> </div>
</ul> </ul>
</nav> </nav>
<div class="centered"> </div>
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div>
<div style="height: 71px;" class="container-fluid fixed-bottom bg-success"></div>
<!-- Jquery, popper, bootstrap scripts --> <!-- Jquery, popper, bootstrap scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

View File

@ -7,7 +7,7 @@
{% block content %} {% block content %}
{% if user.is_authenticated %} {% if user.is_authenticated %}
Hi {{ user.username }}!<br> <h1 style="text-align:center;">Hi {{ user.username }}!</h1>
<div class="container-fluid"> <div class="container-fluid">
<div class="row" id="choices" name="choices"> <div class="row" id="choices" name="choices">

View File

@ -1,8 +1,9 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block title %} Home {% endblock %} {% block title %} Image Upload {% endblock %}
{% block content %} {% block content %}
<div class="centered">
{% if user.is_authenticated %} {% if user.is_authenticated %}
Hi {{ user.username }} {{ user.id }}!<br> Hi {{ user.username }} {{ user.id }}!<br>
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
@ -19,4 +20,5 @@
<p>You are not logged in</p> <p>You are not logged in</p>
<a href="{% url 'login' %}">Log In</a> <a href="{% url 'login' %}">Log In</a>
{% endif %} {% endif %}
</div>
{% endblock %} {% endblock %}

View File

@ -1,8 +1,9 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block title %} Home {% endblock %} {% block title %} Upload Video {% endblock %}
{% block content %} {% block content %}
<div class="centered">
{% if user.is_authenticated %} {% if user.is_authenticated %}
Hi {{ user.username }}!<br> Hi {{ user.username }}!<br>
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
@ -19,4 +20,5 @@
<p>You are not logged in</p> <p>You are not logged in</p>
<a href="{% url 'login' %}">Log In</a> <a href="{% url 'login' %}">Log In</a>
{% endif %} {% endif %}
</div>
{% endblock %} {% endblock %}