start

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
start [2019/11/09 17:47]
opfer Fixed T-shirt link.
start [2020/08/18 21:15] (current)
benmuell
Line 6: Line 6:
    ​overflow:​ hidden; /* to make the div fit float imgs*/    ​overflow:​ hidden; /* to make the div fit float imgs*/
 } }
 +.hidden_image {}
 +.hidden_br {}
 .light { padding:​30px 15px 30px 15px; overflow: hidden;} .light { padding:​30px 15px 30px 15px; overflow: hidden;}
 .col-container { .col-container {
Line 19: Line 21:
   text-align: center;   text-align: center;
   vertical-align:​ top;   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*/ @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); } 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>​       </​style>​
    </​head>​    </​head>​
Line 43: Line 69:
  
    <​div class="​col-container">​    <​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">​            <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>​            </​a>​
-           <​br>​+           <​br ​class="​hidden_br"​>
            <a href="/​doku.php/​download/​start">​            <a href="/​doku.php/​download/​start">​
-              <button class="​button">​Get Polymake!</​button>​+              <button class="​button ​fixed_width_button">​Get Polymake!</​button>​
             </a>             </a>
       </​div>​       </​div>​
-      <div class="​col">+      <div class="​middleCol">
          <a href="/​doku.php/​user_guide/​start">​          <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>​          </​a>​
-         <​br>​+         <​br ​class="​hidden_br"​>
          <a href="/​doku.php/​user_guide/​start">​          <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>​          </​a>​
       </​div>​       </​div>​
-      <div class="​col">+      <div class="​middleCol">
          <a href="/​doku.php/​documentation">​          <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>​          </​a>​
-         <​br>​+         <​br ​class="​hidden_br"​>
          <a href="/​doku.php/​documentation">​          <a href="/​doku.php/​documentation">​
-            <button class="​button">​Documentation</​button>​+            <button class="​button ​fixed_width_button">​Documentation</​button>​
          </​a>​          </​a>​
       </​div>​       </​div>​
Line 118: Line 162:
  
  
-   <​div class="​light"​ style="​background:​ url(https://​polymake.org:8443/​lib/​exe/​fetch.php/​wiki/​bsyourangle.png) right top no-repeat;">​+   <​div class="​light"​ style="​background:​ url(https://​polymake.org/​lib/​exe/​fetch.php/​wiki/​bsyourangle.png) right top no-repeat;">​
    <​center>​    <​center>​
                 <​h3>​Research with polymake</​h3>​                 <​h3>​Research with polymake</​h3>​
  • start.1573321676.txt.gz
  • Last modified: 2019/11/09 17:47
  • by opfer