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 title %}Masuk{% endblock %}
{% block body %} {% block body %}
<main class="documentation">
<section>
<form method="post"> <form method="post">
<h2>Login</h2> <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">
<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 }}"> <input type="hidden" name="_token" value="{{ token }}">
</div>
<br> <div>
<button type="submit" class="half">Masuk</button>
<button type="submit">Masuk</button> </div>
</div>
</form> </form>
</section>
</main>
{% endblock %} {% endblock %}

View File

@ -3,8 +3,12 @@
{% block title %}Tambah Pengumuman{% endblock %} {% block title %}Tambah Pengumuman{% endblock %}
{% block body %} {% block body %}
<main class="documentation">
<section>
<form method="post"> <form method="post">
<h3>Tambah Pengumuman</h3> <h2>Tambah Pengumuman</h2>
<div class="flex three grow">
<div class="full third-600">
<label for="category">Kategori</label> <label for="category">Kategori</label>
<select name="category"> <select name="category">
@ -24,9 +28,12 @@
<input type="date" name="expired_at" value="{{ timestamp }}"> <input type="date" name="expired_at" value="{{ timestamp }}">
<br> <br>
</div>
<div class="full two-third-600">
<label for="content">Konten: </label> <label for="content">Konten: </label>
<textarea name="content" rows="3" cols="30" maxlength="255"></textarea> <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 }}">
@ -41,6 +48,9 @@
<br> <br>
<button type="submit">Unggah</button> <button type="submit" class="success">Unggah</button>
</div>
</form> </form>
</section>
</main>
{% endblock %} {% endblock %}

View File

@ -2,12 +2,27 @@
{% block title %}Pengumuman{% endblock %} {% 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 %} {% block body %}
<h2>List Pengumuman</h2>
<main class="documentation">
<section>
<h1>List Pengumuman</h1>
{% for post in posts %} {% for post in posts %}
{% if post.id %} {% if post.id %}
<h3>Pengumuman {{ post.id }}</h3> <h2>Pengumuman {{ post.id }}</h2>
{{ post.content | raw }} {{ post.content | raw }}
<br /> <br />
{% if status %} {% if status %}
@ -26,14 +41,10 @@
{% 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 %} {% endblock %}

View File

@ -2,10 +2,41 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="/css/picnic.min.css">
<title>{% block title %}{% endblock %}</title> <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> </head>
<body> <body>
<a href="/">Home</a> <nav>
<a href="/" class="brand">
<span>Home</span>
</a>
{% block nav %}{% endblock %}
</nav>
{% block body %} {% block body %}
{% endblock %} {% endblock %}
</body> </body>

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

File diff suppressed because one or more lines are too long