Skip to content

Commit 8e35dde

Browse files
basprambaspram
committed
Duh
Kata han masih terlalu kosong, enaknya diapain ya?
1 parent 6acef98 commit 8e35dde

File tree

6 files changed

+66
-79
lines changed

6 files changed

+66
-79
lines changed

‎css/main.css

+26-27
Original file line numberDiff line numberDiff line change
@@ -28,12 +28,14 @@ html,body{
2828
width: 100%;
2929
margin: 0px;
3030
padding: 0px;
31-
background: #ffffff;
3231
color: black;
3332
font-size: 100%;
3433
letter-spacing: 100%;
3534
}
3635

36+
body{
37+
}
38+
3739
div{
3840
margin: 0;
3941
padding: 0;
@@ -136,10 +138,9 @@ textarea, input {
136138
position: relative;
137139
display: block;
138140
padding: 7% 12% 2%;
139-
width: 95%;
141+
width: 100%;
140142
height: auto;
141143
box-sizing: border-box;
142-
background: white;
143144
font-size: 120%;
144145
}
145146

@@ -154,11 +155,11 @@ textarea, input {
154155
.post{
155156
position: relative;
156157
display: block;
157-
width: 100%;
158+
width: 90%;
158159
height: auto;
159160
padding: 2%;
160161
padding-top: 0;
161-
margin: 3%;
162+
margin: auto;
162163
border-top: 0px solid black;
163164
border-bottom: 0px solid black;
164165
box-sizing: border-box;
@@ -182,7 +183,21 @@ textarea, input {
182183
}
183184

184185

186+
#POST > h1{
187+
letter-spacing: 0px;
188+
-webkit-transition: all 0.5s ease-in-out;
189+
-moz-transition: all 0.5s ease-in-out;
190+
-o-transition: all 0.5s ease-in-out;
191+
transition: all 0.5s ease-in-out;
192+
}
185193

194+
#POST:hover > h1{
195+
letter-spacing: 15px;
196+
-webkit-transition: all 0.5s ease-in-out;
197+
-moz-transition: all 0.5s ease-in-out;
198+
-o-transition: all 0.5s ease-in-out;
199+
transition: all 0.5s ease-in-out;
200+
}
186201

187202
.post .title{
188203
position: relative;
@@ -336,9 +351,9 @@ textarea, input {
336351
}
337352

338353
#FORM{
339-
width: 95%;
354+
width: 100%;
340355
margin:auto;
341-
padding: 2%;
356+
padding-top: 2%;
342357
color: black;
343358
overflow: hidden;
344359
}
@@ -356,37 +371,20 @@ textarea, input {
356371
outline:0;
357372
}
358373

359-
#FORM > h1 {
374+
#FORM #POST> h1 {
360375
text-align: center;
361376
font-size: 600%;
362377
margin: 10% 20% 0;
363378
font-family: Chase;
364-
letter-spacing: 0px;
365-
-webkit-transition: all 0.5s ease-in-out;
366-
-moz-transition: all 0.5s ease-in-out;
367-
-o-transition: all 0.5s ease-in-out;
368-
transition: all 0.5s ease-in-out;
369379
}
370380

371-
#FORM > h1:hover {
372-
text-align: center;
373-
font-size: 600%;
374-
margin: 10% 20% 0;
375-
font-family: Chase;
376-
letter-spacing: 8px;
377-
-webkit-transition: all 0.5s ease-in-out;
378-
-moz-transition: all 0.5s ease-in-out;
379-
-o-transition: all 0.5s ease-in-out;
380-
transition: all 0.5s ease-in-out;
381-
}
382-
383-
#FORM > h3{
381+
#FORM #POST > h3{
384382
text-align: center;
385383
margin-top: 0;
386384
font-family: Chase;
387385
}
388386

389-
#FORM > p{
387+
#FORM #POST> p{
390388
margin: 5% 12% ;
391389
text-align: justify;
392390
font-size: 100%;
@@ -493,6 +491,7 @@ textarea, input {
493491
#EDITPOSTS {
494492
text-align: center;
495493
font-family: Chase;
494+
height: 100%;
496495
}
497496

498497
#EDITPOSTS h1{

‎editpost.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -32,10 +32,7 @@ <h1>Edit Post</h1>
3232
<br>
3333
<input type="submit" name="submit" value="Simpan" class="button">
3434
</form>
35-
36-
37-
</div>
38-
35+
</div>
3936
</div>
4037
<script type="text/javascript">
4138
function validate(){

‎img/log.jpg

4.43 MB
Loading

‎index.html

-4
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<head>
44
<title>Baspram's Homepage</title>
55
<link rel="stylesheet" type="text/css" href="css/main.css">
6-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
7-
<script type="text/javascript">
8-
</script>
9-
<script scr="main.js"></script>
106
</head>
117
<body>
128
<div id="topLogo"><img src="logo/bp.png"></div>

‎insertpost.html

+1-4
Original file line numberDiff line numberDiff line change
@@ -36,10 +36,7 @@ <h1>Tambah Post</h1>
3636
<br>
3737
<input type="submit" name="submit" value="Simpan" class="button">
3838
</form>
39-
40-
41-
</div>
42-
39+
</div>
4340
</div>
4441
<script type="text/javascript">
4542
function validate(){

‎post.html

+38-40
Original file line numberDiff line numberDiff line change
@@ -14,52 +14,50 @@
1414
<li class="right"><a href="insertpost.html"><button class="button">&#43 TAMBAH POST</button></a></li>
1515
</ul>
1616
</div>
17-
1817
<div id="FORM">
19-
<h1>Know Me More</h1>
20-
<h3>24-10-1994</h3>
21-
<p> Anyone who are reading this, CONGRATULATION! <br>
22-
You've already been a part of my lifetime work, the most important person is the one that know one of my work.
23-
Well, this design is not grand or something new. It's just black and white, clean design.
24-
I'm not an designer but I really love designing my own works based on my point of view, and I always pursue beauty.
25-
UI and UX is something that im eager to master before I graduate.<br>
26-
So, siapa aku?<br>
27-
Aku adalah seorang mahasiswa yang berusaha mencari secercah keindahan di jurusan yang mungkin tidak sepenuhnya mewadahi passionku saat ini. Disaat semua membicarakan algoritma, aku lebih suka membicarakan warna. Disaat semua belajar menulis kode, aku belajar typography. Disaat yang lain membuat program, aku membuat desain gambar. Disaat yang lain menerka bagaimana cara menyelsaikan persoalan, aku menerka bagaimana sebuah gambar yang bagus diambil. Disaat yang lain memperhatikan dosen mengajar, aku memperhatikan instagram. <br>
28-
Nothing pleases me more than seeing something beautiful. So why don't create one myself?
29-
</p>
18+
<div id="POST">
19+
<h1>Know Me More</h1>
20+
<h3>24-10-1994</h3>
21+
<p> Anyone who are reading this, CONGRATULATION! <br>
22+
You've already been a part of my lifetime work, the most important person is the one that know one of my work.
23+
Well, this design is not grand or something new. It's just black and white, clean design.
24+
I'm not an designer but I really love designing my own works based on my point of view, and I always pursue beauty.
25+
UI and UX is something that im eager to master before I graduate.<br>
26+
Jadi, siapa aku?<br>
27+
Aku adalah seorang mahasiswa yang berusaha mencari secercah keindahan di jurusan yang mungkin tidak sepenuhnya mewadahi passionku saat ini. Disaat semua membicarakan algoritma, aku lebih suka membicarakan warna. Disaat semua belajar menulis kode, aku belajar typography. Disaat yang lain membuat program, aku membuat desain gambar. Disaat yang lain menerka bagaimana cara menyelsaikan persoalan, aku menerka bagaimana sebuah gambar yang bagus diambil. Disaat yang lain memperhatikan dosen mengajar, aku memperhatikan instagram. <br>
28+
Nothing pleases me more than seeing something beautiful. So why don't create one myself?
29+
</p>
30+
</div>
3031
<div id="POSTS">
31-
32-
<div id="comment_form">
33-
<h1>KOMENTAR</h1>
34-
<form name="komen" method="post" onsubmit="validate(); return false;">
32+
<div id="comment_form">
33+
<h1>KOMENTAR</h1>
34+
<form name="komen" method="post" onsubmit="validate(); return false;">
3535
<input type="hidden" id="id" name="id" value="1">
36-
<label for="Nama">Nama:</label>
37-
<input type="text" name="nama" id="nama">
38-
39-
<label for="Email">Email:</label>
40-
<input type="text" name="email" id="email">
41-
42-
<label for="Komentar">Komentar:</label><br>
43-
<textarea name="komentar" rows="10" cols="20" id="komentar"></textarea>
36+
<label for="Nama">Nama:</label>
37+
<input type="text" name="nama" id="nama">
38+
39+
<label for="Email">Email:</label>
40+
<input type="text" name="email" id="email">
41+
42+
<label for="Komentar">Komentar:</label><br>
43+
<textarea name="komentar" rows="10" cols="20" id="komentar"></textarea>
4444

45-
<input type="submit" name="submit" value="Kirim" class="button">
46-
</form>
47-
</div>
48-
<div id="comment_test">
49-
<div class="post">
50-
<div class="postleft">
51-
<h1> BasPram</h1>
52-
<h4> [email protected]</h4>
53-
<p> 24-10-1994</p>
45+
<input type="submit" name="submit" value="Kirim" class="button">
46+
</form>
47+
</div>
48+
<div id="comment_test">
49+
<div class="post">
50+
<div class="postleft">
51+
<h1> BasPram</h1>
52+
<h4> [email protected]</h4>
53+
<p> 24-10-1994</p>
54+
</div>
55+
<div class="postright">
56+
<p> Bisa posting komentar untuk setiap postingan</p>
57+
</div>
58+
</div>
5459
</div>
55-
<div class="postright">
56-
<p> Bisa posting komentar untuk setiap postingan</p>
57-
</div>
58-
</div>
5960
</div>
60-
61-
</div>
62-
6361
</div>
6462
</body>
6563
</html>

0 commit comments

Comments
 (0)