Added css framework and implemented it on some page (not all yet)

This commit is contained in:
Gregorio Chiko Putra 2017-09-11 16:36:06 +07:00
parent 991f8410c9
commit 1f62a24c80
5 changed files with 133 additions and 71 deletions

View File

@ -3,21 +3,29 @@
{% block title %}Masuk{% endblock %}
{% block body %}
<form method="post">
<h2>Login</h2>
<main class="documentation">
<section>
<form method="post">
<h1>Login</h1>
<label for="username">Username: </label>
<input type="text" name="username" value="" placeholder="Tulis username" maxlength="25" autocomplete="off">
<br>
<label for="password">Password: </label>
<input type="password" name="password" value="" placeholder="Tulis password">
<input type="hidden" name="_token" value="{{ token }}">
<br>
<button type="submit">Masuk</button>
</form>
<div class="flex four grow">
<div class="fourth">
<!-- <label for="username">Username: </label> -->
<input type="text" name="username" value="" placeholder="Username" maxlength="25" autocomplete="off">
</div>
<div class="two-fourth">
<!-- <label for="password">Password: </label> -->
<input type="password" name="password" value="" placeholder="Password">
</div>
<div></div>
<div>
<input type="hidden" name="_token" value="{{ token }}">
</div>
<div>
<button type="submit" class="half">Masuk</button>
</div>
</div>
</form>
</section>
</main>
{% endblock %}

View File

@ -3,44 +3,54 @@
{% block title %}Tambah Pengumuman{% endblock %}
{% block body %}
<form method="post">
<h3>Tambah Pengumuman</h3>
<main class="documentation">
<section>
<form method="post">
<h2>Tambah Pengumuman</h2>
<div class="flex three grow">
<div class="full third-600">
<label for="category">Kategori</label>
<select name="category">
{% for cat in categories %}
<option value="{{ cat.id }}">{{ cat.category }}</option>
{% endfor %}
</select>
<label for="category">Kategori</label>
<select name="category">
{% for cat in categories %}
<option value="{{ cat.id }}">{{ cat.category }}</option>
{% endfor %}
</select>
<br>
<br>
<label for="expired_at">Berlaku dari: </label>
<input type="date" name="valid_at" value="{{ timestamp }}">
<label for="expired_at">Berlaku dari: </label>
<input type="date" name="valid_at" value="{{ timestamp }}">
<br>
<br>
<label for="expired_at">Berlaku sampai: </label>
<input type="date" name="expired_at" value="{{ timestamp }}">
<label for="expired_at">Berlaku sampai: </label>
<input type="date" name="expired_at" value="{{ timestamp }}">
<br>
<br>
</div>
<label for="content">Konten: </label>
<textarea name="content" rows="3" cols="30" maxlength="255"></textarea>
<div class="full two-third-600">
<label for="content">Konten: </label>
<textarea name="content" rows="2" cols="30" maxlength="255"></textarea>
</div>
<input type="hidden" name="creator" value="{{ user }}">
<input type="hidden" name="creator" value="{{ user }}">
<!-- Current Timestamp -->
<input type="hidden" name="_currts" value="{{ timestamp }}" disabled>
<!-- Current Timestamp -->
<input type="hidden" name="_currts" value="{{ timestamp }}" disabled>
<!-- Method -->
<input type="hidden" name="_method" value="post">
<!-- Method -->
<input type="hidden" name="_method" value="post">
<!-- Token -->
<input type="hidden" name="_token" value="{{ token }}">
<!-- Token -->
<input type="hidden" name="_token" value="{{ token }}">
<br>
<br>
<button type="submit">Unggah</button>
</form>
<button type="submit" class="success">Unggah</button>
</div>
</form>
</section>
</main>
{% endblock %}

View File

@ -2,38 +2,49 @@
{% block title %}Pengumuman{% endblock %}
{% block nav %}
<div class="menu">
{% if privilage != "" %}
<a href="/posts/entry" class="pseudo button">+ Pengumuman</a>
{% if privilage == 1 %}
<a href="/posts/category" class="pseudo button">+ Kategori</a>
{% endif %}
<a href="/logout" class="button error">Keluar</a>
{% else %}
<a href="/login" class="button">Masuk</a>
{% endif %}
</div>
{% endblock %}
{% block body %}
<h2>List Pengumuman</h2>
{% for post in posts %}
{% if post.id %}
<h3>Pengumuman {{ post.id }}</h3>
{{ post.content | raw }}
<br />
{% if status %}
{% if post.status == 1 %}
<a href="/posts/edit/{{ post.id }}">
Edit
</a>
{% elseif post.status == 2 %}
<a href="/posts/edit/{{ post.id }}">
<main class="documentation">
<section>
<h1>List Pengumuman</h1>
{% for post in posts %}
{% if post.id %}
<h2>Pengumuman {{ post.id }}</h2>
{{ post.content | raw }}
<br />
{% if status %}
{% if post.status == 1 %}
<a href="/posts/edit/{{ post.id }}">
Edit
</a>
{% elseif post.status == 2 %}
<a href="/posts/edit/{{ post.id }}">
<strike>Edit</strike>
</a> (Belum aktif)
{% else %}
<strike>Edit</strike>
</a> (Belum aktif)
{% else %}
<strike>Edit</strike>
(Nonaktif)
(Nonaktif)
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
</section>
<br />
<section>
</section>
</main>
{% if privilage != "" %}
<a href="/posts/entry">+ Tambah Pengumuman</a>
{% if privilage == 1 %}
<a href="/posts/category">+ Tambah Kategori</a>
{% endif %}
<a href="/logout">Keluar</a>
{% endif %}
{% endblock %}

View File

@ -2,10 +2,41 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/picnic.min.css">
<title>{% block title %}{% endblock %}</title>
<style>
.documentation > section {
background: #fff;
text-align: left;
width: 90%;
max-width: 960px;
margin: 0 auto;
padding: 80px 0 0;
}
nav.transparent {
box-shadow: none;
background: none;
}
.pseudo.button {
background: transparent;
color: #111;
}
.shyButton {
font-size: .75em;
}
</style>
</head>
<body>
<a href="/">Home</a>
<nav>
<a href="/" class="brand">
<span>Home</span>
</a>
{% block nav %}{% endblock %}
</nav>
{% block body %}
{% endblock %}
</body>

2
public/css/picnic.min.css vendored Normal file

File diff suppressed because one or more lines are too long