basic php site
authorhgn <hgodden00@gmail.com>
Tue, 6 Jun 2023 10:55:23 +0000 (11:55 +0100)
committerhgn <hgodden00@gmail.com>
Tue, 6 Jun 2023 10:55:23 +0000 (11:55 +0100)
web/frag/.main.html.swp [new file with mode: 0644]
web/frag/main.html [new file with mode: 0644]
web/frag/sr404.html [new file with mode: 0644]
web/index.php [new file with mode: 0755]
web/serv.sh [new file with mode: 0755]
web/vers.css [new file with mode: 0644]
web/workshop/addon.html [new file with mode: 0644]
web/workshop/guide.html

diff --git a/web/frag/.main.html.swp b/web/frag/.main.html.swp
new file mode 100644 (file)
index 0000000..2993c1a
Binary files /dev/null and b/web/frag/.main.html.swp differ
diff --git a/web/frag/main.html b/web/frag/main.html
new file mode 100644 (file)
index 0000000..65d49f4
--- /dev/null
@@ -0,0 +1,11 @@
+<div style="padding: 15px;">
+   <h2>Skaterift</h2><br>
+   <hr>
+   <!--<img src="img/method.png" style="width: 512px; max-width:100%;"/>-->
+   <p>
+   image.. image ... 
+   <br>
+   <a href=https://store.steampowered.com/app/2103940/Skate_Rift/>Availible on
+   Steam</a>
+   </p>
+</div>
diff --git a/web/frag/sr404.html b/web/frag/sr404.html
new file mode 100644 (file)
index 0000000..41a74c6
--- /dev/null
@@ -0,0 +1,3 @@
+<div style="padding: 15px;">
+   <h2>404 Not found</h2><br>
+</div>
diff --git a/web/index.php b/web/index.php
new file mode 100755 (executable)
index 0000000..7bb7d9e
--- /dev/null
@@ -0,0 +1,283 @@
+<?php
+   $page = "main";
+   if( isset( $_GET["page"] ) ){
+      $page = $_GET["page"];
+   }
+   function srpage($name,$display){
+      global $page;
+      if($name==$page){
+         echo "<div class=\"navitemsel\">";
+         echo "<p>".$display."</p></div>";
+      }
+      else{
+         echo "<a href=\"index.php?page=".$name."\">";
+         echo "<div class=\"navitem\">";
+         echo "<p>".$display."</p></div></a>";
+      }
+   }
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+   <link rel="apple-touch-icon" sizes="180x180" 
+         href="/apple-touch-icon.png?v=Gv66x0ewwj">
+   <link rel="icon" type="image/png" sizes="32x32" 
+         href="/favicon-32x32.png?v=Gv66x0ewwj">
+   <link rel="icon" type="image/png" sizes="16x16" 
+         href="/favicon-16x16.png?v=Gv66x0ewwj">
+   <link rel="manifest" href="/site.webmanifest?v=Gv66x0ewwj">
+   <link rel="mask-icon" href="/safari-pinned-tab.svg?v=Gv66x0ewwj" 
+         color="#5bbad5">
+   <link rel="shortcut icon" href="/favicon.ico?v=Gv66x0ewwj">
+   <meta name="msapplication-TileColor" content="#da532c">
+   <meta name="theme-color" content="#ffffff">
+   
+   <meta charset="utf-8">
+   <meta http-equiv="X-UA-Compatible" content="IE=edge">
+   <meta name="viewport" content="width=device-width, initial-scale=1">
+
+   <style>
+      body {
+         /*font-family: 'Roboto Condensed', sans-serif;*/
+         color: #CCC;
+         background-color: #050505;
+         padding-left: 0px;
+      }
+      h1, h2 {
+         color: #FFF;
+         display: inline;
+         font-size: 38px;
+      }
+      h3 {
+         color: #FFF;
+         display: inline;
+      }
+      .pagelink{
+      }
+      .right{
+         position: absolute;
+         right: 0;
+         bottom:0;
+      
+         padding-right: 32px;
+      }
+      .gallery-sqr {
+         font-size:0;
+      }
+      .gallery-sqr > div > img {
+         width: 100%;
+      }
+      .gallery-sqr > div {
+         width: 100%;
+         display: inline-block;
+         box-sizing: border-box;
+         padding: 3px;
+         
+         position: relative;
+      }
+      .gallery-big > img {
+         width: 100%;
+      }
+      /* Content Wrapper */
+      .content {
+         margin: auto;
+         width: 98%;
+         
+         box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.5);
+         padding-left: 0px;
+         background-color: #101010;
+         color:#FFF;
+         border: 1px solid #000;
+         position: relative;
+         min-height: 700px;
+      }
+      .subcontent {
+         padding: 8px;
+      }
+      .navside {
+         background-color: #211;
+         color: #EEE;
+         padding: 0px;
+         display:block;
+         width: 100%;
+      }
+      .navside > a {
+         text-decoration:none;
+         color:#ddd;
+      }
+      .navitem {
+         background-color: #301717;
+         padding: 8px;
+         box-shadow: inset -20px 0 18px -22px #150808;
+      }
+      .navitem:hover{
+         background-color: #444;
+      }
+      .navitemsel {
+         background-color: #701010;
+         padding: 8px;
+         border: 1px solid #722;
+         width:auto;
+         /*box-shadow: inset -20px 0 10px -20px #111;*/
+      }
+      .navside > .navselect {
+         background-color: #111;
+      }
+      .realcontent {
+         outline-style: solid;
+         outline-width: 1px;
+         outline-color: #222;
+         min-height: 700px;
+      }
+      .realcontent > p {
+         font-size: 19px;
+      }
+      .nav {
+         background-color: #171717;
+         font-size: 0;
+         color: #EEE;
+         padding: 0px;
+      }
+      .nav > div {
+         background-color: #222;
+         display: inline-block;
+         padding: 0px;
+         font-size: 26px;
+         padding-right: 30px;
+         padding-left: 30px;
+      }
+      .nav > .navselect {
+         background-color: #111;
+      }
+      .superbar {
+         background-color: #111;
+         font-size: 20px;
+      }
+      .header {
+         padding: 8px;
+         background-color: #111;
+      }
+      .overlay {
+         font-size:15px;
+         width: 100%;
+         height: 100%;
+         position: absolute;
+         top: 0;
+         left: 0;
+         padding: 15px;
+         box-sizing: border-box;
+         transition: opacity 0.3s linear;
+         color: #FFF;
+         opacity: 0.7;
+         background-color: rgba( 0, 0, 0, 0.05 );
+         user-select: none;
+      }
+      .overlay:hover{
+         opacity: 0.9;
+         border: 1px solid #888;
+      }
+      .overlay > h1{
+         bottom: 0;
+         position: absolute;
+      }
+      /* Desktop Fixups */
+      @media only screen and (min-width: 768px) {
+         .gallery-sqr > div {
+            width: 50%;
+         }
+         .content {   
+            width: 90%;
+         }
+         .overlay {
+            opacity: 0.0;
+            background-color: rgba( 0, 0, 0, 0.3 );
+         }
+         .navside {
+            display: block;
+            width: 200px;
+            background-color: #211;
+            color: #EEE;
+            padding: 0px;
+            float: left;
+            height: 100%;
+            position: absolute;
+            box-shadow: inset -20px 0 18px -22px #150808;
+         }
+         .realcontent {
+            margin-left: 201px;
+         }
+         .navitemsel {
+            background-color: #101010;
+            border: 1px solid #222;
+            width:184px;
+            border-right: 0;
+         }
+      }
+      /* Big man monitors */
+      @media only screen and (min-width: 1200px) {
+         .gallery-sqr > div {
+            width: 25%;
+         }
+         .content {   
+            width: 80%;
+         }
+      }
+   </style>
+   <title>Skaterift</title>
+</head>
+
+<body>
+   <div class="content">
+      <div class="navside">
+         <a href="index.php">
+         <div class="navitem" 
+              style="padding:15px; margin:auto; text-align: center;">
+            <!--<img src="img/cvxr_small.png" width="100%"/>-->
+            <p>Skaterift</p>
+         </div>
+         </a>
+         <div style="padding:15px; text-align: center;">
+            <h3>Menu</h3>
+         </div>
+         <?php
+            srpage( "main", "About" );
+            srpage( "leaderboards", "Leaderboards" );
+         ?>
+         <div style="padding:15px; text-align: center;">
+            <h3>Workshop</h3>
+         </div>
+         <?php
+            srpage( "wiki", "Wiki" );
+            srpage( "board_guide", "Custom board guide" );
+            srpage( "world_guide", "World guide" );
+         ?>
+         <br>
+<!--
+         <a href="index.php?page=building">
+         <div class="navitem">
+            <p>Building</p>
+         </div>
+         </a>
+         <br>
+         <center>
+         <p>
+            <a href="git/?p=convexer.git;a=tree">Source Code</a>
+         </p>
+         </center>
+-->
+      </div>   
+      <div class="realcontent">
+      <?php
+         $content = "frag/".$page.".html";
+         if( !file_exists( $content ) ){
+            $content = "frag/sr404.html";
+         }
+         echo file_get_contents( $content );
+      ?>
+      </div>
+   </div>
+   <center><p>Copyright ©2021-2023 Mt.Zero Software. All rights reserved. 
+              All trademarks are property of their respective owners</p>
+   </center>
+</body>
+</html>
diff --git a/web/serv.sh b/web/serv.sh
new file mode 100755 (executable)
index 0000000..a466ce8
--- /dev/null
@@ -0,0 +1 @@
+php -S 127.0.0.1:8000 -t .
diff --git a/web/vers.css b/web/vers.css
new file mode 100644 (file)
index 0000000..5135df7
--- /dev/null
@@ -0,0 +1,193 @@
+body {
+       font-family: 'Roboto Condensed', sans-serif;
+       color: #CCC;
+}
+
+h1, h2 {
+       color: #FFF;
+       display: inline;
+       font-size: 38px;
+}
+
+h3 {
+       color: #FFF;
+       display: inline;
+}
+
+body {
+       background-image:url('resource/img/background.png');
+       background-repeat: repeat;
+       background-size: auto;
+       background-attachment: fixed;
+       padding-left: 0px;
+}
+
+a{
+       text-decoration:none;
+       color:#CCC;
+}
+
+
+.right{
+       position: absolute;
+       right: 0;
+       bottom:0;
+
+       padding-right: 32px;
+}
+
+.gallery-sqr {
+       font-size:0;
+}
+
+.gallery-sqr > div > img {
+       width: 100%;
+}
+
+.gallery-sqr > div {
+       width: 100%;
+       display: inline-block;
+       box-sizing: border-box;
+       padding: 3px;
+       
+       position: relative;
+}
+
+.gallery-big > img {
+       width: 100%;
+}
+
+/* Content Wrapper */
+.content {
+       margin: auto;
+       width: 98%;
+       
+       box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.5);
+       
+       background-image:url('resource/img/wnoise.png');
+       background-repeat: repeat;
+       background-size: auto;
+       padding-left: 0px;
+       color:#FFF;
+       border: 1px solid #000;
+       position: relative;
+       min-height: 700px;
+}
+
+.subcontent {
+       padding: 8px;
+}
+
+.navside {
+       background-color: #171717;
+       color: #EEE;
+       padding: 0px;
+       width: 200px;
+       float: left;
+       height: 100%;
+       position: absolute;
+       box-shadow: inset 0 0 18px #111;
+}
+.navitem {
+       background-color: #222;
+       padding: 8px;
+       box-shadow: inset -20px 0 10px -20px #111;
+}
+.navitem:hover{
+       background-color: #444;
+}
+.navside > .navselect {
+       background-color: #111;
+}
+
+.realcontent {
+       margin-left: 201px;
+}
+.realcontent > p {
+       font-size: 19px;
+}
+
+
+.nav {
+       background-color: #171717;
+       font-size: 0;
+       color: #EEE;
+       padding: 0px;
+}
+.nav > div {
+       background-color: #222;
+       display: inline-block;
+       padding: 0px;
+       font-size: 26px;
+       padding-right: 30px;
+       padding-left: 30px;
+}
+.nav > .navselect {
+       background-color: #111;
+}
+.superbar {
+       background-color: #111;
+       font-size: 20px;
+}
+
+.header {
+       padding: 8px;
+       background-color: #111;
+}
+
+/* Overlay */
+.overlay {
+       font-size:15px;
+       width: 100%;
+       height: 100%;
+       position: absolute;
+       top: 0;
+       left: 0;
+       padding: 15px;
+       box-sizing: border-box;
+       
+       transition: opacity 0.3s linear;
+
+color: #FFF;
+
+opacity: 0.7;
+       background-color: rgba( 0, 0, 0, 0.05 );
+
+user-select: none;
+}
+.overlay:hover{
+       opacity: 0.9;
+       border: 1px solid #888;
+}
+.overlay > h1{
+       bottom: 0;
+       position: absolute;
+}
+
+/* Desktop Fixups */
+@media only screen and (min-width: 768px) {
+       .gallery-sqr > div {
+               width: 50%;
+       }
+       
+       .content {      
+               width: 90%;
+       }
+       
+       .overlay {
+               opacity: 0.0;
+               background-color: rgba( 0, 0, 0, 0.3 );
+       }
+}
+
+/* Big man monitors */
+@media only screen and (min-width: 1200px) {
+       .gallery-sqr > div {
+               width: 25%;
+       }
+       
+       .content {      
+               width: 80%;
+       }
+}
+
diff --git a/web/workshop/addon.html b/web/workshop/addon.html
new file mode 100644 (file)
index 0000000..3b99cf7
--- /dev/null
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style type="text/css">
+   body{
+    margin:40px auto;
+    max-width:650px;
+    line-height:1.6;
+    font-size:18px;
+    color:#444;
+    padding:0 10px
+   }
+   h1,h2,h3{line-height:1.2}
+  </style>
+ </head>
+
+ <body>
+  <h2>1. Installing exporter addon</h2>
+  <p>Skaterift comes with the addon in its game files, we just need to install
+  it. This addon script gets updated between skaterift versions. Here are the
+  steps to install it into Blender:<br>
+  <br>
+  Go to <b>edit&gt;preferences</b>, and open the <b>addons section.</b><br>
+  <br>
+  Press the <b>install...</b> button at the top right, and browse to the 
+  Skaterift game files. Inside the folder named <b>tools</b> is the script 
+  <b>blender_export.py</b> to install.<br>
+  <br>
+  If you don't know where it is, you can go into your Steam Library, and 
+  rightclick Skaterift, selecting <b>Manage&gt;Browse local files.</b><br>
+  <br>
+  Now search for Skaterift .mdl exporter from the addons list, and enable 
+  it.<br>
+  <hr>
+ </body>
+</html>
index 1dfa39cfa96ad773582d449cd421cbba9838a3ac..10e61d9053ee2ec17da2989b6d11443583a0a476 100644 (file)
   <hr>
 
   <h2>1. Installing exporter addon</h2>
-  <p>Skaterift comes with the addon in its game files, we just need to install
-  it. This addon script gets updated between skaterift versions. Here are the
-  steps to install it into Blender:<br>
-  <br>
-  Go to <b>edit&gt;preferences</b>, and open the <b>addons section.</b><br>
-  <br>
-  Press the <b>install...</b> button at the top right, and browse to the 
-  Skaterift game files. Inside the folder named <b>tools</b> is the script 
-  <b>blender_export.py</b> to install.<br>
-  <br>
-  If you don't know where it is, you can go into your Steam Library, and 
-  rightclick Skaterift, selecting <b>Manage&gt;Browse local files.</b><br>
-  <br>
-  Now just search for Skaterift .mdl exporter from the addons list, and enable 
-  it.<br>
+  <p>Skip this step if you've already done it before. 
+  <a href="addon.html">Guide on how to install the exporter addon for 
+  Blender</a>
+  </p>
   <hr>
 
   <h2>2. Configuring the template</h2>