some front end made by @vassdeniss implemented by me
This commit is contained in:
Yamozha
parent
c851efa366
commit
4bea179ad4
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -5,6 +5,7 @@
|
||||
--colour-white: #fff;
|
||||
--colour-black: #1a1a1a;
|
||||
}
|
||||
|
||||
@viewport {
|
||||
width: device-width ;
|
||||
zoom: 1.0 ;
|
||||
@ -29,6 +30,9 @@ html {
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
}
|
||||
.dropdown-item{
|
||||
font-size:100%
|
||||
}
|
||||
body{
|
||||
font-size: 1.2em;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
@ -36,7 +40,10 @@ body{
|
||||
|
||||
}
|
||||
|
||||
.navview{
|
||||
width:100%;
|
||||
|
||||
}
|
||||
#active {
|
||||
background-color: #4CAF50;
|
||||
}
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
|
||||
.fancyButton {
|
||||
border: 25% solid green;
|
||||
border: auto solid green;
|
||||
background-color: transparent;
|
||||
padding: 50% 25%;
|
||||
padding: 38% 35%;
|
||||
text-align: center;
|
||||
border-radius: 100%;
|
||||
border-radius: 2%;
|
||||
transition-duration: 0.4s;
|
||||
color: black;
|
||||
color: rgb(0, 0, 0);
|
||||
outline: none;
|
||||
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);
|
||||
}
|
||||
|
||||
@ -24,7 +24,7 @@ button:focus {
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 25% 25% 25% 25%;
|
||||
width: 45%;
|
||||
height: 45%;
|
||||
margin: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
@ -20,37 +20,36 @@
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="navview">
|
||||
<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">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/"> Home </a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block" >
|
||||
|
||||
<a class="nav-link" href="/upload/">Upload</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item dropdown ">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Account
|
||||
</a>
|
||||
<div class="dropdown-menu animate slideIn" aria-labelledby="navbarDropdown" >
|
||||
<div class="dropdown-menu animate slideIn" aria-labelledby="navbarDropdown" >
|
||||
<a class="dropdown-item" href="/users/signup"> Sign Up </a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="/users/login"> Log In </a>
|
||||
<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>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="centered">
|
||||
</div>
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div style="height: 71px;" class="container-fluid fixed-bottom bg-success"></div>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
|
||||
{% block content %}
|
||||
{% if user.is_authenticated %}
|
||||
Hi {{ user.username }}!<br>
|
||||
<h1 style="text-align:center;">Hi {{ user.username }}!</h1>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row" id="choices" name="choices">
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %} Home {% endblock %}
|
||||
{% block title %} Image Upload {% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="centered">
|
||||
{% if user.is_authenticated %}
|
||||
Hi {{ user.username }} {{ user.id }}!<br>
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
@ -19,4 +20,5 @@
|
||||
<p>You are not logged in</p>
|
||||
<a href="{% url 'login' %}">Log In</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %} Home {% endblock %}
|
||||
{% block title %} Upload Video {% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="centered">
|
||||
{% if user.is_authenticated %}
|
||||
Hi {{ user.username }}!<br>
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
@ -19,4 +20,5 @@
|
||||
<p>You are not logged in</p>
|
||||
<a href="{% url 'login' %}">Log In</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user