make about page also mobile friendly

Signed-off-by: vsoch <vsoch@users.noreply.github.com>
LLNL · Apr 26, 2022 · 95158c6 · 95158c6
1 parent e33e957
commit 95158c6
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 6 deletions.
diff --git a/_includes/graphs/languages.html b/_includes/graphs/languages.html
@@ -1,4 +1,4 @@
-<svg height="100%" width="100%" id="languages"></svg>
+<svg class="radiuss-graph" height="100%" width="100%" id="languages"></svg>
 <script src="{{ site.baseurl }}/assets/js/extractors/languages.js"></script>
 
 <script>

diff --git a/_includes/graphs/licenses.html b/_includes/graphs/licenses.html
@@ -1,4 +1,4 @@
-<svg height="100%" width="100%" id="licenses"></svg>
+<svg class="radiuss-graph" height="100%" width="100%" id="licenses"></svg>
 <script src="{{ site.baseurl }}/assets/js/extractors/licenses.js"></script>
 
 <script>

diff --git a/_includes/graphs/topics.html b/_includes/graphs/topics.html
@@ -1,4 +1,4 @@
-<svg id="topics"></svg>
+<svg class="radiuss-graph" id="topics"></svg>
 <script src="{{ site.baseurl }}/assets/js/extractors/topics.js"></script>
 
 <script>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -21,11 +21,11 @@
   <div class="inner-header flex">
     <div class="flex-column">
       <div class="item">
-        <h1 class="radiuss">radiuss</h1>
+        <h1 class="radiuss homeradiuss">radiuss</h1>
         <h2>Rapid Application Development via an Institutional Universal Software Stack</h2>
       </div>
     <div class="item abstract">
-      <p>
+      <p class="homep">
         RADIUSS aims to develop and deploy a common base of foundational
         scientific software with opt-in adoption from Lawrence Livermore
         National Laboratory applications in order to reduce long-term software

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -72,6 +72,7 @@ body div {
   flex-wrap: wrap;
   margin-left: -8px;
 }
+
 .card-tag {
   margin-top: 8px;
   margin-left: 8px;
@@ -97,4 +98,8 @@ body div {
   .cards {
     padding: 0px;
   }
+  .radiuss-graph {
+    display: none;
+  }
+
 }
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -144,9 +144,15 @@ a {
   .waves {
    display:none;
   }
+  .homeradiuss {
+    padding-bottom:25px;  
+  }
+  .homep {
+    width: 75%;  
+  }
   p {
     letter-spacing: 0px;
-    width: 75%;
+    width: 100%;
     margin: auto;
     padding-bottom:30px;
   }