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
Next revisionBoth sides next revision
start [2020/01/17 14:04] – Add buttons for news and workshops lkastnerstart [2020/08/18 21:15] – 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">            <a href="/doku.php/news/start">
-              <img heigth="100" width="100" alt="news" src="/theme_files/images/news.png" style="margin:20px;"/>+              <img heigth="100" width="100" alt="news" src="/theme_files/images/news.png" style="margin:20px;" class="hidden_image"/>
            </a>            </a>
-           <br>+           <br class="hidden_br">
            <a href="/doku.php/news/start">            <a href="/doku.php/news/start">
-              <button class="button">News</button>+              <button class="button fixed_width_button">News</button>
             </a>             </a>
       </div>       </div>
-      <div class="col">+      <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" src="/theme_files/images/db-pm.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>          </a>
       </div>       </div>
-      <div class="col">+      <div class="middleCol">
          <a href="/doku.php/workshops/start">          <a href="/doku.php/workshops/start">
-            <img heigth="100" width="100" src="/theme_files/images/team-2.png" style="margin:20px;"/>+            <img heigth="100" width="100" src="/theme_files/images/team-2.png" style="margin:20px;" class="hidden_image"/>
          </a>          </a>
-         <br>+         <br class="hidden_br">
          <a href="/doku.php/workshops/start">          <a href="/doku.php/workshops/start">
-            <button class="button">Workshops</button>+            <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 136: 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.txt
  • Last modified: 2024/02/07 10:36
  • by lkastner