Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
start [2019/05/27 12:41] benmuell move external software 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> | ||
| Line 148: | Line 192: | ||
| <h4>Become a fan!</h4> | <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> | </div> | ||
| </html> | </html> | ||