-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
145 lines (131 loc) · 7.18 KB
/
Copy pathindex.php
File metadata and controls
145 lines (131 loc) · 7.18 KB
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<?php
$conn = null;
include"header.php" ;
?>
<?php
$sql = "SELECT id, name, added_by, desc_short, desc_full, image, link, time_added FROM main ORDER BY RAND() LIMIT 1";
$result = $conn->query($sql);
$row = $result->fetch_assoc();
$tempDate = new DateTime($row["time_added"]);
?>
<section>
<div class="uk-height-large uk-flex uk-flex-center uk-flex-middle uk-background-cover uk-light" data-src="res/back_one.jpg" uk-img>
<h1 id="index-header" class="text-shadow"></h1>
</div>
</section>
<script type="text/babel">
function PrintHeader() {
return <h1>Everything about writers</h1>;
}
ReactDOM.render(<PrintHeader />, document.getElementById('index-header'))
</script>
<section>
<div class="uk-padding uk-flex-middle uk-flex-center@l" uk-grid>
<div class="uk-width-1-2@l">
<div class="uk-card uk-card-default uk-card-body uk-card-hover">
<div class="uk-card-header">
<h2 id="index-message">From the creators</h2>
</div>
<p id="index-message-text">How often, while reading a book, did you wonder about the author?
What inspired him, how did he live? On this site we have tried
everything about the author's life to supplement your knowledge.
The list is updated daily by many people, and you can also contribute
to the development of our site. Enjoy reading!</p>
</div>
</div>
<div class="uk-width-1-2@l uk-cover-container">
<div class="uk-position-relative uk-visible-toggle uk-dark" tabindex="-1" uk-slideshow="animation: push; autoplay: true; autoplay-interval: 4500;">
<ul class="uk-slideshow-items">
<li>
<img src="res/back_three.jpg" alt="" uk-cover>
<div class="uk-position-center-left uk-position-small uk-text-left uk-margin-large-left">
<h2 uk-slideshow-parallax="x: 100,-100" class="uk-margin-remove-bottom" id="index-motivate-header-1">Discover</h2>
<p uk-slideshow-parallax="x: 200,-200" class="uk-margin-remove-top" id="index-motivate-text-1">new biographies daily</p>
</div>
</li>
<li>
<img src="res/back_four.jpg" alt="" uk-cover>
<div class="uk-position-center-right uk-position-small uk-text-right uk-margin-large-right">
<h2 uk-slideshow-parallax="x: 100,-100" class="uk-margin-remove-bottom" id="index-motivate-header-2">Get inspired</h2>
<p uk-slideshow-parallax="x: 200,-200" class="uk-margin-remove-top" id="index-motivate-text-2">and start doing miracles</p>
</div>
</li>
<li>
<img src="res/back_five.jpg" alt="" uk-cover>
<div class="uk-position-center uk-position-small uk-text-center">
<h2 uk-slideshow-parallax="x: 100,-100" class="uk-margin-remove-bottom" id="index-motivate-header-3">Learn</h2>
<p uk-slideshow-parallax="x: 200,-200" class="uk-margin-remove-top" id="index-motivate-text-3">and never stop</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="uk-height-1-1 uk-background-cover" data-src="res/back_two.jpg" uk-img>
<div class="uk-flex uk-flex-center uk-flex-middle uk-padding">
<div class="uk-width-2-3@l">
<div class="">
<div class="uk-card uk-card-hover uk-card-default uk-card-body uk-text-center">
<h2 class=""><span uk-icon="icon: bookmark; ratio: 2;" class="uk-margin-small-right"></span><span id="header-pod">Person of the day</span></h2>
</div>
</div>
<div class="uk-position-relative uk-position-right uk-margin-top">
<div class="uk-card uk-card-hover uk-card-default">
<div class="uk-card-header">
<h2><?php echo $row["name"] ?></h2>
</div>
<div class="uk-card-body">
<p class="uk-text-lead"><?php echo $row["desc_short"] ?></p>
<div class="uk-text-right">
<a class="uk-button uk-button-text" href="/article.php?id=<?php echo $row["id"] ?>" id="readmore">Read more</a>
</div>
</div>
<div class="uk-card-footer">
<p class="uk-article-meta"><span id="added-by">added by</span> <i><a href="#"><?php echo $row["added_by"]?></a></i> <span id="added-on">on</span> <?php echo date_format($tempDate, "H:i, d.m.y") ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="uk-container uk-padding">
<div class="uk-text-center">
<h3 id="header-about-us">About us</h3>
</div>
<div class="uk-flex-center@l uk-flex-middle uk-grid-medium" uk-grid>
<div class="uk-card uk-card-default uk-card-hover uk-width-1-3@l">
<div class="uk-card-header">
<img class="uk-comment-avatar avatar-rounded uk-margin-small-right" src="res/user_files/guslya.jpg" width="50" height="50" alt=""> Azam Alamov
</div>
<div class="uk-card-body">
<span id="about-1">CEO, lead programmer & designer</span>
</div>
<div class="uk-card-footer">
<div class="uk-text-center">
<a class="uk-button uk-button-text" href="https://github.com/gthanksg">GitHub</a>
<a class="uk-button uk-button-text uk-margin-left" href="https://linkedin.com/in/azam-alamov">LinkedIn</a>
</div>
</div>
</div>
<div class="uk-card uk-card-default uk-card-hover uk-width-1-3@l uk-margin-left">
<div class="uk-card-header">
<img class="uk-comment-avatar avatar-rounded uk-margin-small-right" src="res/user_files/serj.jpg" width="50" height="50" alt=""> Zaur Rustamov
</div>
<div class="uk-card-body">
<span id="about-2">Programmer and designer</span>
</div>
<div class="uk-card-footer">
<div class="uk-text-center">
<a class="uk-button uk-button-text" href="https://github.com/gthanksg">GitHub</a>
<a class="uk-button uk-button-text uk-margin-left" href="https://linkedin.com/in/azam-alamov">LinkedIn</a>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include"footer.php" ?>