-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathfeatured.php
176 lines (105 loc) · 6.41 KB
/
featured.php
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!--PAGE LANGUAGE: ENGLISH
Content Page template: v.1.0.0-->
<!-- TRANSLATORS: Look for untranslated text inside HTML tags. In other words <a tag>any content text between markers like these</a tag>. Don't worry about translating these comments. Be sure NOT to translate english page names, file names, div names, div class names, or html syntax.-->
<?php require_once ("../includes/top-tens-inc.php");?>
<!--Once translation is completed, you can remove the line below to take the translation notice off the page-->
<?php require_once ("under-construction.php");?>
<!--TOP PAGE BANNER-->
<div class="splash-content-block">
<div class="splash-box">
<div class="splash-heading">Featured Latest Ecobricks</div>
<div class="splash-sub">The latest authenticated selfie ecobricks from the Brikchain.</div>
</div>
<div class="splash-image"><img src="https://ecobricks.org/webp/empty-ecobrick-450px.webp?v2" style="width: 75%" alt="Featured ecobricks">
<!--https://ecobricks.org/svgs/eb-blue-no-clouds.svg-->
</div>
</div>
<div id="splash-bar"></div>
<!--<div id="header-bar2"></div>-->
<!-- PAGE CONTENT-->
<a name="top"></a>
<div id="main-content">
<!-- The flexible grid (content) -->
<div class="row">
<div class="main">
<div class="lead-page-paragraph">
<p>Around the world ecobricks are being made, logged and reviewed. Here's the latest authenticated ecobricks with selfies that have been published to the brikchain.</p>
</div>
<!--<div class="page-paragraph">
<p>And here they are...</p>
<hr>
</div> -->
<?php include 'ecobricks_env.php';?>
<div class="page-paragraph">
<?php
$sql = "SELECT * FROM vw_gallery_feed ;";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
//$row = $result->fetch_assoc();
echo '<p><a href="https://ecobricks.org/details-ecobrick-page.php?serial_no='.$row["ecobrick_unique_id"].'"><img src="'.$row["photo_url"].'" style="max-width:100%; width:600px;" alt="Top Ten Ecobrick '.$row["ecobrick_unique_id"].' by '.$row["ecobrick_owner"].' in '.$row["location"].'" loading="lazy"/></a></p>';
echo '<h4><p><b>'.$row["location"].'</b></p></h4>';
echo '<p>'.$row["ecobrick_owner"].' logged <a href="https://ecobricks.org/details-ecobrick-page.php?serial_no='.$row["ecobrick_unique_id"].'">Ecobrick '.$row["ecobrick_unique_id"].'</a> with a weight of '.$row["weight_in_g"].' g and a density of '.$row["density"].' g/ml. It made this months top ten ecobricks with a validation score of '.$row["final_validation_score"].'.</p>';
echo '<p><a class="module-btn" href="https://ecobricks.org/details-ecobrick-page.php?serial_no='.$row["ecobrick_unique_id"].'">🔎 Check it out</a>';
echo '</p><hr><br>';
}
} else {
echo "Failed to connect to the Brikchain database";
}
?>
</div>
<hr>
<br>
<div class="row">
<div class="main2">
<div class="page-paragraph-reg">
<h4>Learn how to make a great ecobrick!</h4>
<p>Making a great ecobrick isn't easy. It requires technique, patience and prepared plastic! See our twelve step ecobrick guide to up your sequestration game.</p>
<br><p>
<a class="action-btn" href="how">🚀 How to Make an Ecobrick</a>
<p style="font-size: 0.85em; margin-top:20px;">Our comprehensive 12 step guide.</a></p>
</div>
</div>
<div class="side2">
<br><img src="../webp/road-500px.webp" width="100%" alt="eco brick road into the distance" loading="lazy" alt="eco brik are a form of sequestering plastic safely through time.">
</div>
</div>
</div>
<div class="side">
<div id="side-module-desktop-mobile">
<img src="../webp/gea-logo-400px.webp" width="90%" alt="The Global Eco Brick Alliance">
<h4>Global Ecobrick Alliance</h4>
<h5>The GEA is dedicated to accelerating plastic transition. We preside over the GoBrik app and the Brikcoin blockchain.</h5><br>
</div>
<div id="side-module-desktop-mobile">
<img src="../webp/tens-thousands.webp" width="100%" loading="lazy" alt="eco brik and earth building can make tree benches">
<h4>Plastic Sequestration</h4>
<h5>The GEA advocates ecobrick building to sequester plastic. Only builds that follow best-practices, embody earth principles and use authenticated eco<span class="eco-brick"> </span>bricks sequester plastic.</h5><br>
<a class="module-btn" href="sequest.php">Learn More</a>
</div>
<div id="side-module-desktop-mobile">
<img src="../webp/earthhome-400px.webp" width="100%" loading="lazy" alt="eco brik and earth building can make regenerative structures">
<h4>Plastic Transition</h4>
<h5>Ecobrick building is a transition technology. Rather than see plastic as ‘waste’ we see it as a building block for our green visions.</h5><br>
<a class="module-btn" href="transition.php">Learn More</a>
</div>
<div id="side-module-desktop-mobile">
<img src="../webp/spiral-circular-400px.webp" width="80%" loading="lazy" alt="eco brik applications are circular and spiral in design">
<h4>Circular Design</h4>
<h5>Ecobrick applications follows the principles of circular design to put our plastic into indefinite greening cycles of reuse.</h5><br>
<a class="module-btn" href="/circular">Learn More</a>
</div>
<?php require_once ("side-modules/brikcoin-live-values.php");?>
<?php $conn->close();?>
</div>
</div>
</div>
<!--FOOTER STARTS HERE-->
<?php require_once ("../footers/footer-$lang.php");?>
<!-- CUSTOM PAGE SCRIPTS-->
<!-- This script is for pages that use the accordion content system-->
<script src="../scripts/accordion-scripts.js" defer></script>
</div>
</body>
</html>