init

2025-02-11 19:11:49 -06:00
commit d35dea6fce
67 changed files with 3888 additions and 0 deletions
--- a/assets/CozetteVector.ttf
+++ b/assets/CozetteVector.ttf
--- a/assets/fetch-content-list.php
+++ b/assets/fetch-content-list.php
@@ -0,0 +1,32 @@
+<?php
+$made_content_f=scandir("made_content");
+$made_content_partial_f=scandir("made_content/partial");
+$made_content_f=array_splice($made_content_f,2,count($made_content_f));
+$made_content_partial_f=array_splice($made_content_partial_f,2,count($made_content_partial_f));
+$made_content=[];
+$made_content_partial=[];
+
+for($i=0;$i<count($made_content_f);$i++){
+    $thumbnail="thumb_".$made_content_f[$i];
+    if(!file_exists("made_content/thumbnails/thumb_".$made_content_f[$i])){ 
+        $thumbnail="thumb_DEFAULT.jpg";
+    }
+    $made_content_f[$i]=["made_content/",$made_content_f[$i],$thumbnail];
+}
+for($i=0;$i<count($made_content_partial_f);$i++){
+    $thumbnail="thumb_".$made_content_partial_f[$i];
+    if(!file_exists("made_content/thumbnails/thumb_".$made_content_partial_f[$i])){ 
+        $thumbnail="thumb_DEFAULT.jpg";
+    }
+    $made_content_partial_f[$i]=["made_content/partial/",$made_content_partial_f[$i],$thumbnail];
+}
+
+if($_GET['type']=="full"){
+    echo json_encode(array_merge($made_content_f,$made_content_partial_f));
+}
+elseif($_GET['type']=="partial"){
+    echo json_encode($made_content_partial_f);
+} else {
+    echo "no type was set";
+}
+?>
--- a/assets/gmod.css
+++ b/assets/gmod.css
@@ -0,0 +1,79 @@
+body {
+background-image: url("img/gmod.jpg");
+background-size: cover;
+background-attachment: fixed;
+}
+h1 {
+text-align: center;
+color: rgb(255,255,255);
+text-shadow: 1px 1px 2px #000000;
+}
+fieldset {
+background-color: rgba(255,255,255,0.7);
+}
+li {
+font-size: 23px;
+}
+h2 {
+color: rgb(50,50,50);
+text-shadow: 3px 3px 4px #ffffff;
+}
+.info {
+float: right;
+overflow: hidden;
+margin-left: 50.1%;
+margin-right: 5%;
+border-radius: 15px;
+position: absolute;
+}
+.rules {
+float: left;
+overflow: hidden;
+margin-right: 50.1%;
+margin-left: 5%;
+border-radius: 15px;
+}
+a {
+text-decoration: none;
+color: rgb(240,240,240); 
+background-color: rgba(250,250,250,1);
+border-color: rgb(200,200,200);
+border-style: inset;
+border-width: 3px;
+text-shadow: 1px 1px 2px #000000;
+padding: 0px 4px;
+}
+a:hover {
+text-shadow: 2px 2px 3px #000000;
+border-style: outset;
+}
+.loadbar {
+background-color: rgb(230,230,230);
+border: 3px solid white;
+padding: 10px 10px;
+position: absolute;
+right: 30px;
+bottom: 20vh;
+width: 40vw;
+font-size: 20px;
+}
+.filename {
+background-color: rgb(150,150,150);
+border: 1px solid white;
+padding: 3px;
+position: absolute;
+left: 70px;
+top: 6px;
+right: 4px;
+height: 28%;
+}
+.map {
+background-color: rgb(150,150,150);
+border: 1px solid white;
+padding: 3px;
+}
+.fileneeded {
+font-size: 20px;
+position: absolute;
+right: 20px;
+}
--- a/assets/index.css
+++ b/assets/index.css
@@ -0,0 +1,120 @@
+@font-face {
+  font-family: 'cozette';
+  src: url('CozetteVector.ttf') format('truetype');
+  font-weight: 400; /* or 700 for bold, etc. */
+  font-style: normal; /* or italic */
+}
+
+::-webkit-scrollbar {
+	width: 0px;
+	background: transparent;
+}
+
+html{
+	padding: 0px;
+	margin: 0px;
+	color: white;
+	font-size: 18px;
+    background-color: #303030;
+	background-image: url('./img/index-background-v2.png?v=2');
+}
+
+.main{
+    font-family: cozette;
+	border: 2px solid #0050e0;	
+	padding: 20px;
+
+	display: grid;
+	grid-template-columns: 1fr;
+    width: 90%;
+	min-height: 100vh;
+	justify-items: center;
+	margin-bottom: 100px;
+	background-color: #333333;
+}
+.main-text{
+    min-width: 50%;
+    max-width: 100%;
+}
+
+code{
+    font-family: cozette;
+    background-color: #282828;
+    padding-right: 1px;
+    padding-left: 1px;
+}
+
+.spacer1{
+	min-height: 300px;
+	overflow: hidden;
+}
+.line-break{
+	min-height: 20px;
+    min-width: 90%;
+	border-radius: 30px;
+	background-image: linear-gradient(to right, #333333, #2d2d2d, #272727, #212121, #1b1b1b, #1b1b1b, #1b1b1b, #1b1b1b, #212121, #272727, #2d2d2d, #333333);
+}
+
+
+@keyframes Up-header {
+	from {min-height:10px; padding: 80px 0; max-height:200px; top: 0px}
+	to {min-height:0px; padding: 0; max-height:0px; top: -5px}
+}
+@keyframes Down-header {
+	from {min-height:0px; padding: 0; max-height:0px; top: -5px}
+	to {min-height:10px; padding: 80px 0; max-height:200px; top: 0px}
+}
+
+.header{
+	overflow: hidden;
+	position: fixed;
+
+	padding: 80px 0;
+	min-height: 10px;
+	width: 100vw;
+	left: 0px;
+	font-size: 80px;
+	color: white;
+	text-shadow: 2px 2px 2px black;
+	top: 0px;
+
+	background-image: url("./img/index_banner.png");
+	
+	background-attachment: fixed;
+	background-position: 0px -120px;
+	background-repeat: no-repeat;
+	background-size: cover;
+	text-align: center;
+	border-bottom: 4px solid black;
+
+	animation-duration: 1s;
+	animation-fill-mode: forwards;
+	animation-name: Down-header;
+}
+
+
+a{
+	color: #009ff9;
+	font-size: 20px;
+}
+
+.videos{
+    position: relative;
+    top: 10%;
+    height: 80%;
+}
+
+
+.social-tray img{
+    width: 50px;
+    height: 50px;
+}
+
+.social-tray .yt{
+    width: 71px;
+    height: 50px;
+}
+
+.social-tray .discord{
+    width: 67px;
+}
--- a/assets/index.js
+++ b/assets/index.js
@@ -0,0 +1,118 @@
+let side_bar=document.getElementById('side_bar')
+let width=side_bar.clientWidth
+side_bar.style.left=-(width)+'px'
+
+function animate({timing,draw,duration,on_done}){
+	start = performance.now();
+	requestAnimationFrame(function animate(time){
+		let timeFraction = (time - start) / duration;
+		if (timeFraction>1) timeFraction = 1;
+		let progress = timing(timeFraction)
+		draw(progress);
+		if(timeFraction<1){
+			requestAnimationFrame(animate)
+		} else {
+			if(typeof on_done === "function") on_done();
+		}
+	})
+}
+
+function open_sb(){
+	side_bar.style.opacity="1";
+	animate({
+		duration: 400,
+		timing(timeFraction){
+			return Math.pow(timeFraction,2);
+		},
+		draw(progress){
+			side_bar.style.left=(progress*width)-width+'px'
+		}
+	});
+}
+function close_sb(){
+	animate({
+		duration: 800,
+		timing(timeFraction){
+			return Math.pow(timeFraction, 2);
+		},
+		draw(progress){
+			document.getElementById("side_bar").style.left=((1-progress)*width)-width+'px'
+		},
+		on_done(){
+			side_bar.style.opacity="0";
+		}
+	});
+}
+
+
+fetch('assets/fetch-content-list.php?type=partial',{
+	cache:'no-cache'
+})
+.then(response=>response.json())
+.then(res=>{
+	let folder='assets/'
+	input_str=''
+	for(i in res){
+		if(res[i].match(/.png|.PNG|.jpg|.JPG|.jpeg|.JPEG|.gif|.GIF/g)){
+			input_str+='<div class="image_box_img_wrap"><div><img src="'+folder+res[i]+'" /></div></div>'
+		} else if(res[i].match(/.mp4|.MP4/g)){
+			input_str+='<div class="image_box_img_wrap">'+
+		      	'<video class="videos" width="100%" height="100%'+
+		      	'" controls><source src=\''+folder+res[i]+
+		      	'\' type="video/mp4"></video></div>';
+		}
+	}
+	
+	document.getElementById('image_box_container').innerHTML=input_str
+})
+
+image_container_child_width=0
+image_container_child_count=0
+function set_size(){
+	let img_wrap=document.getElementsByClassName("image_box_img_wrap")
+	image_container_child_width=img_wrap[0].clientWidth
+	image_container_child_count=img_wrap.length-1
+	setTimeout(set_size,1000)
+}
+setTimeout(set_size,1000)
+
+
+last_index=0
+last_pos=0
+index=0
+move_image_box_locked=false
+function move_image_box(dir){
+	if(move_image_box_locked==false){
+		move_image_box_locked=true
+		let direction=''
+		let sub=''
+		if(dir=="+"){
+			index=index+1
+			direction=''
+			sub=''
+		} else {
+			direction='1-'
+			index-=1
+			sub='-'+image_container_child_width
+		}
+		animate({
+			duration:800,
+			timing(TF){
+				return Math.pow(TF,2);
+			},
+			draw(Prog){
+				document.getElementById("image_box_container").scrollLeft=(eval(direction+Prog)*(image_container_child_width))+eval(last_pos+sub)+(10*index)
+			},
+			on_done(){
+				last_pos=(image_container_child_width*index);
+				if(index<0){ 
+					index=0; 
+					last_pos=0; 
+				}
+				if(index>image_container_child_count){ index=image_container_child_count; last_pos=(image_container_child_width*index); }
+				move_image_box_locked=false
+			}
+		})
+	}
+	
+}
--- a/assets/indexold2.css
+++ b/assets/indexold2.css
@@ -0,0 +1,193 @@
+/*::-webkit-scrollbar {
+	width: 0px;  /* Remove scrollbar space 
+	background: transparent;  /* Optional: just make scrollbar invisible 
+}*/
+html{
+	font-size: 25px;
+	padding: 0px;
+	margin: 0px;
+	margin-left: 0px;
+}
+
+.side-bar-button{
+	
+	user-select: none;
+	width: 50px;
+	
+}
+.float-button{
+	position: fixed;
+	left: 20px;
+	top: 40%;
+	background-color: rgba(255,255,255,0.1);
+}
+.side-bar-button:hover{
+	background-color: rgb(200,200,200,0.5);
+}
+
+.main-wrap > .side-bar-button{
+	position: absolute;
+	left: 10px;
+	top: 550px;
+}
+.side-bar-button > svg{
+	width: inherit;
+	height: inherit;
+}
+
+#side_bar{
+	z-index: 3;
+	display: grid;
+	grid-template-columns: 1fr;
+	grid-auto-rows: min-content;
+	position: fixed;
+	width: 18%;
+	height: 100vh;
+	min-width: 280px;
+	opacity: 0;
+	top: 0px;
+	padding: 10px;
+	padding-right: 20px;
+	border-right: 2px solid black;
+	background-color: white;
+	overflow: scroll;
+	margin-bottom: 200px;
+}
+
+
+#side_bar > div{
+	padding: 10px;
+	position: relative;
+	text-align: center;
+	display: grid;
+	grid-template-columns: 1fr;
+	grid-auto-rows: min-content;
+}
+#side_bar > div:nth-child(1){
+	text-align: left;
+}
+#side_bar > div > div{
+	height: 30px;
+}
+#side_bar a{
+	font-size: 20px;
+	text-decoration: none;
+	color: black;
+}
+#side_bar > div > div:hover{
+	background-color: rgb(230,230,230);
+}
+
+.main-wrap{
+	margin: auto;
+	display: grid;
+	grid-template-columns: 1fr;
+	width: 95%;
+	justify-items: center;
+	justify-content: center;
+}
+.footer{
+	position: relative;
+	background-color: black;
+	color: white;
+	padding: 20px;
+	width: 100%;
+}
+.body{
+	display: grid;
+	grid-template-columns: 1fr;
+	width: 95vw;
+	padding: 0px;
+	min-height: 100vh;
+	justify-items: center;
+	margin-bottom: 100px;
+}
+
+#image_box{
+	position: relative;
+	overflow: hidden;
+	height: 500px;
+	width: 90%;
+	padding: 10px;
+}
+#image_box_container{
+	position: relative;
+	overflow-x: hidden;
+	white-space: nowrap;
+	height: 90%;
+	width: 100%;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+#image_box_container > div{
+	overflow: hidden;
+	display: inline-block;
+	width: 98%;
+	height: 98%;
+	margin-right: 10px;
+	text-align: center;
+	vertical-align: middle;
+}
+#image_box_container > div > div{
+	height: 98%;
+	width: 95%;
+	display: flex;
+	margin: auto auto;
+    align-items: center;
+    justify-content: center;
+}
+#image_box_container img{
+	width: auto;
+	max-width: 100%;
+	max-height: 100%;
+	text-align: center;
+}
+.image-box-fader{
+	pointer-events: none;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(
+		to right,
+		white,
+		5%,
+		rgba(137,255,241,0) 50%,
+		95%,
+		white 100%
+	);
+}
+
+#image_box_arrow_left, #image_box_arrow_right{
+	z-index: 2;
+	position: absolute;
+	top: 50%;
+}
+#image_box_arrow_left{
+	left: 10px;
+}
+#image_box_arrow_right{
+	right: 10px;
+}
+
+.title-bar-wrap > div{
+	background-image: url("./img/index_banner.png");
+	/* Set a specific height */
+  	padding: 150px 0;
+  	min-height: 10px;
+  	width: 100vw;
+  	left: 0px;
+  	font-size: 80px;
+  	color: white;
+  	text-shadow: 2px 2px 2px black;
+
+	
+  	/* Create the parallax scrolling effect */
+  	background-attachment: fixed;
+  	background-position: center;
+  	background-repeat: no-repeat;
+  	background-size: cover;
+  	text-align: center;
+
+}