[happybirthdaygnome-web] Happy birthday GNOME!



commit 1672de10da55cd94a7d4fd0ea643376c38a6830c
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Sat Jul 29 10:40:44 2017 +0300

    Happy birthday GNOME!
    
    20 years STRONG!

 css/960.css                                        |    1 -
 css/960_24_col.css                                 |    1 -
 css/SIL Open Font License 1.1.txt                  |   91 -----
 css/demo.html                                      |   33 --
 css/ekko-lightbox.min.css                          |    2 +
 css/happybirthdaygnome.css                         |  258 +++++--------
 css/reset.css                                      |    1 -
 css/rtl_960.css                                    |    1 -
 css/rtl_960_24_col.css                             |    1 -
 css/rtl_text.css                                   |    1 -
 css/stylesheet.css                                 |   16 -
 css/text.css                                       |    1 -
 fonts/Chunkfive-webfont.eot                        |  Bin 18138 -> 0 bytes
 fonts/Chunkfive-webfont.svg                        |  117 ------
 fonts/Chunkfive-webfont.ttf                        |  Bin 17940 -> 0 bytes
 fonts/Chunkfive-webfont.woff                       |  Bin 11856 -> 0 bytes
 fonts/Chunkfive.otf                                |  Bin 10916 -> 0 bytes
 images/art.png                                     |  Bin 9186 -> 0 bytes
 images/birthday_logo.png                           |  Bin 0 -> 172291 bytes
 ...inCoreAppsHackfest by JakubSteiner CCBYSA20.jpg |  Bin 0 -> 3800473 bytes
 .../Cake by Bin Li CC BY-NC-SA 2.0.jpg             |  Bin 0 -> 1488500 bytes
 .../Courtesy of Davit Kurniawan.jpg                |  Bin 0 -> 312840 bytes
 images/birthday_photos/GNOME Asia 2016 Group.jpg   |  Bin 0 -> 6389760 bytes
 images/birthday_photos/GNOME Asia 2016 Speaker.jpg |  Bin 0 -> 1587674 bytes
 images/birthday_photos/GNOME Asia.jpg              |  Bin 0 -> 220870 bytes
 images/birthday_photos/GNOME Cameroon.jpg          |  Bin 0 -> 173657 bytes
 .../GNOME Feet Courtesy of Henry Addo.jpg          |  Bin 0 -> 420585 bytes
 images/birthday_photos/GNOME Foot.jpg              |  Bin 0 -> 349780 bytes
 images/birthday_photos/GNOME Indonesia.jpg         |  Bin 0 -> 260412 bytes
 images/birthday_photos/GNOME Taiwan.jpg            |  Bin 0 -> 430317 bytes
 .../GTKHackfest By Matthias Mclasen CC-BY-SA.jpg   |  Bin 0 -> 2380580 bytes
 images/birthday_photos/GUADEC 2011.jpg             |  Bin 0 -> 6807478 bytes
 .../GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg    |  Bin 0 -> 4046004 bytes
 .../GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg    |  Bin 0 -> 159120 bytes
 ...GUADEC 2016 Group by Bin Li CC BY-NC-SA 2.0.jpg |  Bin 0 -> 3387287 bytes
 ...oup GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg |  Bin 0 -> 121605 bytes
 ... at GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg |  Bin 0 -> 4403473 bytes
 images/birthday_photos/Peru Hack Camp 2016 2.jpg   |  Bin 0 -> 470472 bytes
 images/birthday_photos/Peru Hack Camp 2016.jpg     |  Bin 0 -> 491399 bytes
 ...ker GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg |  Bin 0 -> 5271079 bytes
 images/birthday_photos/West Coast Summit 2015.jpg  |  Bin 0 -> 6163786 bytes
 images/bubble-tip.png                              |  Bin 679 -> 0 bytes
 images/bullet.png                                  |  Bin 440 -> 0 bytes
 images/footer-friends.png                          |  Bin 10350 -> 0 bytes
 images/grass.png                                   |  Bin 4400 -> 0 bytes
 images/group_photo_carlushe.jpg                    |  Bin 0 -> 3387287 bytes
 images/guadec2012.jpg                              |  Bin 423230 -> 0 bytes
 images/guadec2012.png                              |  Bin 952666 -> 0 bytes
 images/logo.png                                    |  Bin 13227 -> 0 bytes
 images/photo-grid.png                              |  Bin 594043 -> 0 bytes
 images/timeline.png                                |  Bin 9491 -> 0 bytes
 images/waterbrush-body-bg.jpg                      |  Bin 30633 -> 0 bytes
 index.html                                         |  395 ++++++++++++++------
 po/build.sh                                        |   40 --
 po/gnome3.pot                                      |  241 ------------
 55 files changed, 388 insertions(+), 812 deletions(-)
---
diff --git a/css/ekko-lightbox.min.css b/css/ekko-lightbox.min.css
new file mode 100644
index 0000000..98e91eb
--- /dev/null
+++ b/css/ekko-lightbox.min.css
@@ -0,0 +1,2 @@
+.ekko-lightbox-nav-overlay a:focus,.ekko-lightbox-nav-overlay 
a>:focus{outline:0}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;width:100%;transition:opacity
 .5s 
ease-in-out;opacity:1}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay
 
a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity
 .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay 
a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a span{padding:0 
30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay 
a:hover{text-decoration:none}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox 
.modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;displa
 
y:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a
 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}@keyframes 
a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
+/*# sourceMappingURL=ekko-lightbox.min.css.map */
\ No newline at end of file
diff --git a/css/happybirthdaygnome.css b/css/happybirthdaygnome.css
index 19e86b9..7b8e38e 100644
--- a/css/happybirthdaygnome.css
+++ b/css/happybirthdaygnome.css
@@ -1,162 +1,102 @@
-  @font-face {
-    font-family: 'ChunkFiveRegular';
-    src: url('../fonts/Chunkfive-webfont.eot');
-    src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/Chunkfive-webfont.woff') format('woff'),
-         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
-         url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-body {
-  font-family: "Verdana", sans-serif;
-  background: url("../images/waterbrush-body-bg.jpg") repeat-x;
-}
-
-h1 {
-  font-size: 42px;
-  color: #0489B7;
-  font-family: 'Droid Serif','DejaVu Serif',Cambria,Georgia,serif;
-  font-weight: normal;
-}
-
-h2 {
-  font-family: ChunkFiveRegular;
-  color: #3465a4;
-  margin: 0;
-  padding: 0;
-}
-
-div {
-  padding: 0px;
-  margin: 0px;
-}
-
-ul {
-  list-style-image: url(../images/bullet.png);
-}
-
-.active-text {
-  font-size: 12px;
-  padding: 1em;
-  visibility: hidden;
-  text-align: center;
-  height: 65%;
-}
-
-/* relative position, bottom, left */
-.level-text {
+section {
+    padding: 80px 0;
+    border-bottom: 1px solid #e7e7e7;
+}
+.bg-dark {
+    background: #f6f6f6;
+}
+.thumbnail {
+    margin-bottom: 0px;
+    border: none;
+    background-color: #f6f6f6;
+}
+.modal-footer {
+    background: #01808f;
+    color: white;
+    font-weight: 700;
+}
+.btn-xl {
+    padding: 10px 40px;
+}
+.m-t-2 {
+    margin-top: 20px;
+}
+.m-t-5 {
+    margin-top: 50px;
+}
+.m-b-2 {
+    margin-bottom: 20px;
+}
+.timeline {
+    width: 100%;
+    max-width: 800px;
+    position: relative;
+}
+.timeline:before {
+    content: '';
+    position: absolute;
+    top: 0px;
+    left: calc(33% + 2px);
+    bottom: 0px;
+    width: 4px;
+    background: #ddd;
+}
+.timeline:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+.entry {
+    clear: both;
+    text-align: left;
     position: relative;
-    /* really ugly, why does this work? */
-    text-align: center;
-    height: 35%;
-}
-
-.greyed {
-    background-color: #d3d7cf !important;
-    color: #babdb6;
-}
-
-
-
-/* allow room for 3 columns */
-#below ul {
-    width: 700px;
-}
-
-
-/* float & allow room for the widest item */
-#below ul li {
+}
+.entry .title {
+    margin-bottom: .5em;
     float: left;
-    width: 200px;
-    list-style: none;
-}
-
-/* stop the float */
-#below br {
-    clear: left;
-}
-
-/* Get rid of some 960 spacing */
-#below li {
-  margin-left: 0px;
-}
-
-/* separate the list from subsequent markup */
-div.wrapper {
-    margin-bottom: 1em;
-}
-
-#foundation-info {
-  padding: 10px;
-  width: 650px;
-}
-
-small {
-  font-size: 12px;
-  color: gray;
-}
-
-.footer-art {
-  height: 180px;
-  background: url('../images/footer-friends.png') no-repeat bottom center;
-}
-
-.footer-grass {
-  height: 39px;
-  background-image: url('../images/grass.png');
-  margin-top: -39px;
-}
-
-.footer {
-  background: #d3d7cf;
-  height: 100px;
-}
-
-.footer .grid_24 {
-  text-align: center;
-  margin-top: 30px;
-  color: #676c72;
-}
-
-.bubble {
-  border: 1px solid gray;
-  border-radius: 4px;
-  background-color: #fff;
-  padding: 20px;
-  margin-bottom: 10px;
-  margin-left: 20px;
-}
-
-.bubble-tip {
-  background: url(../images/bubble-tip.png) no-repeat;
-  width: 16px;
-  height: 31px;
-  float: left;
-  position: absolute;
-  margin-left: -36px;
-  margin-top: 50px;
-}
-
-.logo {
-  background: url(../images/logo.png) no-repeat center center;
-  width: 431px;
-  height: 88px;
-  margin-bottom: 30px;
-  margin-top: 20px;
-}
-
-.intro {
-  padding-bottom: 20px;
-  padding-top: 20px;
-}
-
-.guadec-2012 {
-  margin-top: 30px;
-  margin-bottom: 50px;
-}
-
-.quote {
-  color: gray;
+    width: 33%;
+    padding-right: 30px;
+    text-align: right;
+    position: relative;
+}
+.entry .title:before {
+    content: '';
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    border: 4px solid salmon;
+    background-color: #fff;
+    border-radius: 100%;
+    top: 15%;
+    right: -8px;
+    z-index: 99;
+}
+.entry .title h2 {
+    margin: 0;
+}
+.entry .title h3 {
+    margin-top: 10px;
+    font-size: 110%;
+}
+.entry .body {
+    margin: 0 0 3em;
+    float: right;
+    width: 66%;
+    padding-left: 30px;
+}
+.entry .body p {
+    line-height: 1.4em;
+}
+.entry .body p:first-child {
+    margin-top: 0;
+    font-weight: 400;
+}
+.entry .body ul {
+    color: #aaa;
+    padding-left: 0;
+    list-style-type: none;
+}
+.entry .body ul li:before {
+    content: "–";
+    margin-right: .5em;
 }
diff --git a/images/birthday_logo.png b/images/birthday_logo.png
new file mode 100644
index 0000000..630e795
Binary files /dev/null and b/images/birthday_logo.png differ
diff --git a/images/birthday_photos/BerlinCoreAppsHackfest by JakubSteiner CCBYSA20.jpg 
b/images/birthday_photos/BerlinCoreAppsHackfest by JakubSteiner CCBYSA20.jpg
new file mode 100644
index 0000000..a421dc9
Binary files /dev/null and b/images/birthday_photos/BerlinCoreAppsHackfest by JakubSteiner CCBYSA20.jpg differ
diff --git a/images/birthday_photos/Cake by Bin Li CC BY-NC-SA 2.0.jpg b/images/birthday_photos/Cake by Bin 
Li CC BY-NC-SA 2.0.jpg
new file mode 100644
index 0000000..7dd8b6a
Binary files /dev/null and b/images/birthday_photos/Cake by Bin Li CC BY-NC-SA 2.0.jpg differ
diff --git a/images/birthday_photos/Courtesy of Davit Kurniawan.jpg b/images/birthday_photos/Courtesy of 
Davit Kurniawan.jpg
new file mode 100644
index 0000000..85b5b7d
Binary files /dev/null and b/images/birthday_photos/Courtesy of Davit Kurniawan.jpg differ
diff --git a/images/birthday_photos/GNOME Asia 2016 Group.jpg b/images/birthday_photos/GNOME Asia 2016 
Group.jpg
new file mode 100644
index 0000000..c79d796
Binary files /dev/null and b/images/birthday_photos/GNOME Asia 2016 Group.jpg differ
diff --git a/images/birthday_photos/GNOME Asia 2016 Speaker.jpg b/images/birthday_photos/GNOME Asia 2016 
Speaker.jpg
new file mode 100644
index 0000000..a90e5ed
Binary files /dev/null and b/images/birthday_photos/GNOME Asia 2016 Speaker.jpg differ
diff --git a/images/birthday_photos/GNOME Asia.jpg b/images/birthday_photos/GNOME Asia.jpg
new file mode 100644
index 0000000..c3a8b79
Binary files /dev/null and b/images/birthday_photos/GNOME Asia.jpg differ
diff --git a/images/birthday_photos/GNOME Cameroon.jpg b/images/birthday_photos/GNOME Cameroon.jpg
new file mode 100644
index 0000000..368b05e
Binary files /dev/null and b/images/birthday_photos/GNOME Cameroon.jpg differ
diff --git a/images/birthday_photos/GNOME Feet Courtesy of Henry Addo.jpg b/images/birthday_photos/GNOME Feet 
Courtesy of Henry Addo.jpg
new file mode 100644
index 0000000..d4dd857
Binary files /dev/null and b/images/birthday_photos/GNOME Feet Courtesy of Henry Addo.jpg differ
diff --git a/images/birthday_photos/GNOME Foot.jpg b/images/birthday_photos/GNOME Foot.jpg
new file mode 100644
index 0000000..5d7b19b
Binary files /dev/null and b/images/birthday_photos/GNOME Foot.jpg differ
diff --git a/images/birthday_photos/GNOME Indonesia.jpg b/images/birthday_photos/GNOME Indonesia.jpg
new file mode 100644
index 0000000..4aae6a6
Binary files /dev/null and b/images/birthday_photos/GNOME Indonesia.jpg differ
diff --git a/images/birthday_photos/GNOME Taiwan.jpg b/images/birthday_photos/GNOME Taiwan.jpg
new file mode 100644
index 0000000..c7bbba9
Binary files /dev/null and b/images/birthday_photos/GNOME Taiwan.jpg differ
diff --git a/images/birthday_photos/GTKHackfest By Matthias Mclasen CC-BY-SA.jpg 
b/images/birthday_photos/GTKHackfest By Matthias Mclasen CC-BY-SA.jpg
new file mode 100644
index 0000000..ab36381
Binary files /dev/null and b/images/birthday_photos/GTKHackfest By Matthias Mclasen CC-BY-SA.jpg differ
diff --git a/images/birthday_photos/GUADEC 2011.jpg b/images/birthday_photos/GUADEC 2011.jpg
new file mode 100644
index 0000000..d4756ac
Binary files /dev/null and b/images/birthday_photos/GUADEC 2011.jpg differ
diff --git a/images/birthday_photos/GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg 
b/images/birthday_photos/GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg
new file mode 100644
index 0000000..2124bca
Binary files /dev/null and b/images/birthday_photos/GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg differ
diff --git a/images/birthday_photos/GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg 
b/images/birthday_photos/GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg
new file mode 100644
index 0000000..0f5e996
Binary files /dev/null and b/images/birthday_photos/GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg differ
diff --git a/images/birthday_photos/GUADEC 2016 Group by Bin Li CC BY-NC-SA 2.0.jpg 
b/images/birthday_photos/GUADEC 2016 Group by Bin Li CC BY-NC-SA 2.0.jpg
new file mode 100644
index 0000000..6919108
Binary files /dev/null and b/images/birthday_photos/GUADEC 2016 Group by Bin Li CC BY-NC-SA 2.0.jpg differ
diff --git a/images/birthday_photos/Group GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg 
b/images/birthday_photos/Group GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg
new file mode 100644
index 0000000..1410473
Binary files /dev/null and b/images/birthday_photos/Group GUADEC 2015 Courtesy of Nuritzi Sanchez.jpg differ
diff --git a/images/birthday_photos/Intern at GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg 
b/images/birthday_photos/Intern at GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg
new file mode 100644
index 0000000..ad2ee91
Binary files /dev/null and b/images/birthday_photos/Intern at GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg 
differ
diff --git a/images/birthday_photos/Peru Hack Camp 2016 2.jpg b/images/birthday_photos/Peru Hack Camp 2016 
2.jpg
new file mode 100644
index 0000000..592a14f
Binary files /dev/null and b/images/birthday_photos/Peru Hack Camp 2016 2.jpg differ
diff --git a/images/birthday_photos/Peru Hack Camp 2016.jpg b/images/birthday_photos/Peru Hack Camp 2016.jpg
new file mode 100644
index 0000000..58c3942
Binary files /dev/null and b/images/birthday_photos/Peru Hack Camp 2016.jpg differ
diff --git a/images/birthday_photos/Speaker GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg 
b/images/birthday_photos/Speaker GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg
new file mode 100644
index 0000000..bbc7a82
Binary files /dev/null and b/images/birthday_photos/Speaker GUADEC 2015 CC-BY-SA 4.0 Garrett LeSage.jpg differ
diff --git a/images/birthday_photos/West Coast Summit 2015.jpg b/images/birthday_photos/West Coast Summit 
2015.jpg
new file mode 100644
index 0000000..cd15f66
Binary files /dev/null and b/images/birthday_photos/West Coast Summit 2015.jpg differ
diff --git a/images/group_photo_carlushe.jpg b/images/group_photo_carlushe.jpg
new file mode 100644
index 0000000..6919108
Binary files /dev/null and b/images/group_photo_carlushe.jpg differ
diff --git a/index.html b/index.html
index e46d416..dba232b 100644
--- a/index.html
+++ b/index.html
@@ -1,113 +1,292 @@
-<!DOCTYPE html PUBLIC 
-"-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
+<!DOCTYPE html>
+<html lang="en">
 <head>
     <title>Happy Birthday GNOME</title>
-
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="author" content="Andreas Nilsson"/>
-    <meta name="description" content="Happy Birthday GNOME" />
-    <meta name="robots" content="index, follow" />
-
-    <link rel="stylesheet" href="css/reset.css" />
-    <link rel="stylesheet" href="css/text.css" />
-    <link rel="stylesheet" href="css/960_24_col.css" />
-    <link rel="stylesheet" type="text/css" media="screen" href="css/happybirthdaygnome.css"/>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta content="#4a86cf" name="theme-color">
+    <meta content="Happy Birthday GNOME" name="application-name">
+    <meta content="Andreas Nilsson" name="author">
+    <meta content="Happy Birthday GNOME" name="description">
+    <meta content="index, follow" name="robots">
+    <link href="https://static.gnome.org/img/gnome-icon.svg"; rel="icon" type="image/png">
+    <link href="https://static.gnome.org/img/favicon.ico"; rel="shortcut icon">
+    <link href="https://static.gnome.org/css/deneb.min.css"; rel="stylesheet">
+    <link href="./css/ekko-lightbox.min.css" media="screen" rel="stylesheet" type="text/css">
+    <link href="./css/happybirthdaygnome.css" media="screen" rel="stylesheet" type="text/css">
 </head>
-<body>
-
-<div class="container_24">
-<div class="grid_24 logo">&nbsp;</div><!-- grid_24 -->
-<div class="grid_24"><img src="images/photo-grid.png"></div><!-- grid_24 -->
-<div class="clear"></div>
-
-<div class="grid_24 intro">
-<p>The GNOME community is proud to celebrate 15 years of GNOME! We’ve been looking through old photos, 
remembering great times and getting nostalgic. Stroll down memory lane with us as we relive some of our 
accomplishments!</p>
-</div><!-- grid_24 -->
-<div class="clear"></div>
-
-<div class="grid_1"><img src="images/timeline.png"></div>
-<div class="grid_23">
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>Early days</h2>
-<p>On August 15, 1997 the development of GNOME was announced with the following: <span class="quote">"We 
want to develop a free and complete set of user friendly applications and desktop tools, similar to CDE and 
KDE but based entirely on free software."</span> by Miguel de Icaza & Federico Mena Quintero.</p>
-</div>
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>GNOME 1.0</h2>
-<p>On March 3, 1999 the first major release of GNOME occurred with the release of GNOME 1.0. The GIMP 
ToolKit (GTK+) was chosen as the base for GNOME, with major effort devoted to offering a friendly platform 
for developers, supporting many programming languages. There were 3 subsequent releases over the next two 
years in the GNOME 1.x series. One of them was 1.4 and you can test it in a Virtual Machine. <a 
href="http://ftp.gnome.org/pub/GNOME/misc/GNOME1.4.ova";>Download it here</a>. (user:gnome / 
password:gnomehistory)</p>
-
-<p>GNOME's libraries have been available for use in any application, with freedom and without fees, under 
the terms of the GNU Lesser General Public License ever since and GNOME’s applications have been made 
available under the GNU General Public License with a commitment to software freedom.</p>
-
-
-</div>
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>GUADEC in Paris</h2>
-<p>The first GUADEC was held in Paris in 2000 as a one-off event, and attracted around 70 GNOME 
contributors. For many it was the first time they’d met in-person and was judged a success. GUADEC has been 
held annually since then in cities around Europe, organized by local volunteers, and has grown fivefold in 
size. GUADEC 2012 was held in A Coruña, Spain with more than 300 participants.</p>
-</div>
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>The Foundation</h2>
-<p>The GNOME Foundation was announced at the Linux World Expo in San Jose, CA in August of 2000. The 
Foundation provides organizational, financial and legal support to the GNOME project.  Partnerships with 
companies were also announced, including Red Hat, Compaq, Eazel, Helix Code, IBM, Sun Microsystems and VA 
Linux Systems. The Foundation was ultimately incorporated as a membership-based, not-for-profit 
corporation.</p>
-</div>
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>GNOME 2.0</h2>
-<img src="images/gnome2.png" style="float: right; padding-left: 10px;">
-<p>On June 26, 2002 GNOME 2.0 was released, the culmination of major efforts with the dual objective of 
enhancing the user experience and dramatically improving developer productivity. GNOME 2.0 was the first 
release in the 2.x series, which saw 16 more releases over the next 9 years.</p>
-
-<p>The introduction of the Human Interface Guidelines (HIG), allowed for a more predictable and consistent 
interface for users. GNOME 2 also had a host of advanced accessibility features for users with disabilities 
along with a built-in accessibility framework for developers to meet Section 508 requirements.</p>
-
-<p>GNOME 2.x was widely adopted over its many iterations, though many were unhappy upon its introduction. 
Said one critic upon the release of GNOME 2.0: <span class="quote">“I found this default configuration, 
bone-headed, at best.”</span></p>
-</div>
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>GNOME 3.0</h2>
-
-<p>GNOME 3.0 was an exciting new desktop designed for today's users and which is suited to a range of modern 
computing devices. GNOME's developer technologies were substantially improved for 3.0. Modernised and 
streamlined, they enable developers to provide better user experiences with less time and effort.</p>
-
-<p>The most important goal of GNOME 3 was defined as the unification of the user experience.  Many flaws 
were identified in the GNOME 2 desktop related to windows, workspaces and application launching, some of 
which were labor intensive and prone to errors. A much more holistic approach was needed to take it to the 
next level.</p>
-
-<p>GNOME 3 was met by some with very positive reactions. Said one detractor, <span class="quote">"I forgot 
how beautiful and stable GNOME 2 was"</span></p>
-
-</div>
-
-<div class="bubble">
-<div class="bubble-tip">&nbsp;</div>
-<h2>Here's to the next 15 years!</h2>
-<p>The GNOME Project looks forward to many more years of development, with contributors old and new. We 
continue to be inspired by each other, and encourage you to <a href="http://www.gnome.org/get-involved/";>join 
us</a> in shaping the future of GNOME.</p>
-</div>
-
-</div>
-
-<div class="grid_24 guadec-2012"><img src="images/guadec2012.png"></div>
-
-</div><!-- container_24 -->
-<div class="clear"></div>
-<div class="container_24">
-<div class="grid_24 footer-art">&nbsp;</div>
-<div class="clear"></div>
-</div><!-- container_16 -->
-
-<div class="footer-grass">&nbsp;</div>
-<div class="footer">
-
-<div class="container_24">
-<div class="grid_24">
-Copyright © 2012 The GNOME Project.<br/>
-Hosted by <a href="http://www.redhat.com";>Red Hat</a><br/>
-
-</div>
-</div> <!-- container_24 -->
-</div>
-
+<body class="gnome-body" data-spy="scroll" data-target="#navbar-wrapper">
+    <header class="gnome-header">
+        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+            <div class="container">
+                <div class="navbar-header">
+                    <button aria-expanded="false" class="navbar-toggle collapsed" 
data-target="#navbar-wrapper" data-toggle="collapse" type="button"><span class="icon-bar top-bar"></span> 
<span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span></button> <a 
class="gnome-navbar-brand" href="/"><img alt="GNOME logo" 
src="https://static.gnome.org/img/gnome-logo.svg";></a>
+                </div>
+                <div class="collapse navbar-collapse" id="navbar-wrapper">
+                    <ul class="nav navbar-nav navbar-right">
+                        <li>
+                            <a href="#timeline">Timeline</a>
+                        </li>
+                        <li>
+                            <a href="#people">People</a>
+                        </li>
+                        <li>
+                            <a href="#photos">Photos</a>
+                        </li>
+                        <li>
+                            <a href="#facts">Fun Facts</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+    <div class="gnome-content">
+        <section id="featured">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xs-12 col-sm-11 col-sm-offset-1">
+                        <div class="text-center">
+                            <p class="h1">Happy Birthday GNOME!</p>
+                            <p class="h2">The GNOME community is proud to celebrate 20 years of 
GNOME!</p><img alt="Birthday logo for 20 years of GNOME" class="img-responsive" 
src="./images/birthday_logo.png">
+                            <p class="h3 m-b-2">Join us in celebrating 20 years of GNOME by becoming a 
Friend of GNOME</p><a class="btn btn-action btn-xl" href="https://www.gnome.org/friends/"; 
target="_blank">Donate to GNOME</a>
+                        </div>
+                        <p class="m-t-2">Your donation will ensure that GNOME continues to be a free and 
open source desktop by providing resources to developers, education for end users, and worldwide promotion 
for GNOME.</p>
+                        <p>GNOME brings volunteers, professionals, companies, and non-profits together from 
around the world to create a complete free software solution for everyone. The GNOME community continues to 
have a memorable journey.</p>
+                        <p>Come together with us to celebrate the many people, projects, and developments 
that GNOME has seen over the last two decades, and help us plan the next two!</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="bg-dark" id="timeline">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xs-12 col-sm-11 col-sm-offset-1">
+                        <div class="text-center">
+                            <p class="h3">Learn about the 20 year long history of GNOME</p>
+                            <div class="timeline m-t-5">
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>1997</h2>
+                                        <h3>Early days</h3>
+                                    </div>
+                                    <div class="body">
+                                        <p>On August 15, 1997 the development of GNOME was announced with 
the following: <strong>"We want to develop a free and complete set of user friendly applications and desktop 
tools, similar to CDE and KDE but based entirely on free software."</strong>strong&gt; by Miguel de Icaza & 
Federico Mena Quintero.</p>
+                                    </div>
+                                </div>
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>1999</h2>
+                                        <h3>GNOME 1.0</h3>
+                                    </div>
+                                    <div class="body">
+                                        <p>On March 3, 1999 the first major release of GNOME occurred with 
the release of GNOME 1.0. The GIMP ToolKit (GTK+) was chosen as the base for GNOME, with major effort devoted 
to offering a friendly platform for developers, supporting many programming languages. There were 3 
subsequent releases over the next two years in the GNOME 1.x series. One of them was 1.4 and you can test it 
in a Virtual Machine. <a href="http://ftp.gnome.org/pub/GNOME/misc/GNOME1.4.ova";>Download it here</a>. 
(user:gnome / password:gnomehistory)</p>
+                                        <p>GNOME's libraries have been available for use in any application, 
with freedom and without fees, under the terms of the GNU Lesser General Public License ever since and 
GNOME’s applications have been made available under the GNU General Public License with a commitment to 
software freedom.</p>
+                                    </div>
+                                </div>
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>2000</h2>
+                                        <h3>GUADEC in Paris</h3>
+                                    </div>
+                                    <div class="body">
+                                        <p>The first GUADEC was held in Paris in 2000 as a one-off event, 
and attracted around 70 GNOME contributors. For many it was the first time they’d met in-person and was 
judged a success. GUADEC has been held annually since then in cities around Europe, organized by local 
volunteers, and has grown fivefold in size. GUADEC 2012 was held in A Coruña, Spain with more than 300 
participants.</p>
+                                    </div>
+                                </div>
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>2000</h2>
+                                        <h3>The Foundation</h3>
+                                    </div>
+                                    <div class="body">
+                                        <p>The GNOME Foundation was announced at the Linux World Expo in San 
Jose, CA in August of 2000. The Foundation provides organizational, financial and legal support to the GNOME 
project. Partnerships with companies were also announced, including Red Hat, Compaq, Eazel, Helix Code, IBM, 
Sun Microsystems and VA Linux Systems. The Foundation was ultimately incorporated as a membership-based, 
not-for-profit corporation.</p>
+                                    </div>
+                                </div>
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>2002</h2>
+                                        <h3>GNOME 2.0</h3>
+                                    </div>
+                                    <div class="body">
+                                        <img src="./images/gnome2.png" style="float: right; padding-left: 
10px;">
+                                        <p>On June 26, 2002 GNOME 2.0 was released, the culmination of major 
efforts with the dual objective of enhancing the user experience and dramatically improving developer 
productivity. GNOME 2.0 was the first release in the 2.x series, which saw 16 more releases over the next 9 
years.</p>
+                                        <p>The introduction of the Human Interface Guidelines (HIG), allowed 
for a more predictable and consistent interface for users. GNOME 2 also had a host of advanced accessibility 
features for users with disabilities along with a built-in accessibility framework for developers to meet 
Section 508 requirements.</p>
+                                        <p>GNOME 2.x was widely adopted over its many iterations, though 
many were unhappy upon its introduction. Said one critic upon the release of GNOME 2.0: <strong>“I found this 
default configuration, bone-headed, at best.”</strong></p>
+                                    </div>
+                                </div>
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>2011</h2>
+                                        <h3>GNOME 3.0</h3>
+                                    </div>
+                                    <div class="body">
+                                        <p>GNOME 3.0 was an exciting new desktop designed for today's users 
and which is suited to a range of modern computing devices. GNOME's developer technologies were substantially 
improved for 3.0. Modernised and streamlined, they enable developers to provide better user experiences with 
less time and effort.</p>
+                                        <p>The most important goal of GNOME 3 was defined as the unification 
of the user experience. Many flaws were identified in the GNOME 2 desktop related to windows, workspaces and 
application launching, some of which were labor intensive and prone to errors. A much more holistic approach 
was needed to take it to the next level.</p>
+                                        <p>GNOME 3 was met by some with very positive reactions. Said one 
detractor, <strong>"I forgot how beautiful and stable GNOME 2 was"</strong></p>
+                                    </div>
+                                </div>
+                                <div class="entry">
+                                    <div class="title">
+                                        <h2>Here's to the next 15 years!</h2>
+                                    </div>
+                                    <div class="body">
+                                        <p>The GNOME Project looks forward to many more years of 
development, with contributors old and new. We continue to be inspired by each other, and encourage you to <a 
href="http://www.gnome.org/get-involved/";>join us</a> in shaping the future of GNOME.</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <section class="bg-dar" id="people">
+        <div class="container">
+            <div class="row">
+                <div class="col-xs-12 col-sm-11 col-sm-offset-1">
+                <p class="h3 text-center">The GNOME community consists of hundreds of people worldwide, 
users and contributors alike.</p>
+                <p>On <a href="https://www.gnome.org/friends/"; target="_blank">Friends of GNOME</a> you can 
learn a little bit more about some of the people that contribute to GNOME and even adopt a hacker. With your 
Friends of GNOME donations you'll receive a special postcard from the hacker of your choice.</p><img 
class="img-responsive" src="./images/group_photo_carlushe.jpg"></div>
+            </div>
+        </div>
+    </section>
+    <section class="bg-dark" id="photos">
+        <div class="container">
+            <div class="row">
+                <div class="col-xs-12 col-sm-11 col-sm-offset-1">
+                    <div class="text-center">
+                        <p class="h3">We’ve been looking through old photos, remembering great times, and 
getting nostalgic.</p>
+                        <p>Stroll down memory lane with us as we relive some of our accomplishments!</p>
+                        <p>Do you have any photos you'd like to be featured here? We'd love to see your 
photos, new or old! Learn how to submit photos <a href="https://wiki.gnome.org/Engagement/Photos/HowTo"; 
target="_blank">here</a>.</p>
+                    </div>
+                    <div class="grid">
+                        <div class="col-xs-12 thumbnail">
+                            <a data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GUADEC%202011.jpg"><img src="./images/birthday_photos/GUADEC%202011.jpg"></a>
+                        </div>
+                        <div class="col-xs-9 thumbnail">
+                            <a data-footer="Cake by Bin Li CC-BY-NC-SA 2.0" data-gallery="Happy Birthday 
GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Cake%20by%20Bin%20Li%20CC%20BY-NC-SA%202.0.jpg"><img 
src="./images/birthday_photos/Cake%20by%20Bin%20Li%20CC%20BY-NC-SA%202.0.jpg"></a>
+                        </div>
+                        <div class="col-xs-3 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Courtesy%20of%20Davit%20Kurniawan.jpg"><img 
src="./images/birthday_photos/Courtesy%20of%20Davit%20Kurniawan.jpg"></a>
+                        </div>
+                        <div class="col-xs-3 thumbnail">
+                            <a data-footer="GUADEC 2015 by Nuritzi Sanchez" data-gallery="Happy Birthday 
GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GUADEC%202015%20Courtesy%20of%20Nuritzi%20Sanchez.jpg"><img 
src="./images/birthday_photos/GUADEC%202015%20Courtesy%20of%20Nuritzi%20Sanchez.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="Berlin Core Apps Hackfest by Jakub Steiner CC-BY-SA 2.0" 
data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/BerlinCoreAppsHackfest%20by%20JakubSteiner%20CCBYSA20.jpg"><img 
src="./images/birthday_photos/BerlinCoreAppsHackfest%20by%20JakubSteiner%20CCBYSA20.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="Speaker GUADEC 2015 by Garrett LeSage CC-BY-SA 4.0" 
data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Speaker%20GUADEC%202015%20CC-BY-SA%204.0%20Garrett%20LeSage.jpg"><img 
src="./images/birthday_photos/Speaker%20GUADEC%202015%20CC-BY-SA%204.0%20Garrett%20LeSage.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Taiwan.jpg"><img src="./images/birthday_photos/GNOME%20Taiwan.jpg"></a>
+                        </div>
+                        <div class="col-xs-8 thumbnail">
+                            <a data-footer="Intern at GUADEC 2015 by Garrett LeSage CC-BY-SA 4.0" 
data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Intern%20at%20GUADEC%202015%20CC-BY-SA%204.0%20Garrett%20LeSage.jpg"><img 
src="./images/birthday_photos/Intern%20at%20GUADEC%202015%20CC-BY-SA%204.0%20Garrett%20LeSage.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Feet%20Courtesy%20of%20Henry%20Addo.jpg"><img 
src="./images/birthday_photos/GNOME%20Feet%20Courtesy%20of%20Henry%20Addo.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Asia%202016%20Group.jpg"><img 
src="./images/birthday_photos/GNOME%20Asia%202016%20Group.jpg"></a>
+                        </div>
+                        <div class="col-xs-6 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Cameroon.jpg"><img 
src="./images/birthday_photos/GNOME%20Cameroon.jpg"></a>
+                        </div>
+                        <div class="col-xs-6 thumbnail">
+                            <a data-footer="GTKHackfest by Matthias Mclasen CC-BY-SA" data-gallery="Happy 
Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GTKHackfest%20By%20Matthias%20Mclasen%20CC-BY-SA.jpg"><img 
src="./images/birthday_photos/GTKHackfest%20By%20Matthias%20Mclasen%20CC-BY-SA.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Peru%20Hack%20Camp%202016%202.jpg"><img 
src="./images/birthday_photos/Peru%20Hack%20Camp%202016%202.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Asia.jpg"><img src="./images/birthday_photos/GNOME%20Asia.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/West%20Coast%20Summit%202015.jpg"><img 
src="./images/birthday_photos/West%20Coast%20Summit%202015.jpg"></a>
+                        </div>
+                        <div class="col-xs-8 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Foot.jpg"><img src="./images/birthday_photos/GNOME%20Foot.jpg"></a>
+                        </div>
+                        <div class="col-xs-4 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GNOME%20Asia%202016%20Speaker.jpg"><img 
src="./images/birthday_photos/GNOME%20Asia%202016%20Speaker.jpg"></a>
+                        </div>
+                        <div class="col-xs-5 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Group%20GUADEC%202015%20Courtesy%20of%20Nuritzi%20Sanchez.jpg"><img 
src="./images/birthday_photos/Group%20GUADEC%202015%20Courtesy%20of%20Nuritzi%20Sanchez.jpg"></a>
+                        </div>
+                        <div class="col-xs-7 thumbnail">
+                            <a data-footer="GUADEC 2015 by Garrett LeSage CC-BY-SA 4.0" data-gallery="Happy 
Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/GUADEC%202015%20CC-BY-SA%204.0%20Garrett%20LeSage.jpg"><img 
src="./images/birthday_photos/GUADEC%202015%20CC-BY-SA%204.0%20Garrett%20LeSage.jpg"></a>
+                        </div>
+                        <div class="col-xs-12 thumbnail">
+                            <a data-footer="" data-gallery="Happy Birthday GNOME" data-toggle="lightbox" 
href="./images/birthday_photos/Peru%20Hack%20Camp%202016.jpg"><img 
src="./images/birthday_photos/Peru%20Hack%20Camp%202016.jpg"></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section id="facts">
+        <div class="container">
+            <div class="row">
+                <div class="col-xs-12 col-sm-11 col-sm-offset-1">
+                    <div class="text-center">
+                        <p class="h3 m-b-2">Fun Facts about GNOME</p>
+                    </div>
+                    <dl>
+                        <dt>Why do we call it GNOME?</dt>
+                        <dd>GNOME was initially an acronym for GNU Network Object Model Environment.</dd>
+                        <dt>Whare are two of GNOME's mascots over the years?</dt>
+                        <dd>Wanda (the fish), Rupert (the monkey)</dd>
+                        <dd>Others: GEGL, Orca dolphin, the Nibbles worm, the Ekiga penguin, the Cheese 
face, the Nautilus seashell, the Frogr frog, the Mallard duck, the Anjuta horse.</dd>
+                        <dt>Who won the presitigious Pants Award 10 years ago, at GUADEC 2007?</dt>
+                        <dd>Federico Mena Quintero won the prestigious Pants Award at GUADEC 2007, which was 
held in Birmingham, UK. The Pants Award is given to an outstanding GNOME contributor each year.</dd>
+                        <dt>In which movies and TV shows has GNOME made a cameo appearance?</dt>
+                        <dd>Antitrust (2001) http://www.imdb.com/title/tt0218817/</dd>
+                        <dd>Mr. Robot (2015) http://www.usanetwork.com/mrrobot/episodes/season-1</dd>
+                        <dt>How many GNOME Foundation members are there as of June 2017?</dt>
+                        <dd>We currently have 230 GNOME Foundation members as of June 2017.</dd>
+                        <dt>What's the right way to pronounce GNOME?</dt>
+                        <dd>Some people say Guh-NOME, some keep the "G" silent and others pronounce it 
"Heh-NOME". However you pronounce it, so long as you're talking about freedom for your desktop, you're doing 
it right!</dd>
+                        <dt>Did you know that Outreachy, the internship program for underrepresented groups 
started with GNOME?</dt>
+                        <dd>The program has gone on to include over 400 participants across dozens of free 
and open source software communities.</dd>
+                    </dl>
+                </div>
+            </div>
+        </div>
+    </section><!-- gnome-content-->
+    <div class="footer m-t-0">
+        <div class="container">
+            <div class="row">
+                <div class="col-xs-12 col-sm-11 col-sm-offset-1">
+                    <p>© <a href="https://gnome.org";>The GNOME Project</a></p>
+                    <p>Hosted by <a href="https://www.redhat.com/"; target="_blank">Red Hat</a>.</p>
+                </div>
+            </div>
+        </div><!-- container_24 -->
+    </div>
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"; type="text/javascript">
+    </script> 
+    <script src="https://static.gnome.org/js/deneb.min.js"; type="text/javascript">
+    </script> 
+    <script src="./js/masonry.pkgd.min.js" type="text/javascript">
+    </script> 
+    <script src="./js/ekko-lightbox.min.js" type="text/javascript">
+    </script> 
+    <script type="text/javascript">
+    // init Masonry
+    var $grid = $('.grid').masonry({
+       itemSelector: 'thumbnail',
+       percentPosition: true
+    });
+    // layout Masonry after each image loads
+    $grid.imagesLoaded().progress( function() {
+     $grid.masonry('layout');
+    });
+    </script> 
+    <script type="text/javascript">
+    $(document).on('click', '[data-toggle="lightbox"]', function(event) {
+       event.preventDefault();
+       $(this).ekkoLightbox();
+    });
+    </script>
 </body>
 </html>



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]