gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mobile layout fixes

Browse source 
* load screenshots when the modal is openend, not before
* Abbreviate some strings
This commit is contained in:
Henne Vogelsang 2014-12-17 14:05:35 +01:00
parent 087803ed20
commit 8877fd1259
6 changed files with 40 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

24
_includes/modals.html
View file

@ -1,4 +1,4 @@
<div class="portfolio-modal modal fade" id="splashModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="portfolio-modal modal fade" id="splashModal" tabindex="-1" role="dialog" aria-hidden="true" data-imgtarget='splashImage'>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -15,7 +15,7 @@
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">
<img id='splashImage' class="img-responsive img-centered" alt="An event splash page" data-imgsrc="img/portfolio/splash.jpg">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
@ -24,7 +24,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="portfolio-modal modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-hidden="true" data-imgtarget='scheduleImage'>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -41,7 +41,7 @@
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">
<img id="scheduleImage" data-imgsrc="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>
@ -50,7 +50,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="sessionModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="portfolio-modal modal fade" id="sessionModal" tabindex="-1" role="dialog" aria-hidden="true" data-imgtarget='sessionImage'>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -65,7 +65,7 @@
<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">
<img id='sessionImage' data-imgsrc="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>
@ -74,7 +74,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="cfpModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="portfolio-modal modal fade" id="cfpModal" tabindex="-1" role="dialog" aria-hidden="true" data-imgtarget='cfpImage'>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -89,7 +89,7 @@
<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">
<img id='cfpImage' data-imgsrc="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>
@ -98,7 +98,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="registrationModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="portfolio-modal modal fade" id="registrationModal" tabindex="-1" role="dialog" aria-hidden="true" data-imgtarget='registrationImage'>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -113,7 +113,7 @@
<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">
<img id='registrationImage' data-imgsrc="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>
@ -122,7 +122,7 @@
</div>
</div>
<div class="portfolio-modal modal fade" id="adminModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="portfolio-modal modal fade" id="adminModal" tabindex="-1" role="dialog" aria-hidden="true" data-imgtarget='adminImage'>
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
@ -137,7 +137,7 @@
<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">
<img id='adminImage' data-imgsrc="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>