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   :root{
  41    --k_ui_bg0: #1d2021;
  42    --k_ui_bg1: #282828;
  43    --k_ui_bg2: #3c3836;
  44    --k_ui_bg3: #504945;
  45    --k_ui_bg4: #665c54;
  46    --k_ui_bg5: #7c6f64;
  47    --k_ui_bg6: #928374;
  48    --k_ui_bg7: #a89984;
  49    --k_ui_fg0: #ebdbb2;
  50    --k_ui_fg1: #fbf1c7;
  51    --k_ui_fg2: #d5c4a1;
  52    --k_ui_fg3: #bdae93;
  53    --k_ui_fg4: #a89984;
  54    --k_ui_fg5: #000000;
  55    --k_ui_fg6: #000000;
  56    --k_ui_fg7: #000000;
  57    --k_ui_red0:    #cc241d;
  58    --k_ui_orange0: #d65d0e;
  59    --k_ui_yellow0: #d79921;
  60    --k_ui_green0:  #98971a;
  61    --k_ui_aqua0:   #689d6a;
  62    --k_ui_blue0:   #458588;
  63    --k_ui_purple0: #b16286;
  64    --k_ui_gray0:   #928374;
  65    --k_ui_red1:    #fb4934;
  66    --k_ui_orange1: #fe8019;
  67    --k_ui_yellow1: #fabd2f;
  68    --k_ui_green1:  #b8bb26;
  69    --k_ui_aqua1:   #8ec07c;
  70    --k_ui_blue1:   #83a598;
  71    --k_ui_purple1: #d3869b;
  72    --k_ui_gray1:   #a89984;
  73   }
  74
  75   body {
  76    font-family:      'Roboto Condensed', sans-serif;
  77    color:            var(--k_ui_fg4);
  78    background-color: var(--k_ui_bg0);
  79    background-image: url("bg.jpg");
  80    background-size: cover;
  81    background-attachment: fixed;
  82    background-position: center;
  83    padding-left:     0px;
  84   }
  85
  86   h1, h2 {
  87    color:     var(--k_ui_fg0);
  88    display:   inline;
  89   }
  90   h3 {
  91    color:   var(--k_ui_fg0);
  92    display: inline;
  93   }
  94   a {
  95    color: var(--k_ui_fg2);
  96   }
  97   a:hover{
  98    color: var(--k_ui_orange1);
  99   }
 100   hr {
 101    height: 20px;
 102    border: 0;
 103    box-shadow: inset 0 20px 12px -17px rgba(0, 0, 0, 0.34);
 104   }
 105   pre {
 106    white-space: pre-wrap;
 107   }
 108
 109
 110   /* Content Wrapper */
 111   .content {
 112    margin: auto;
 113    width: 98%;
 114    max-width: 1200px;
 115    padding-left: 0px;
 116    /* background-color: var(--k_ui_bg1); */
 117    color: var(--k_ui_fg0);
 118   }
 119   .realcontent {
 120    background-color: var(--k_ui_bg1);
 121    color: var(--k_ui_fg2);
 122    outline-style: solid;
 123    outline-width: 1px;
 124    outline-color: var(--k_ui_bg4);
 125    margin-left:   201px;
 126    overflow-y:scroll;
 127    box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.5);
 128    min-height: 600px;
 129   }
 130   .realcontent > p {
 131    font-size: 19px;
 132   }
 133   .subcontent {
 134    padding: 10px;
 135    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.34);
 136   }
 137
 138   /* Navigation panel */
 139   .navpanel {
 140    width: 200px;
 141    float: left;
 142    position: sticky;
 143    top: 0;
 144   }
 145   .navside {
 146    padding: 0px;
 147    background-color: var(--k_ui_bg2);
 148    box-shadow: inset -20px 0 18px -22px #080808;
 149   }
 150   .navside > a {
 151    text-decoration:none;
 152    color: var(--k_ui_fg1);
 153   }
 154
 155   .navitem {
 156    background-color: var(--k_ui_bg3);/*#301717;*/
 157    padding: 8px;
 158    box-shadow: inset -20px 0 18px -22px #080808;
 159    border: 1px solid var(--k_ui_bg2);
 160   }
 161   .navitem:hover{
 162    background-color: #444;
 163   }
 164
 165   .navitemsel {
 166    background-color: var(--k_ui_bg1);
 167    color: var(--k_ui_fg0);
 168    padding: 8px;
 169    border: 1px solid var(--k_ui_bg4);
 170    border-right: 0;
 171    width:184px;
 172   }
 173
 174   @media only screen and (max-width: 750px) {
 175    .navpanel {
 176     width: auto;
 177     float: none;
 178     position: static;
 179    }
 180    .navitemsel {
 181     width: auto;
 182     border: 1px solid var(--k_ui_fg0);
 183     background-color: var(--k_ui_bg4);
 184     color: var(--k_ui_fg1);
 185    }
 186    .realcontent {
 187     margin-left: auto;
 188    }
 189   }
 190  </style>
 191  <title>Skaterift</title>
 192 </head>
 193
 194 <body>
 195  <center>
 196   <br>
 197   <img src="skaterift.svg" style="max-height:110px; max-width:100%;"/>
 198   <br><br>
 199  </center>
 200  <div class="content">
 201   <div class="navpanel">
 202    <br>
 203    <div class="navside">
 204     <div style="padding:15px; text-align: center;">
 205      <h3>Menu</h3>
 206     </div>
 207     <?php
 208      srpage( "main", "About" );
 209      //srpage( "leaderboards", "Leaderboards" );
 210     ?>
 211     <div style="padding:15px; text-align: center;">
 212      <h3>Workshop</h3>
 213     </div>
 214     <?php
 215      srpage( "workshop_content", "Content" );
 216      srpage( "workshop_board", "Custom board guide" );
 217      srpage( "workshop_world", "World guide" );
 218     ?>
 219    </div>
 220   </div>
 221   <div class="realcontent">
 222   <?php
 223    $content = "frag/".$page.".html";
 224    if( !file_exists( $content ) ){
 225     $content = "frag/sr404.html";
 226    }
 227    echo file_get_contents( $content );
 228   ?>
 229   </div>
 230  </div>
 231  <center><p>Copyright ©2021-2023 Mt.Zero Software. All rights reserved.
 232       All trademarks are property of their respective owners</p>
 233  </center>
 234 </body>
 235 </html>