sigmasternchen/Diary
1
0
Fork 0
mirror of https://github.com/sigmasternchen/Diary synced 2025-03-15 07:08:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #4 from overflowerror/stable

Browse source 
Some style.
This commit is contained in:
Bene 2014-05-28 22:57:58 +02:00
commit dcb8be3d3e
7 changed files with 187 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/gothic.ttf Normal file
View file

Binary file not shown.

BIN
static/gothicb.ttf Normal file
View file

Binary file not shown.

11
static/script.js
View file

@ -0,0 +1,11 @@
window.onload = function() {
resetStyle();
}
window.onresize = function() {
resetStyle();
}
var resetStyle = function() {
document.getElementById("mainContainer").style.minHeight = window.innerHeight + "px";
}

92
static/style.css
View file

@ -0,0 +1,92 @@
@font-face {
font-family: gothic;
font-style: normal;
font-weight: normal;
src:url('gothic.ttf') format('truetype');
}
@font-face {
font-family: gothic;
font-style: normal;
font-weight: bold;
src:url('gothicb.ttf') format('truetype');
}
body {
background-color: #0DF4FF;
}
* {
color: #000;
font-family: gothic;
}
a, a:active, a:visited {
color: #000;
}
.dot {
width: 1px;
height: 1px;
}
.centered {
position: absolute;
left: 50%;
top: 0px;
overflow: visible;
}
#mainContainer {
width: 900px;
position: absolute;
left: -450px;
top: 0px;
background-color: #00FF9F;
}
#contentContainer {
padding: 10px;
}
#header h1 {
font-size: 40px;
font-weight: bold;
padding-left: 10px;
}
#header #logout {
position: absolute;
right: 15px;
top: 40px;
text-align: right;
}
#listing {
background-color: #0CE838;
width: 100%;
padding: 1px 0px;
}
#listing div {
margin: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color: #C3F500;
}
#listing div.link:hover {
color: #222;
background-color: #0CE838;
}
#listing div div {
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.error {
padding: 5px;
color: red;
border: red 1px solid;
}

51
templates/diary.html
View file

@ -1,26 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Diary – {{ diary.name }}</title>
<link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}"/>
<script src="{{ url_for('static',filename='script.js') }}"></script>
<meta charset="UTF-8">
<title>Diary – {{ diary.name }}</title>
<link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}"/>
<script src="{{ url_for('static',filename='script.js') }}"></script>
</head>
<body>
<p>{{ diary.name }}:</p>
<form action="{{ url_for('addentry',name=diary.name) }}" method="POST">
<input type="textarea" name="text" autofocus>
<button type="submit">Submit</button>
</form>
<div>
{% for e in entries %}
<p>
{{ e.date }}:
<p>
{{ e.text }}
</p>
</p>
{% endfor %}
</div>
<div class="dot centered">
<div id="mainContainer">
<div id="header">
<h1>Diary {{ diary.name }}</h1>
<div id="logout">
<a href="{{ url_for('logout') }}">Logout</a><br />
<a href="{{ url_for('index') }}">Diary-List</a>
</div>
</div>
<div id="contentContainer">
<form action="{{ url_for('addentry',name=diary.name) }}" method="POST">
Add new entry:<br />
<textarea name="text"></textarea><br />
<input type="submit">
</form>
<div id="listing">
{% for e in entries %}
<div>
<div>{{ e.date }}</div>
<p>
{{ e.text }}
</p>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</body>
</html>

51
templates/index.html
View file

@ -1,27 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Diary</title>
<link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}"/>
<script src="{{ url_for('static',filename='script.js') }}"></script>
<meta charset="UTF-8">
<title>Diary</title>
<link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}"/>
<script src="{{ url_for('static',filename='script.js') }}"></script>
</head>
<body>
{% if error != '' %}
<div style="border: red 1px solid; color: red;">{{ error }}</div>
{% endif %}
<p>
<a href="{{ url_for('logout') }}">Logout</a>
<form method="post" action="{{ url_for('newdiary')}}">
New diary: <input type="text" name="name" placeholder="name of diary"><input type="submit">
</form>
</p>
<ul>
{% for d in diaries %}
<li>
<a href="{{ url_for('diary',name=d.name) }}">{{ d.name }}</a>
</li>
{% endfor %}
</ul>
<div class="dot centered">
<div id="mainContainer">
<div id="header">
<h1>Diarys</h1>
<div id="logout">
<a href="{{ url_for('logout') }}">Logout</a>
</div>
</div>
<div id="contentContainer">
{% if error != '' %}
<div class="error">{{ error }}</div>
{% endif %}
<div id="listing">
{% for d in diaries %}
<a href="{{ url_for('diary',name=d.name) }}">
<div class="link">
{{ d.name }}
</div>
</a>
{% endfor %}
</div>
<form method="post" action="{{ url_for('newdiary')}}">
You can add a new diary, if you want: <input type="text" name="name" placeholder="name of diary"><input type="submit">
</form>
</div>
<div>
<div>
</body>
</html>

28
templates/login.html
View file

@ -1,14 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Diary – Login</title>
<meta charset="UTF-8">
<title>Diary – Login</title>
<link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}"/>
<script src="{{ url_for('static',filename='script.js') }}"></script>
</head>
<body>
<form method="POST">
<input type="text" name="user" placeholder="Username"/><br/>
<input type="password" name="pass" placeholder="Password"/><br/>
<button type="submit">Login</button>
</form>
<div class="dot centered">
<div id="mainContainer">
<div id="header">
<h1>Diary</h1>
<div id="logout">
<a href="{{ url_for('logout') }}">Logout</a>
</div>
</div>
<div id="contentContainer">
<form method="POST">
<input type="text" name="user" placeholder="Username"/><br/>
<input type="password" name="pass" placeholder="Password"/><br/>
<input type="submit" value="Login">
</form>
</div>
<div>
<div>
</body>
</html>