Added css framework and implemented it on some page (not all yet)
This commit is contained in:
parent
991f8410c9
commit
1f62a24c80
@ -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 %}
|
||||||
|
@ -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 %}
|
||||||
|
@ -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 %}
|
||||||
|
@ -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
2
public/css/picnic.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user