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 revisionBoth sides next revision
start [2020/01/17 14:04] – Add buttons for news and workshops lkastnerstart [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*/    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>
  • start.txt
  • Last modified: 2024/02/07 10:36
  • by lkastner