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>
|
|
||||||
<select name="choices" id="choices">
|
|
||||||
<option value="image">Picture</option>
|
|
||||||
<option value="video">Video</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<button type="submit"> Submit </button>
|
<div class="container-fluid">
|
||||||
|
<div class="row" id="choices" name="choices">
|
||||||
|
<div class="col-sm-6 col-md-6">
|
||||||
|
<a href="/upload_image/"><button class="fancyButton" style="cursor: pointer;"><span class="fa fa-upload"></span><br>Upload Image </button></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<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