Don't use posts for the feature modals, we want to blog
This commit is contained in:
Henne Vogelsang
parent
60956f6158
commit
993bd5ad3c
11 changed files with 257 additions and 114 deletions
|
|
@ -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 & buy tickets for your event.
|
||||
OSEM assits you in communicating the value of your event. Create a splash page and agenda. Let visitors register & 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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
<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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue