yes i did clone the etcetera page, why do you ask?
This commit is contained in:
parent
3d598dfb60
commit
6a8567bcad
5 changed files with 144 additions and 28 deletions
|
|
@ -11,33 +11,102 @@ if($reqPath === '/related') {
|
|||
if($reqMethod !== 'GET')
|
||||
return FM_ERR | 405;
|
||||
|
||||
$related = [
|
||||
[
|
||||
'id' => 'own',
|
||||
'name' => 'Other sites I own',
|
||||
'sites' => [
|
||||
[
|
||||
'name' => 'Flashii.net',
|
||||
'url' => '//flashii.net',
|
||||
'desc' => 'Community site that I run, a lot of my projects relate to it in one way or another. Pronounced as flashy, it\'s not a sequel.',
|
||||
],
|
||||
[
|
||||
'name' => 'Railgun',
|
||||
'url' => '//railgun.sh',
|
||||
'desc' => 'Website for my chat protocol and server related things, documentation for Sock Chat can be found here.',
|
||||
],
|
||||
[
|
||||
'name' => 'YTKNS',
|
||||
'url' => '//ytkns.com',
|
||||
'desc' => 'Utility that lets people make very minimal micro sites with music and images. I use this to test certain ideas or to just get back in my element.',
|
||||
],
|
||||
[
|
||||
'name' => 'Takozone',
|
||||
'url' => '//tako.zone',
|
||||
'desc' => 'A domain I wanted because it\'s available, generally used for shortening urls.',
|
||||
],
|
||||
],
|
||||
],
|
||||
[
|
||||
'id' => 'friends',
|
||||
'name' => 'Personal sites from friends',
|
||||
'sites' => [
|
||||
[
|
||||
'name' => 'nook / unko',
|
||||
'url' => 'https://nook.zone',
|
||||
],
|
||||
[
|
||||
'name' => 'osk',
|
||||
'url' => 'https://osk.sh',
|
||||
],
|
||||
[
|
||||
'name' => 'reemo / malloc',
|
||||
'url' => 'http://aroltd.com',
|
||||
],
|
||||
[
|
||||
'name' => 'szymszl',
|
||||
'url' => 'https://szymszl.xyz',
|
||||
],
|
||||
],
|
||||
],
|
||||
[
|
||||
'id' => 'useful',
|
||||
'name' => 'Useful sites',
|
||||
'sites' => [
|
||||
[
|
||||
'name' => 'cppreference.com',
|
||||
'url' => 'https://en.cppreference.com/w/',
|
||||
'desc' => 'Great stdlib documentation for pretty much all standard C and C++ versions.',
|
||||
],
|
||||
[
|
||||
'name' => 'devkitPro',
|
||||
'url' => 'https://devkitpro.org/',
|
||||
'desc' => 'Amazing homebrew toolchains for Nintendo hardware.',
|
||||
],
|
||||
[
|
||||
'name' => 'Peppy\'s Windows XP Resources',
|
||||
'url' => 'https://web.archive.org/web/20011202115409/xp.xyu.ca/',
|
||||
'desc' => 'Useful resources for Windows XP, including news and downloads!',
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
|
||||
fm_component('header', [
|
||||
'title' => 'flash.moe / related',
|
||||
]);
|
||||
|
||||
foreach($related as $section):
|
||||
?>
|
||||
<div class="section">
|
||||
<div class="section" id="<?=$section['id'];?>">
|
||||
<div class="section-content">
|
||||
<div class="section-background"></div>
|
||||
<h1>Related Sites</h1>
|
||||
<h1><?=$section['name'];?></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-sites">
|
||||
<div class="related-site">
|
||||
<a href="https://wart.host/" class="related-site-link"></a>
|
||||
<div class="related-site-image">
|
||||
<img src="//wart.host/Vintage/assets/cat.gif" alt=""/>
|
||||
</div>
|
||||
<div class="related-site-content">
|
||||
<div class="related-site-title">
|
||||
wart host
|
||||
</div>
|
||||
<div class="related-site-desc">
|
||||
screenshot palace of my momther
|
||||
</div>
|
||||
</div>
|
||||
<?php foreach($section['sites'] as $site): ?>
|
||||
<div class="related-site">
|
||||
<div class="related-site-content">
|
||||
<a href="<?=$site['url'];?>" class="related-site-link" rel="noopener" target="_blank"></a>
|
||||
<h2><?=$site['name'];?></h2>
|
||||
<?php if(isset($site['desc'])): ?>
|
||||
<p><?=$site['desc'];?></p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
<?php endforeach; endforeach;
|
||||
|
||||
fm_component('footer');
|
||||
|
||||
return FM_HIT;
|
||||
|
|
|
|||
|
|
@ -670,6 +670,49 @@ body {
|
|||
font-weight: 400;
|
||||
}
|
||||
|
||||
.related-site {
|
||||
max-width: 1100px;
|
||||
margin: 10px auto;
|
||||
padding: 0 15px;
|
||||
filter: drop-shadow(0 1px 5px #000);
|
||||
}
|
||||
.related-site-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #393939;
|
||||
background-image: linear-gradient(0deg, #1118 0%, #2228 50%, #3338 50%, #5558 100%);
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.related-site-link:hover,
|
||||
.related-site-link:focus {
|
||||
background-color: #555;
|
||||
}
|
||||
.related-site-link:active {
|
||||
background-color: #222;
|
||||
}
|
||||
.related-site-content {
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
.related-site-content h2 {
|
||||
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.2em;
|
||||
font-weight: 400;
|
||||
pointer-events: none;
|
||||
}
|
||||
.related-site-content p {
|
||||
font-size: .9em;
|
||||
line-height: 1.4em;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/** SPRITE SHIT START **/
|
||||
.fmi {
|
||||
background-image: url('sprite.png');
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@ window.fm = (function() {
|
|||
|| sessionStorage.getItem('header-bgs-loaded') < Date.now() - 86400000) {
|
||||
var hXhr = new XMLHttpRequest;
|
||||
hXhr.onload = function() {
|
||||
console.log(JSON.parse(hXhr.responseText));
|
||||
sessionStorage.setItem('header-bgs', hXhr.responseText);
|
||||
sessionStorage.setItem('header-bgs-loaded', Date.now());
|
||||
};
|
||||
|
|
@ -20,13 +19,6 @@ window.fm = (function() {
|
|||
hXhr.send();
|
||||
}
|
||||
|
||||
this.getRandomHeaderBackground = function() {
|
||||
var set = JSON.parse(sessionStorage.getItem('header-bgs'));
|
||||
if(!set)
|
||||
return '/assets/errors/404.jpg';
|
||||
return set[parseInt(Math.random() * set.length) - 1];
|
||||
};
|
||||
|
||||
this.selectTextInElement = function(elem) {
|
||||
// MSIE
|
||||
if(document.body.createTextRange) {
|
||||
|
|
@ -95,6 +87,17 @@ window.fm = (function() {
|
|||
});
|
||||
};
|
||||
|
||||
this.getRandomHeaderBackground = function() {
|
||||
var set = JSON.parse(sessionStorage.getItem('header-bgs'));
|
||||
if(!set)
|
||||
return '/assets/errors/404.jpg';
|
||||
return set[parseInt(Math.random() * set.length) - 1];
|
||||
};
|
||||
|
||||
this.setRandomHeaderBackground = function() {
|
||||
this.switchHeaderBackground(this.getRandomHeaderBackground());
|
||||
};
|
||||
|
||||
this.getCurrentHeaderBackground = function() {
|
||||
return this.headerBackground.querySelector('img').src;
|
||||
};
|
||||
|
|
@ -123,9 +126,10 @@ window.fm = (function() {
|
|||
}.bind(this);
|
||||
};
|
||||
|
||||
this.headerBackground = document.querySelector('.header-background');
|
||||
this.originalHeaderBackground = this.headerBackground.querySelector('img').src;
|
||||
|
||||
this.initIndex = function(npInterval) {
|
||||
this.headerBackground = document.querySelector('.header-background');
|
||||
this.originalHeaderBackground = this.headerBackground.querySelector('img').src;
|
||||
this.indexPlayingContainer = document.querySelector('.header-now-playing');
|
||||
this.indexPlayingCover = window.fm.indexPlayingContainer.querySelector('.header-now-playing-cover img');
|
||||
this.indexPlayingCover.onerror = function() {
|
||||
|
|
|
|||
BIN
public/assets/related/warthost.gif
Normal file
BIN
public/assets/related/warthost.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
|
|
@ -14,7 +14,7 @@ define('FM_NAV', [
|
|||
['title' => 'Blog', 'link' => '//flash.moe/2020/?blog=1'],
|
||||
['title' => 'Projects', 'link' => '/projects'],
|
||||
['title' => 'Contact', 'link' => '/contact'],
|
||||
//['title' => 'Related', 'link' => '/related'],
|
||||
['title' => 'Related', 'link' => '/related'],
|
||||
['title' => 'Etcetera', 'link' => '/etc'],
|
||||
['title' => 'Forum', 'link' => '//forum.flash.moe'],
|
||||
]);
|
||||
|
|
|
|||
Loading…
Reference in a new issue