Differences

This shows you the differences between two versions of the page.

--- start [2019/01/31 11:52] – added workshop link and a commented-out section with workshop ad oroehrig
+++ start [2020/01/17 14:45] – Fix scaled images problem for now lkastner
@@ Line 6: / Line 6: @@
    overflow: hidden; /* to make the div fit float imgs*/
 }
+.hidden_image {}
+.hidden_br {}
 .light { padding:30px 15px 30px 15px; overflow: hidden;}
 .col-container {
@@ Line 19: / Line 21: @@
   text-align: center;
   vertical-align: top;
+}
+.middleCol {
+  display: table-cell;
+  padding: 30px 30px 50px 30px;
+  background-color: rgb(241, 241, 241);
+  text-align: center;
+  vertical-align: top;
+}
+.fixed_width_button {
+  width: 150px;
+}
+@media (max-width: 1200px) { /*rearrange cells on mobile devices*/
+  .middleCol { display: block; width: auto;
+    padding: 0px 10px 0px 10px;
+  }
+  .hidden_image { height: 50px; width: 50px;}
+  .hidden_br { display: none;}
 }
 @media (max-width: 768px) { /*rearrange cells on mobile devices*/
-  .col { display: block; width: auto; }
+  .col { display: block; width: auto;
+    padding: 0px 10px 0px 10px;
+  }
+  .middleCol { display: block; width: auto;
+    padding: 0px 10px 0px 10px;
+  }
+  .hidden_image { display: none;}
+  .hidden_br { display: none;}
 }
 a { color: rgb(167, 67, 26); }
-.button { font-size: 20px; color: rgb(167, 67, 26); }
+.button { font-size: 16px; color: rgb(167, 67, 26); }
       </style>
    </head>
@@ Line 43: / Line 69: @@
    <div class="col-container">
-      <div class="col">
+       <div class="middleCol">
+           <a href="/doku.php/news/start">
+              <img heigth="100" width="100" alt="news" src="/theme_files/images/news.png" style="margin:20px;" class="hidden_image"/>
+           </a>
+           <br class="hidden_br">
+           <a href="/doku.php/news/start">
+              <button class="button fixed_width_button">News</button>
+            </a>
+      </div>
+      <div class="middleCol">
            <a href="/doku.php/download/start">
-              <img heigth="100" width="100" alt="Download" src="/theme_files/images/download-pm.png" style="margin:20px;"/>
+              <img heigth="100" width="100" alt="Download" src="/theme_files/images/download-pm.png" style="margin:20px;" class="hidden_image"/>
            </a>
-           <br>
+           <br class="hidden_br">
            <a href="/doku.php/download/start">
-              <button class="button">Get Polymake!</button>
+              <button class="button fixed_width_button">Get Polymake!</button>
             </a>
       </div>
-      <div class="col">
+      <div class="middleCol">
          <a href="/doku.php/user_guide/start">
-            <img heigth="100" width="100" alt="Team" src="/theme_files/images/team-2.png" style="margin:20px;"/>
+            <img heigth="100" width="100" src="/theme_files/images/db-pm.png" style="margin:20px;" class="hidden_image"/>
          </a>
-         <br>
+         <br class="hidden_br">
          <a href="/doku.php/user_guide/start">
-            <button class="button">User Guide</button>
+            <button class="button fixed_width_button">User Guide</button>
+         </a>
+      </div>
+      <div class="middleCol">
+         <a href="/doku.php/workshops/start">
+            <img heigth="100" width="100" src="/theme_files/images/team-2.png" style="margin:20px;" class="hidden_image"/>
+         </a>
+         <br class="hidden_br">
+         <a href="/doku.php/workshops/start">
+            <button class="button fixed_width_button">Workshops</button>
          </a>
       </div>
-      <div class="col">
+      <div class="middleCol">
          <a href="/doku.php/documentation">
-            <img heigth="100" width="100" alt="Documentation" src="/theme_files/images/research-pm.png"  style="margin:20px;"/>
+            <img heigth="100" width="100" alt="Documentation" src="/theme_files/images/research-pm.png"  style="margin:20px;" class="hidden_image"/>
          </a>
-         <br>
+         <br class="hidden_br">
          <a href="/doku.php/documentation">
-            <button class="button">Documentation</button>
+            <button class="button fixed_width_button">Documentation</button>
          </a>
       </div>
@@ Line 107: / Line 151: @@
          <p>polymake provides interfaces to various mathematical software. It also supports an extension system, allowing users to write and maintain their additions to the polymake code outside the distribution.</p>
           <br>
-               <a href="/doku.php/external_software">External software we use</a><br>
                <a href="/doku.php/extensions">Extensions</a><br>
                <a href="/doku.php/user_guide/extend/extensions">Write your own extension!</a><br>
@@ Line 125: / Line 168: @@
                <a href="/doku.php/publications"><button class="button">List of publications</button></a>
                <br><br>
+                <h3>External software</h3>
+                <p>polymake makes use of various external software packages.</p>
+                <a href="/doku.php/external_software"><button class="button">List of external software</button></a>
                </center>
 <br>
 <br>
@@ Line 144: / Line 192: @@
    <h4>Become a fan!</h4>
-   Get your polymake fan T-shirt <a href=https://shop.spreadshirt.de/polymake/">here!</a>
+   Get your polymake fan T-shirt <a href="https://shop.spreadshirt.de/polymake/">here!</a>
       </div>
 </html>