almost there
This commit is contained in:
Yamozha
parent
3e37c1ca20
commit
c851efa366
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
30
reValuate/home/static/home/css/upload.css
Normal file
30
reValuate/home/static/home/css/upload.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||||
|
|
||||||
|
.fancyButton {
|
||||||
|
border: 25% solid green;
|
||||||
|
background-color: transparent;
|
||||||
|
padding: 50% 25%;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 100%;
|
||||||
|
transition-duration: 0.4s;
|
||||||
|
color: black;
|
||||||
|
outline: none;
|
||||||
|
font-family: 'Roboto', sans-serif !important;
|
||||||
|
font-size: 10px;
|
||||||
|
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fancyButton:hover {
|
||||||
|
background-color: green;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin: 25% 25% 25% 25%;
|
||||||
|
width: 45%;
|
||||||
|
height: 45%;
|
||||||
|
}
|
||||||
@ -5,14 +5,19 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>{% block title %}CurrencyProj{% endblock %}</title>
|
<title>{% block title %}CurrencyProj{% endblock %}</title>
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block optionalParams%} {%endblock%}
|
||||||
|
|
||||||
<!-- Required meta tags -->
|
<!-- Required meta tags -->
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<title> reValuate: Putting the value back in recycling </title>
|
<title> reValuate: Putting the value back in recycling </title>
|
||||||
<!-- Bootstrap CSS and own CSS -->
|
<!-- Bootstrap CSS and own CSS and AJAX -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
<link rel="stylesheet" href="{% static 'home/css/style.css' %}">
|
<link rel="stylesheet" href="{% static 'home/css/style.css' %}">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg bg-success">
|
<nav class="navbar navbar-expand-lg bg-success">
|
||||||
|
|||||||
@ -1,18 +1,24 @@
|
|||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
{% block title %} Home {% endblock %}
|
{% block optionalParams %} <link rel="stylesheet" href="{% static 'home/css/upload.css' %}"> {% endblock %}
|
||||||
|
|
||||||
|
{% block title %} Upload? {% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
Hi {{ user.username }}!<br>
|
Hi {{ user.username }}!<br>
|
||||||
<form action="" method="POST">{% csrf_token %}
|
|
||||||
<label for="choice">What are we gonna upload today?</label>
|
<div class="container-fluid">
|
||||||
<select name="choices" id="choices">
|
<div class="row" id="choices" name="choices">
|
||||||
<option value="image">Picture</option>
|
<div class="col-sm-6 col-md-6">
|
||||||
<option value="video">Video</option>
|
<a href="/upload_image/"><button class="fancyButton" style="cursor: pointer;"><span class="fa fa-upload"></span><br>Upload Image </button></a>
|
||||||
</select>
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
<button type="submit"> Submit </button>
|
<a href="/upload_video/"><button value="video" class="fancyButton" style="cursor: pointer;"><span class="fa fa-upload"></span><br>Upload Video </button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<p>You are not logged in</p>
|
<p>You are not logged in</p>
|
||||||
|
|||||||
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