some front end made by @vassdeniss implemented by me
This commit is contained in:
parent
c851efa366
commit
4bea179ad4
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
@ -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>
|
||||||
|
@ -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">
|
||||||
|
@ -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 %}
|
||||||
|
@ -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 %}
|
||||||
|
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