Removed unfinished 2022 redesign.
This commit is contained in:
parent
702b2eb1db
commit
62af057893
8 changed files with 0 additions and 258 deletions
|
|
@ -1,156 +0,0 @@
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: relative;
|
|
||||||
outline-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--site-max-width: 1200px;
|
|
||||||
--site-border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
html, body {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
scrollbar-color: #4a3650 #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.makai22 {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #111;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 24px;
|
|
||||||
font-family: Tahoma, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head {
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head-float {
|
|
||||||
overflow: hidden;
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: var(--site-max-width);
|
|
||||||
width: 100%;
|
|
||||||
border-radius: var(--site-border-radius);
|
|
||||||
box-shadow: 0 1px 5px #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head-float-bg {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.head-float-bg img {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
filter: blur(20px) brightness(80%);
|
|
||||||
transform: scale(1.2);
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity .5s;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head-float-fg {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.head-float-fg-logo {
|
|
||||||
flex: 1 1 auto;
|
|
||||||
padding: 30px 30px 20px;
|
|
||||||
}
|
|
||||||
.head-float-fg-nav {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fw-logo {
|
|
||||||
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 3em;
|
|
||||||
line-height: 1.2em;
|
|
||||||
filter: drop-shadow(0 1px 5px #000);
|
|
||||||
}
|
|
||||||
.fw-logo-link {
|
|
||||||
color: transparent;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-flex;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
}
|
|
||||||
.fw-logo-flash {
|
|
||||||
background-image: linear-gradient(180deg, #eee 0%, #ddd 50%, #ccc 50%, #aaa 100%);
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
}
|
|
||||||
.fw-logo-wave {
|
|
||||||
background-image: linear-gradient(0deg, #281430 0%, #392540 50%, #4a3650 50%, #6c5871 100%);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topnav {
|
|
||||||
display: flex;
|
|
||||||
margin: 0 8px;
|
|
||||||
}
|
|
||||||
.topnav-item {
|
|
||||||
display: block;
|
|
||||||
margin: 0 2px 10px;
|
|
||||||
padding: 5px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #fff;
|
|
||||||
min-width: 100px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: var(--site-border-radius);
|
|
||||||
text-shadow: 0 1px 5px #000;
|
|
||||||
transition: background-color .1s;
|
|
||||||
}
|
|
||||||
.topnav-item:hover,
|
|
||||||
.topnav-item:focus {
|
|
||||||
background-color: #fff1;
|
|
||||||
}
|
|
||||||
.topnav-item:active {
|
|
||||||
background-color: #8881;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layout {
|
|
||||||
max-width: var(--site-max-width);
|
|
||||||
margin: 0 auto;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.layout-main {
|
|
||||||
flex: 1 1 auto;
|
|
||||||
}
|
|
||||||
.layout-spacer {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
width: 5px;
|
|
||||||
}
|
|
||||||
.layout-side {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.copyright {
|
|
||||||
font-size: 11px;
|
|
||||||
line-height: 1.5em;
|
|
||||||
text-align: center;
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: var(--site-border-radius);
|
|
||||||
overflow: hidden;
|
|
||||||
margin: 5px 0;
|
|
||||||
box-shadow: 0 1px 5px #222;
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
}
|
|
||||||
|
|
@ -103,16 +103,6 @@ $router->get('/home', function() use ($ctx) {
|
||||||
return $ctx->getTemplating()->render('home/index');
|
return $ctx->getTemplating()->render('home/index');
|
||||||
});
|
});
|
||||||
|
|
||||||
$router->get('/2022', function() use ($ctx) {
|
|
||||||
$db = $ctx->getDatabase();
|
|
||||||
|
|
||||||
return $ctx->getTemplating()->render('index22', [
|
|
||||||
'projects' => (new Projects($db))->getFeatured(),
|
|
||||||
'languages' => new Languages($db),
|
|
||||||
'contacts' => (new Contacts($db))->getHomePage(),
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
$router->get('/', function() use ($ctx) {
|
$router->get('/', function() use ($ctx) {
|
||||||
$legacyPage = (string)filter_input(INPUT_GET, 'p');
|
$legacyPage = (string)filter_input(INPUT_GET, 'p');
|
||||||
if(!empty($legacyPage)) {
|
if(!empty($legacyPage)) {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
<div class="copyright">
|
|
||||||
<div class="copyright-text">© flashwave <?=($self->footer_copy_start ?? '2010');?>-<?=($self->footer_copy_end ?? date('Y'));?></div>
|
|
||||||
<div class="copyright-quote"><?=($self->footer_quotes[array_rand($self->footer_quotes)]);?></div>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
<header class="head">
|
|
||||||
<div class="head-float">
|
|
||||||
<div class="head-float-bg">
|
|
||||||
<img src="<?=($self->header_bgs[array_rand($self->header_bgs)]);?>" alt=""/>
|
|
||||||
</div>
|
|
||||||
<div class="head-float-fg">
|
|
||||||
<div class="head-float-fg-logo fw-logo">
|
|
||||||
<a class="fw-logo-link" href="/">
|
|
||||||
<div class="fw-logo-flash"><?=($self->header_logo_flash ?? 'flash');?></div>
|
|
||||||
<div class="fw-logo-wave"><?=($self->header_logo_wave ?? 'wave');?></div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="head-float-fg-nav">
|
|
||||||
<nav class="topnav">
|
|
||||||
<?php foreach($self->header_nav as $link): ?>
|
|
||||||
<a href="<?=$link['link'];?>" class="topnav-item"><?=$link['title'];?></a>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
<?php
|
|
||||||
$self->extends('master22');
|
|
||||||
|
|
||||||
$self->header_title = 'flash.moe';
|
|
||||||
|
|
||||||
$self->block('main', function($self) {
|
|
||||||
?>
|
|
||||||
<div class="container">
|
|
||||||
blah
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
blah
|
|
||||||
</div>
|
|
||||||
<?php
|
|
||||||
});
|
|
||||||
|
|
||||||
$self->block('sidebar', function($self) {
|
|
||||||
?>
|
|
||||||
<div class="container">
|
|
||||||
blah
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
blah
|
|
||||||
</div>
|
|
||||||
<?php
|
|
||||||
});
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8"/>
|
|
||||||
<title><?=($self->header_title ?? 'flash.moe');?></title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
|
|
||||||
<link href="/assets/makai22.css" type="text/css" rel="stylesheet"/>
|
|
||||||
<link href="/assets/sprite.css" type="text/css" rel="stylesheet"/>
|
|
||||||
<link href="/assets/fonts/electrolize/style.css" type="text/css" rel="stylesheet"/>
|
|
||||||
</head>
|
|
||||||
<body class="makai22">
|
|
||||||
<?=$self->include('_layout/header22');?>
|
|
||||||
<?php switch($self->container_type ?? ''): case 'linear': ?>
|
|
||||||
<main class="main">
|
|
||||||
<?=$self->getBlock('main');?>
|
|
||||||
</main>
|
|
||||||
<footer class="footer">
|
|
||||||
<?=$self->include('_layout/copy22');?>
|
|
||||||
</footer>
|
|
||||||
<?php break; case 'sidebar': default: ?>
|
|
||||||
<div class="layout">
|
|
||||||
<div class="layout-main">
|
|
||||||
<main class="main">
|
|
||||||
<?=$self->getBlock('main');?>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
<div class="layout-spacer"></div>
|
|
||||||
<div class="layout-side">
|
|
||||||
<nav class="sidebar">
|
|
||||||
<?=$self->getBlock('sidebar');?>
|
|
||||||
<footer class="sidebar-copy">
|
|
||||||
<?=$self->include('_layout/copy22');?>
|
|
||||||
</footer>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php break; endswitch; ?>
|
|
||||||
<script src="/assets/makai22.js" charset="utf-8" type="text/javascript"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in a new issue