mirror of
https://github.com/openSUSE/osem.git
synced 2026-08-13 19:54:02 +00:00
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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
---
|
||||
|
|
@ -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
|
||||
|
||||
---
|
||||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
@ -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
|
||||
|
||||
---
|
||||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
|
@ -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!
|
||||
|
||||
---
|
||||
Loading…
Add table
Add a link
Reference in a new issue