Skip to content

M
mymusiclist
Commit 865e0612 authored by Gink's avatar Gink
Browse files
Options

Adds preliminary design

parent 925961d9
Show whitespace changes
Inline Side-by-side
Showing with 55 additions and 11 deletions
.gitignore
View file @ 865e0612
.DS_Store
*.pyc
*.sqlite
db.sqlite3
View file @ 865e0612
No preview for this file type
files/css/mymusiclist.css
View file @ 865e0612
.signup_form{
color: black;
}
#nav_bar{
position:fixed;
width : 100vw;
list-style-type: none;
background-color: grey;
overflow: hidden;
margin : -15px;
margin-top: -70px;
padding: 0px;
height : 50px;
}
#nav_bar_items {
float: left;
display: block;
color: white;
font-size: 20;
padding: 8px 10px;
letter-spacing: 3px;
text-decoration: none;
}
li a:hover, .active{
background-color: black;
}
body {
color: red;
color: white;
margin: 15px;
margin-top: 70px;
background-image: url(/files/images/background.jpg);
background-position: left top;
background-size: cover;
}
\ No newline at end of file
templates/base.html
View file @ 865e0612
......@@ -9,13 +9,18 @@
</head>
<body>
<header>
<h1>MyMusicList</h1>
{% if user.is_authenticated %}
Hi {{ user.username }}!
<a href="{% url 'logout' %}">logout</a>
<ul id='nav_bar'>
<li id='nav_bar_items'><a id='nav_bar_items' href="/">MyMusicList</a></li>
<li id='nav_bar_items'><a id='nav_bar_items' href="/profile/{{user.username}}">Hi, {{user.username}}</a></li>
<li id='nav_bar_items' style="float:right"><a id='nav_bar_items' href="{% url 'logout' %}">Logout</a></li>
</ul>
{% else %}
<a href="{% url 'login' %}">login</a>
<a href="{% url 'signup' %}">sign up</a>
<ul id='nav_bar'>
<li id='nav_bar_items'><a id='nav_bar_items' href="/">MyMusicList</a></li>
<li id='nav_bar_items'><a id='nav_bar_items' href="{% url 'login' %}">Login</a></li>
<li id='nav_bar_items'><a id='nav_bar_items' href="{% url 'signup' %}">Sign Up</a></li>
</ul>
{% endif %}
</header>
<main>
......
templates/home.html
View file @ 865e0612
......@@ -5,6 +5,5 @@
{% block content %}
<h2>Home</h2>
{% if user.is_authenticated %}
<a href="/profile/{{user.username}}">View your profile</a>
{% endif %}
{% endblock %}
templates/logged_out.html
View file @ 865e0612
......@@ -4,6 +4,7 @@
{% block content %}
<h2>Logged out</h2>
<p>You have been successfully logged out.</p>
<p><a href="{% url 'login' %}">Log in</a> again.</p>
<p>
You have been successfully logged out. <br> Please login again.
</p>
{% endblock %}
templates/login.html
View file @ 865e0612
......@@ -3,10 +3,10 @@
{% block title %}Login{% endblock %}
{% block content %}
<h2>Login</h2>
<h2 id='login_login'>Login</h2>
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Login</button>
<button type="submit" id='login_submit'>Login</button>
</form>
{% endblock %}
templates/signup.html
View file @ 865e0612
......@@ -2,9 +2,11 @@
{% block content %}
<h2>Sign up</h2>
<div class='signup_form'>
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Sign up</button>
</form>
</div>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment