iceyrazor/iceyfox.xyz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
iceyrazor
2025-02-11 19:19:46 -06:00
commit ca2430aaa9
66 changed files with 3870 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/CozetteVector.ttf Normal file
View File

Binary file not shown.

32
assets/fetch-content-list.php Executable file
View File

@@ -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";
}
?>

79
assets/gmod.css Executable file
View File

@@ -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;
}

120
assets/index.css Executable file
View File

@@ -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;
}

118
assets/index.js Executable file
View File

@@ -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
}
})
}
}

193
assets/indexold2.css Executable file
View File

@@ -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;
}