From 993bd5ad3c6089dceec5f6e0f666fb69dde5f8fc Mon Sep 17 00:00:00 2001
From: Henne Vogelsang <hvogel@opensuse.org>
Date: Mon, 15 Dec 2014 14:46:48 +0100
Subject: [PATCH] Don't use posts for the feature modals, we want to blog

---
 _includes/about.html                    |   6 +-
 _includes/contact.html                  |  14 +++
 _includes/modals.html                   | 159 +++++++++++++++++++++---
 _includes/portfolio_grid.html           | 124 ++++++++++++++----
 _includes/team.html                     |   2 +-
 _posts/2000-01-01-dashboard.markdown    |  11 --
 _posts/2001-01-01-registration.markdown |  11 --
 _posts/2002-01-01-cfp.markdown          |  11 --
 _posts/2003-01-01-sessions.markdown     |  11 --
 _posts/2004-01-01-schedule.markdown     |  11 --
 _posts/2005-01-01-splash.markdown       |  11 --
 11 files changed, 257 insertions(+), 114 deletions(-)
 delete mode 100644 _posts/2000-01-01-dashboard.markdown
 delete mode 100644 _posts/2001-01-01-registration.markdown
 delete mode 100644 _posts/2002-01-01-cfp.markdown
 delete mode 100644 _posts/2003-01-01-sessions.markdown
 delete mode 100644 _posts/2004-01-01-schedule.markdown
 delete mode 100644 _posts/2005-01-01-splash.markdown

diff --git a/_includes/about.html b/_includes/about.html
index 076554c6..cbf1a747 100644
--- a/_includes/about.html
+++ b/_includes/about.html
@@ -15,7 +15,7 @@
                     <h4 class="service-heading">Paper Submission</h4>
                     <hr style="width: 50%; border-color: #AEEE00;">
                     <p class="text-muted">
-                        Helps you to call for papers in your community. Recieve, classify, eavaluate and schedule submissions for your event.
+                        OSEM helps you to call for papers in your community. Recieve, classify, eavaluate and schedule submissions for your event.
                     </p>
                 </div>
                 <div class="col-md-4">
@@ -26,7 +26,7 @@
                     <h4 class="service-heading">Marketing</h4>
                     <hr style="width: 50%; border-color: #01B0F0;">
                     <p class="text-muted">
-                        Assits you in communicating the value of your event. Create a splash page and agenda. Let visitors register &amp; buy tickets for your event.
+                        OSEM assits you in communicating the value of your event. Create a splash page and agenda. Let visitors register &amp; buy tickets for your event.
                     </p>
                 </div>
                 <div class="col-md-4">
@@ -37,7 +37,7 @@
                     <h4 class="service-heading">Analytics</h4>
                     <hr style="width: 50%; border-color: #FF358B;">
                     <p class="text-muted">
-                        Supports you with staying on top of your event. Inform yourself about the evolution of the program and audience of your event.
+                        OSEM supports you with staying on top of your event. Inform yourself about the evolution of the program and audience of your event.
                     </p>
                 </div>
             </div>
diff --git a/_includes/contact.html b/_includes/contact.html
index 9263b432..c486fc90 100644
--- a/_includes/contact.html
+++ b/_includes/contact.html
@@ -17,6 +17,20 @@
             Why don't you join us?
           </a>
         </p>
+        <div class="btn-group" role="group" aria-label="contact">
+          <a href="mailto:info@osem.io" class="btn btn-link">
+            <i class="fa fa-envelope"></i>
+            Mail
+          </a>
+          <a href="irc://freenode.net/osem" class="btn btn-link">
+            <i class="fa fa-comment"></i>
+            Chat
+          </a>
+          <a href="https://github.com/openSUSE/osem" class="btn btn-link">
+            <i class="fa fa-github-alt"></i>
+            Code
+          </a>
+        </div>
       </div>
     </div>
   </div>
diff --git a/_includes/modals.html b/_includes/modals.html
index dd478572..3be8f26f 100644
--- a/_includes/modals.html
+++ b/_includes/modals.html
@@ -1,26 +1,147 @@
- <!-- Portfolio Modals -->
- {% for post in site.posts %}
-    <div class="portfolio-modal modal fade" id="portfolioModal{{ post.modal-id }}" tabindex="-1" role="dialog" aria-hidden="true">
-        <div class="modal-content">
-            <div class="close-modal" data-dismiss="modal">
-                <div class="lr">
-                    <div class="rl">
-                    </div>
+<div class="portfolio-modal modal fade" id="splashModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
                 </div>
             </div>
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-8 col-lg-offset-2">
-                        <div class="modal-body">
-                            <h2>{{ post.title }}</h2>
-                            <p>{{ post.description }}</p>
-                            <hr class="star-primary">
-                            <img src="img/portfolio/{{ post.img }}" class="img-responsive img-centered" alt="{{ post.alt }}">
-                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
-                        </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h2>Splash Pages</h2>
+                        <p>
+                            Build a splash page for your event. Let visitors know what will happen when, how and where!
+                        </p>
+                        <hr class="star-primary">
+                        <img src="img/portfolio/splash.jpg" class="img-responsive img-centered" alt="An event splash page">
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                     </div>
                 </div>
             </div>
         </div>
     </div>
-{% endfor %}
+</div>
+
+<div class="portfolio-modal modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h2>Schedules</h2>
+                        <p>
+                            Provide an event schedule with detailed information about your program.
+                        </p>
+                        <hr class="star-primary">
+                        <img src="img/portfolio/schedule.jpg" class="img-responsive img-centered" alt="Schedule of a typical event in OSEM">
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="portfolio-modal modal fade" id="sessionModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h2>Sesssion Pages</h2>
+                        <p>Show visitors all the details of your sessions.</p>
+                        <hr class="star-primary">
+                        <img src="img/portfolio/events.jpg" class="img-responsive img-centered" alt="A detailed session page">
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="portfolio-modal modal fade" id="cfpModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h2>Paper Submission</h2>
+                        <p>Lorem ipsum dolor sit amet, usu cu alterum nominavi lobortis. At duo novum diceret.</p>
+                        <hr class="star-primary">
+                        <img src="img/portfolio/cfp.jpg" class="img-responsive img-centered" alt="Screenshots of the paper submission workflow">
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="portfolio-modal modal fade" id="registrationModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h2>Visitor Registration</h2>
+                        <p>Lorem ipsum dolor sit amet, usu cu alterum nominavi lobortis. At duo novum diceret.</p>
+                        <hr class="star-primary">
+                        <img src="img/portfolio/registration.jpg" class="img-responsive img-centered" alt="Screenshots of the registration workflow">
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="portfolio-modal modal fade" id="adminModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h2>Administration</h2>
+                        <p>Lorem ipsum dolor sit amet, usu cu alterum nominavi lobortis. At duo novum diceret.</p>
+                        <hr class="star-primary">
+                        <img src="img/portfolio/dashboard.png" class="img-responsive img-centered" alt="An administration dashboard">
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/_includes/portfolio_grid.html b/_includes/portfolio_grid.html
index 415673bf..bdabbb86 100644
--- a/_includes/portfolio_grid.html
+++ b/_includes/portfolio_grid.html
@@ -1,28 +1,102 @@
 <!-- Portfolio Grid Section -->
-    <section id="portfolio" class="bg-light-gray">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12 text-center text-muted">
-                    <h3 class="section-heading ">OSEM Features</h3>
-                </div>
-            </div>
-            <div class="row">
-            {% for post in site.posts %}
-                <div class="col-md-4 col-sm-6 portfolio-item">
-                    <a href="#portfolioModal{{ post.modal-id }}" class="portfolio-link" data-toggle="modal">
-                        <div class="portfolio-hover">
-                            <div class="portfolio-hover-content">
-                                <i class="fa fa-plus fa-3x"></i>
-                            </div>
-                        </div>
-                        <img src="img/portfolio/{{ post.thumbnail }}" class="img-responsive" alt="">
-                    </a>
-                    <div class="portfolio-caption">
-                        <h4>{{ post.title }}</h4>
-                        <p class="text-muted">{{ post.subtitle }}</p>
-                    </div>
-                </div>
-            {% endfor %}
+<section id="portfolio" class="bg-light-gray">
+    <div class="container">
+        <div class="row">
+            <div class="col-lg-12 text-center text-muted">
+                <h3 class="section-heading ">OSEM Features</h3>
             </div>
         </div>
-    </section>
\ No newline at end of file
+        <div class="row">
+            <!-- Splash -->
+            <div class="col-md-4 col-sm-6 portfolio-item">
+                <a href="#splashModal" class="portfolio-link" data-toggle="modal">
+                    <div class="portfolio-hover">
+                        <div class="portfolio-hover-content">
+                            <i class="fa fa-plus fa-3x"></i>
+                        </div>
+                    </div>
+                    <img src="img/portfolio/splash-thumbnail.png" class="img-responsive" alt="">
+                </a>
+                <div class="portfolio-caption">
+                    <h4>Splash Pages</h4>
+                    <p class="text-muted">A marketing website for your event</p>
+                </div>
+            </div>
+            <!-- Schedule -->
+            <div class="col-md-4 col-sm-6 portfolio-item">
+                <a href="#scheduleModal" class="portfolio-link" data-toggle="modal" data-target="">
+                    <div class="portfolio-hover">
+                        <div class="portfolio-hover-content">
+                            <i class="fa fa-plus fa-3x"></i>
+                        </div>
+                    </div>
+                    <img src="img/portfolio/schedule-thumbnail.png" class="img-responsive" alt="">
+                </a>
+                <div class="portfolio-caption">
+                    <h4>Schedules</h4>
+                    <p class="text-muted">Give visitors an overview of your sessions</p>
+                </div>
+            </div>
+            <!-- Session -->
+            <div class="col-md-4 col-sm-6 portfolio-item">
+                <a href="#sessionModal" class="portfolio-link" data-toggle="modal">
+                    <div class="portfolio-hover">
+                        <div class="portfolio-hover-content">
+                            <i class="fa fa-plus fa-3x"></i>
+                        </div>
+                    </div>
+                    <img src="img/portfolio/events-thumbnail.png" class="img-responsive" alt="">
+                </a>
+                <div class="portfolio-caption">
+                    <h4>Sesssions</h4>
+                    <p class="text-muted">Full detail presentation of your sessions</p>
+                </div>
+            </div>
+            <!-- Papers -->
+            <div class="col-md-4 col-sm-6 portfolio-item">
+                <a href="#cfpModal" class="portfolio-link" data-toggle="modal">
+                    <div class="portfolio-hover">
+                        <div class="portfolio-hover-content">
+                            <i class="fa fa-plus fa-3x"></i>
+                        </div>
+                    </div>
+                    <img src="img/portfolio/cfp-thumbnail.png" class="img-responsive" alt="">
+                </a>
+                <div class="portfolio-caption">
+                    <h4>Paper Submission</h4>
+                    <p class="text-muted">Run a call for papers</p>
+                </div>
+            </div>
+            <!-- Registration -->
+            <div class="col-md-4 col-sm-6 portfolio-item">
+                <a href="#registrationModal" class="portfolio-link" data-toggle="modal">
+                    <div class="portfolio-hover">
+                        <div class="portfolio-hover-content">
+                            <i class="fa fa-plus fa-3x"></i>
+                        </div>
+                    </div>
+                    <img src="img/portfolio/registration-thumbnail.png" class="img-responsive" alt="">
+                </a>
+                <div class="portfolio-caption">
+                    <h4>Registration</h4>
+                    <p class="text-muted">Track your visitors</p>
+                </div>
+            </div>
+            <!-- Admin -->
+            <div class="col-md-4 col-sm-6 portfolio-item">
+                <a href="#adminModal" class="portfolio-link" data-toggle="modal">
+                    <div class="portfolio-hover">
+                        <div class="portfolio-hover-content">
+                            <i class="fa fa-plus fa-3x"></i>
+                        </div>
+                    </div>
+                    <img src="img/portfolio/dashboard-thumbnail.png" class="img-responsive" alt="">
+                </a>
+                <div class="portfolio-caption">
+                    <h4>Administration</h4>
+                    <p class="text-muted">Stay on top of your event</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/_includes/team.html b/_includes/team.html
index d73521cd..b799345f 100644
--- a/_includes/team.html
+++ b/_includes/team.html
@@ -8,7 +8,7 @@
             </div>
             <div class="row">
                 {% for member in site.people %}
-                <div class="col-sm-4">
+                <div class="col-sm-3">
                     <div class="team-member">
                         <img src="img/team/{{ member.pic }}.jpg" class="img-responsive img-circle" alt="">
                         <h4>{{ member.name }}</h4>
diff --git a/_posts/2000-01-01-dashboard.markdown b/_posts/2000-01-01-dashboard.markdown
deleted file mode 100644
index 779eb179..00000000
--- a/_posts/2000-01-01-dashboard.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Administration
-subtitle: A slick administration interface
-layout: default
-modal-id: 5
-img: dashboard.png
-thumbnail: dashboard-thumbnail.png
-alt: image-alt
-description: Administration
-
----
diff --git a/_posts/2001-01-01-registration.markdown b/_posts/2001-01-01-registration.markdown
deleted file mode 100644
index e606da6d..00000000
--- a/_posts/2001-01-01-registration.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Registration
-subtitle: Track your visitors
-layout: default
-modal-id: 6
-img: registration.jpg
-thumbnail: registration-thumbnail.png
-alt: image-alt
-description: Registration
-
----
diff --git a/_posts/2002-01-01-cfp.markdown b/_posts/2002-01-01-cfp.markdown
deleted file mode 100644
index 43ed667e..00000000
--- a/_posts/2002-01-01-cfp.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Paper Submission
-subtitle: Run a call for papers
-layout: default
-modal-id: 4
-img: cfp.jpg
-thumbnail: cfp-thumbnail.png
-alt: image-alt
-description: Lorem ipsum dolor sit amet, usu cu alterum nominavi lobortis. At duo novum diceret. Tantas apeirian vix et, usu sanctus postulant inciderint ut, populo diceret necessitatibus in vim. Cu eum dicam feugiat noluisse.
-
----
diff --git a/_posts/2003-01-01-sessions.markdown b/_posts/2003-01-01-sessions.markdown
deleted file mode 100644
index 44c42663..00000000
--- a/_posts/2003-01-01-sessions.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Sesssions
-subtitle: Present your sessions in full detail
-slayout: default
-modal-id: 3
-img: events.jpg
-thumbnail: events-thumbnail.png
-alt: image-alt
-description: Detailed session view including videos, pictures or slideshows
-
----
diff --git a/_posts/2004-01-01-schedule.markdown b/_posts/2004-01-01-schedule.markdown
deleted file mode 100644
index da1ef307..00000000
--- a/_posts/2004-01-01-schedule.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Schedule
-subtitle: Give an overview about your content
-layout: default
-modal-id: 2
-img: schedule.jpg
-thumbnail: schedule-thumbnail.png
-alt: Picture of the schedule of a typical event in OSEM
-description: Provide an event schedule with detailed information about your program.
-
----
diff --git a/_posts/2005-01-01-splash.markdown b/_posts/2005-01-01-splash.markdown
deleted file mode 100644
index d360e597..00000000
--- a/_posts/2005-01-01-splash.markdown
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Splash Page
-subtitle: Marketing for your event
-layout: default
-modal-id: 1
-img: splash.jpg
-thumbnail: splash-thumbnail.png
-alt: An image of an event splash page
-description: Build a splash page for your event. Let visitors know what will happen!
-
----