From e52eed045f33fcca56e5a8d6a89b559012a07bc2 Mon Sep 17 00:00:00 2001
From: Ben Cotton <bcotton@fedoraproject.org>
Date: Apr 29 2020 15:32:26 +0000
Subject: Fix display of Labs on mobile by not trying to special-case mobile.


The standard content works well enough on a variety of mobile settings.

Fixes #1032

---

diff --git a/labs.fedoraproject.org/data/content/index.html b/labs.fedoraproject.org/data/content/index.html
index bd64320..64ade71 100644
--- a/labs.fedoraproject.org/data/content/index.html
+++ b/labs.fedoraproject.org/data/content/index.html
@@ -133,95 +133,6 @@
       </div>
 	  </div>
 
-    <!-- Mobile and Tablets -->
-    <div class="container visible-xs visible-sm">
-      <div class="row top-space">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/astronomy"><img class="screenshot-banner" src="${path}/static/images/astronomy-banner.png" alt="Astronomy banner" /></a></div>
-          <a href="/${lang}/astronomy"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-astronomy.jpg" alt="Astronomy Screenshot" /></a>
-          <div class="screenshot-text bottom-border"><a href="/${lang}/Astronomy"><h3>${_('Explore the Outer Space.')}</h3></a>
-          <span class="grey">${_('Powerful completely open-source and free tool for amateurs and professionals.')}</span></div>
-        </div>
-      </div>
-      <div class="row top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/comp-neuro"><img class="screenshot-banner" src="${path}/static/images/comp-neuro-banner.png" alt="Comp Neuro banner" /></a></div>
-          <a href="/${lang}/comp-neuro"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-comp-neuro.jpg" alt="Comp Neuro Screenshot" /></a>
-          <div class="screenshot-text bottom-border"><a href="/${lang}/design-suite"><h3>${_('Explore the Brain.')}</h3></a>
-          <span class="grey">${_('A plethora of Free/Open source computational modelling tools for Neuroscience.')}</span></div>
-        </div>
-      </div>
-      <div class="row top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/design-suite"><img class="screenshot-banner" src="${path}/static/images/design-suite-banner.png" alt="Design suite banner" /></a></div>
-          <a href="/${lang}/design-suite"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-design.jpg" alt="Design-suite Screenshot" /></a>
-          <div class="screenshot-text bottom-border"><a href="/${lang}/design-suite"><h3>${_('Open Creativity.')}</h3></a>
-          <span class="grey">${_('Visual design, multimedia production, and publishing suite of free and open source creative tools.')}</span></div>
-        </div>
-      </div>
-
-<!-- DID NOT BUILD FOR F31
-      <div class="row top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/games"><img class="screenshot-banner" src="${path}/static/images/games-banner.png" alt="Games banner" /></a></div>
-          <a href="/${lang}/games"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-games.jpg" alt="Games Screenshot" /></a>
-  	  	  <div class="screenshot-text bottom-border"><a href="/${lang}/games"><h3>${_('Play with Fedora Today!')}</h3></a>
-          <span class="grey">${_('A collection and perfect show-case of the best games available in Fedora.')}</span></div>
-        </div>
-      </div>
--->
-
-
-      <div class="row top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/jam"><img class="screenshot-banner" src="${path}/static/images/jam-banner.png" alt="Jam banner" /></a></div>
-          <a href="/${lang}/jam"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-jam.jpg" alt="Jam Screenshot" /></a>
-          <div class="screenshot-text bottom-border"><a href="/${lang}/jam"><h3>${_('Unleash your inner musician.')}</h3></a>
-          <span class="grey">${_('For audio enthusiasts and musicians who want to create, edit and produce audio and music on Linux.')}</span></div>
-        </div>
-      </div>
-
-      <div class="row top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/python-classroom"><img class="screenshot-banner" src="${path}/static/images/python-classroom/python-classroom-banner.png" alt="Python Classroom banner" /></a></div>
-           <a href="/${lang}/python-classroom"><img class="screenshot" src="${path}/static/images/python-classroom/screenshot-python-classroom.jpg" alt="Python Classroom Screenshot" /></a>
-           <div class="screenshot-text bottom-border"><a href="/${lang}/python-classroom"><h3>${_('Teach Python with ease')}</h3></a>
-           <span class="grey">${_('A classroom lab for teaching the Python programming language to students')}</span></div>
-        </div>
-      </div>
-<!--
-      <div class="row top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/robotics"><img class="screenshot-banner" src="${path}/static/images/robotics-suite-banner.png" alt="Robotics banner" /></a></div>
-          <a href="/${lang}/robotics"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-robotics.jpg" alt="Robotics Screenshot" /></a>
-  	  	  <div class="screenshot-text bottom-border"><a href="/${lang}/robotics"><h3>${_('Dive into Robotics.')}</h3></a>
-          <span class="grey">${_('A wide variety of free and open robotics software packages for beginners and experts in robotics.')}</span></div>
-        </div>
-      </div>
--->
-
-<!-- DID NOT BUILD FOR F31
-      <div class="row bottom-space top-margin">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/scientific"><img class="screenshot-banner" src="${path}/static/images/scientific-banner.png" alt="Scientific Lab banner" /></a></div>
-          <a href="/${lang}/scientific"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-scientific.jpg" alt="Scientific-KDE Lab Screenshot" /></a>
-          <div class="screenshot-text bottom-border"><a href="/${lang}/scientific"><h3>${_('Open source scientific computing.')}</h3></a>
-          <span class="grey">${_('A bundle of open source scientific and numerical tools used in research.')}</span></div>
-        </div>
-      </div>
--->
-
-      <div class="row bottom-space top-margin bottom-space">
-        <div class="col-xs-12 text-center">
-          <div class="spin-banner"><a href="/${lang}/security"><img class="screenshot-banner" src="${path}/static/images/security-lab-banner.png" alt="Security Lab banner" /></a></div>
-          <a href="/${lang}/security"><img class="screenshot" src="${path}/static/images/screenshots/screenshot-security.jpg" alt="Security Lab Screenshot" /></a>
-          <div class="screenshot-text bottom-border"><a href="/${lang}/security"><h3>${_('Thorough, safe and secure.')}</h3></a>
-          <span class="grey">${_('A safe test environment to work on security auditing, forensics, system rescue and teaching security testing methodologies.')}</span></div>
-        </div>
-      </div>
-
-    </div>
-
   </header>
 
   <!-- Feature: Labs -->
diff --git a/labs.fedoraproject.org/static/css/bootstrap.css b/labs.fedoraproject.org/static/css/bootstrap.css
index 6f1717d..5ef2ab1 100644
--- a/labs.fedoraproject.org/static/css/bootstrap.css
+++ b/labs.fedoraproject.org/static/css/bootstrap.css
@@ -4403,86 +4403,6 @@ button.close {
 .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
     display: none!important;
 }
-@media (max-width:767px) {
-    .visible-xs {
-    display: block!important;
-}
-table.visible-xs {
-    display: table;
-}
-tr.visible-xs {
-    display: table-row!important;
-}
-th.visible-xs, td.visible-xs {
-    display: table-cell!important;
-}
-}.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
-    display: none!important;
-}
-@media (min-width:768px) and (max-width:991px) {
-    .visible-sm {
-    display: block!important;
-}
-table.visible-sm {
-    display: table;
-}
-tr.visible-sm {
-    display: table-row!important;
-}
-th.visible-sm, td.visible-sm {
-    display: table-cell!important;
-}
-}.visible-md, tr.visible-md, th.visible-md, td.visible-md {
-    display: none!important;
-}
-@media (min-width:992px) and (max-width:1199px) {
-    .visible-md {
-    display: block!important;
-}
-table.visible-md {
-    display: table;
-}
-tr.visible-md {
-    display: table-row!important;
-}
-th.visible-md, td.visible-md {
-    display: table-cell!important;
-}
-}.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
-    display: none!important;
-}
-@media (min-width:1200px) {
-    .visible-lg {
-    display: block!important;
-}
-table.visible-lg {
-    display: table;
-}
-tr.visible-lg {
-    display: table-row!important;
-}
-th.visible-lg, td.visible-lg {
-    display: table-cell!important;
-}
-}@media (max-width:767px) {
-    .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
-    display: none!important;
-}
-}@media (min-width:768px) and (max-width:991px) {
-    .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
-    display: none!important;
-}
-}@media (min-width:992px) and (max-width:1199px) {
-    .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
-    display: none!important;
-}
-}@media (min-width:1200px) {
-    .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
-    display: none!important;
-}
-}.visible-print, tr.visible-print, th.visible-print, td.visible-print {
-    display: none!important;
-}
 @media print {
     .visible-print {
     display: block!important;
@@ -4500,4 +4420,4 @@ th.visible-print, td.visible-print {
     .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
     display: none!important;
 }
-}
\ No newline at end of file
+}