IF3110-01-Simple-Blog/post.php at master · ragamauffin/IF3110-01-Simple-Blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>

    <?php

    $dbh = new PDO('mysql:host=localhost;dbname=simpelblok','simpelblok','simpelblok');
    $view = $dbh->prepare("SELECT * FROM post WHERE ID=?");
    $view->bindParam(1, $_GET["id"]);
    $view->execute();
    $row = $view->fetch(PDO::FETCH_ASSOC);
    $judul = $row['Judul'];
    $tanggal = $row['Tanggal'];
    $konten = $row['Konten'];


    ?>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Deskripsi Blog">
<meta name="author" content="Judul Blog">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="omfgitsasalmon">
<meta name="twitter:title" content="Simple Blog">
<meta name="twitter:description" content="Deskripsi Blog">
<meta name="twitter:creator" content="Simple Blog">
<meta name="twitter:image:src" content="{{! TODO: ADD GRAVATAR URL HERE }}">

<meta property="og:type" content="article">
<meta property="og:title" content="Simple Blog">
<meta property="og:description" content="Deskripsi Blog">
<meta property="og:image" content="{{! TODO: ADD GRAVATAR URL HERE }}">
<meta property="og:site_name" content="Simple Blog">

<link rel="stylesheet" type="text/css" href="assets/css/screen.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<title>Simple Blog | Apa itu Simple Blog?</title>


</head>

<body class="default">
<div class="wrapper">

<nav class="nav">
    <a style="border:none;" id="logo" href="index.php"><h1>Simple<span>-</span>Blog</h1></a>
    <ul class="nav-primary">
        <li><a href="new_post.html">+ Tambah Post</a></li>
    </ul>
</nav>

<article class="art simple post">

    <header class="art-header">
        <div class="art-header-inner" style="margin-top: 0px; opacity: 1;">
            <time class="art-time"><?php echo $tanggal ?></time>
            <h2 class="art-title"><?php echo $judul ?></h2>
            <p class="art-subtitle">Di sini ada subtitle</p>
        </div>
    </header>

    <div class="art-body">
        <div class="art-body-inner">
            <hr class="featured-article" />
            <p>
                <?php echo nl2br($konten) ?>
            </p>

            <hr />

            <h2>Komentar</h2>
            <script src="/assets/js/ajax.js" type="text/javascript"></script>
            <div id="contact-area">
                <form method="post" action="#" onsubmit="return postComment(this,'/komen.php','ajaxdiv')">
                    <label for="Nama">Nama:</label>
                    <input type="text" name="Nama" id="Nama">

                    <label for="Email">Email:</label>
                    <input type="text" name="Email" id="Email">

                    <label for="Komentar">Komentar:</label><br>
                    <textarea name="Komentar" rows="20" cols="20" id="Komentar"></textarea>

                    <input id="ID" type="hidden" name="postid" value="<?php echo $_GET['id'] ?>">

                    <input type="submit" name="submit" value="Kirim" class="submit-button">
                </form>
            </div>

            <div id="ajaxdiv"></div>


            <script>
                loadPage("/komen.php?id=<?php echo $_GET['id'] ?>","ajaxdiv");
            </script>

        </div>
    </div>

</article>

<footer class="footer">
    <div class="back-to-top"><a href="">Back to top</a></div>
    <!-- <div class="footer-nav"><p></p></div> -->
    <div class="psi">&Psi;</div>
    <aside class="offsite-links">
        Tina

    </aside>
</footer>

</div>

<script type="text/javascript" src="assets/js/fittext.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/respond.min.js"></script>

</body>
</html>