web/index.php

   1 <?php
   2    $page = "main";
   3    if( isset( $_GET["page"] ) ){
   4       $page = $_GET["page"];
   5    }
   6    function srpage($name,$display){
   7       global $page;
   8       if($name==$page){
   9          echo "<div class=\"navitemsel\">";
  10          echo "<p>".$display."</p></div>";
  11       }
  12       else{
  13          echo "<a href=\"index.php?page=".$name."\">";
  14          echo "<div class=\"navitem\">";
  15          echo "<p>".$display."</p></div></a>";
  16       }
  17    }
  18 ?>
  19 <!DOCTYPE html>
  20 <html lang="en">
  21 <head>
  22    <link rel="apple-touch-icon" sizes="180x180"
  23          href="/apple-touch-icon.png?v=Gv66x0ewwj">
  24    <link rel="icon" type="image/png" sizes="32x32"
  25          href="/favicon-32x32.png?v=Gv66x0ewwj">
  26    <link rel="icon" type="image/png" sizes="16x16"
  27          href="/favicon-16x16.png?v=Gv66x0ewwj">
  28    <link rel="manifest" href="/site.webmanifest?v=Gv66x0ewwj">
  29    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=Gv66x0ewwj"
  30          color="#5bbad5">
  31    <link rel="shortcut icon" href="/favicon.ico?v=Gv66x0ewwj">
  32    <meta name="msapplication-TileColor" content="#da532c">
  33    <meta name="theme-color" content="#ffffff">
  34
  35    <meta charset="utf-8">
  36    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  37    <meta name="viewport" content="width=device-width, initial-scale=1">
  38
  39    <style>
  40       body {
  41          /*font-family: 'Roboto Condensed', sans-serif;*/
  42          color: #CCC;
  43          background-color: #050505;
  44          padding-left: 0px;
  45       }
  46       h1, h2 {
  47          color: #FFF;
  48          display: inline;
  49          font-size: 38px;
  50       }
  51       h3 {
  52          color: #FFF;
  53          display: inline;
  54       }
  55       .pagelink{
  56       }
  57       .right{
  58          position: absolute;
  59          right: 0;
  60          bottom:0;
  61
  62          padding-right: 32px;
  63       }
  64       .gallery-sqr {
  65          font-size:0;
  66       }
  67       .gallery-sqr > div > img {
  68          width: 100%;
  69       }
  70       .gallery-sqr > div {
  71          width: 100%;
  72          display: inline-block;
  73          box-sizing: border-box;
  74          padding: 3px;
  75
  76          position: relative;
  77       }
  78       .gallery-big > img {
  79          width: 100%;
  80       }
  81       /* Content Wrapper */
  82       .content {
  83          margin: auto;
  84          width: 98%;
  85
  86          box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.5);
  87          padding-left: 0px;
  88          background-color: #101010;
  89          color:#FFF;
  90          border: 1px solid #000;
  91          position: relative;
  92          min-height: 700px;
  93       }
  94       .subcontent {
  95          padding: 8px;
  96       }
  97       .navside {
  98          background-color: #211;
  99          color: #EEE;
 100          padding: 0px;
 101          display:block;
 102          width: 100%;
 103       }
 104       .navside > a {
 105          text-decoration:none;
 106          color:#ddd;
 107       }
 108       .navitem {
 109          background-color: #301717;
 110          padding: 8px;
 111          box-shadow: inset -20px 0 18px -22px #150808;
 112       }
 113       .navitem:hover{
 114          background-color: #444;
 115       }
 116       .navitemsel {
 117          background-color: #701010;
 118          padding: 8px;
 119          border: 1px solid #722;
 120          width:auto;
 121          /*box-shadow: inset -20px 0 10px -20px #111;*/
 122       }
 123       .navside > .navselect {
 124          background-color: #111;
 125       }
 126       .realcontent {
 127          outline-style: solid;
 128          outline-width: 1px;
 129          outline-color: #222;
 130          min-height: 700px;
 131       }
 132       .realcontent > p {
 133          font-size: 19px;
 134       }
 135       .nav {
 136          background-color: #171717;
 137          font-size: 0;
 138          color: #EEE;
 139          padding: 0px;
 140       }
 141       .nav > div {
 142          background-color: #222;
 143          display: inline-block;
 144          padding: 0px;
 145          font-size: 26px;
 146          padding-right: 30px;
 147          padding-left: 30px;
 148       }
 149       .nav > .navselect {
 150          background-color: #111;
 151       }
 152       .superbar {
 153          background-color: #111;
 154          font-size: 20px;
 155       }
 156       .header {
 157          padding: 8px;
 158          background-color: #111;
 159       }
 160       .overlay {
 161          font-size:15px;
 162          width: 100%;
 163          height: 100%;
 164          position: absolute;
 165          top: 0;
 166          left: 0;
 167          padding: 15px;
 168          box-sizing: border-box;
 169          transition: opacity 0.3s linear;
 170          color: #FFF;
 171          opacity: 0.7;
 172          background-color: rgba( 0, 0, 0, 0.05 );
 173          user-select: none;
 174       }
 175       .overlay:hover{
 176          opacity: 0.9;
 177          border: 1px solid #888;
 178       }
 179       .overlay > h1{
 180          bottom: 0;
 181          position: absolute;
 182       }
 183       /* Desktop Fixups */
 184       @media only screen and (min-width: 768px) {
 185          .gallery-sqr > div {
 186             width: 50%;
 187          }
 188          .content {
 189             width: 90%;
 190          }
 191          .overlay {
 192             opacity: 0.0;
 193             background-color: rgba( 0, 0, 0, 0.3 );
 194          }
 195          .navside {
 196             display: block;
 197             width: 200px;
 198             background-color: #211;
 199             color: #EEE;
 200             padding: 0px;
 201             float: left;
 202             height: 100%;
 203             position: absolute;
 204             box-shadow: inset -20px 0 18px -22px #150808;
 205          }
 206          .realcontent {
 207             margin-left: 201px;
 208          }
 209          .navitemsel {
 210             background-color: #101010;
 211             border: 1px solid #222;
 212             width:184px;
 213             border-right: 0;
 214          }
 215       }
 216       /* Big man monitors */
 217       @media only screen and (min-width: 1200px) {
 218          .gallery-sqr > div {
 219             width: 25%;
 220          }
 221          .content {
 222             width: 80%;
 223          }
 224       }
 225    </style>
 226    <title>Skaterift</title>
 227 </head>
 228
 229 <body>
 230    <div class="content">
 231       <div class="navside">
 232          <a href="index.php">
 233          <div class="navitem"
 234               style="padding:15px; margin:auto; text-align: center;">
 235             <!--<img src="img/cvxr_small.png" width="100%"/>-->
 236             <p>Skaterift</p>
 237          </div>
 238          </a>
 239          <div style="padding:15px; text-align: center;">
 240             <h3>Menu</h3>
 241          </div>
 242          <?php
 243             srpage( "main", "About" );
 244             srpage( "leaderboards", "Leaderboards" );
 245          ?>
 246          <div style="padding:15px; text-align: center;">
 247             <h3>Workshop</h3>
 248          </div>
 249          <?php
 250             srpage( "wiki", "Wiki" );
 251             srpage( "board_guide", "Custom board guide" );
 252             srpage( "world_guide", "World guide" );
 253          ?>
 254          <br>
 255 <!--
 256          <a href="index.php?page=building">
 257          <div class="navitem">
 258             <p>Building</p>
 259          </div>
 260          </a>
 261          <br>
 262          <center>
 263          <p>
 264             <a href="git/?p=convexer.git;a=tree">Source Code</a>
 265          </p>
 266          </center>
 267 -->
 268       </div>
 269       <div class="realcontent">
 270       <?php
 271          $content = "frag/".$page.".html";
 272          if( !file_exists( $content ) ){
 273             $content = "frag/sr404.html";
 274          }
 275          echo file_get_contents( $content );
 276       ?>
 277       </div>
 278    </div>
 279    <center><p>Copyright ©2021-2023 Mt.Zero Software. All rights reserved.
 280               All trademarks are property of their respective owners</p>
 281    </center>
 282 </body>
 283 </html>