nfp/nfp_sites
1
0
Fork 0
Code Issues Pull requests Projects Releases 54 Wiki Activity Actions
nfp_sites/nfp_moe/public/index.html

168 lines
19 KiB
HTML
Raw Normal View History

Bootstrapped everything kinda
2019-02-19 11:34:52 +00:00
<!doctype html>
many updates
2019-02-20 16:10:37 +00:00
<html lang="en">
<head>
<meta charset="utf-8">
General development
2022-06-16 22:44:43 +00:00
<title>{{=headerTitle}}</title>
many updates
2019-02-20 16:10:37 +00:00
<base href="/">
General development
2022-06-16 22:44:43 +00:00
<meta name="description" content="{{=headerDescription}}">
Many updates, made server smarter by giving data and added meta tags
2019-10-01 17:18:20 +00:00
<meta name="twitter:card" value="summary">
many updates
2019-02-20 16:10:37 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
Many updates, made server smarter by giving data and added meta tags
2019-10-01 17:18:20 +00:00
<meta property="og:type" content="website" />
General development
2022-06-16 22:44:43 +00:00
<meta property="og:url" content="{{=headerUrl}}" />
<meta property="og:image" content="{{=headerImage}}" />
<meta property="og:description" content="{{=headerDescription}}" />
<meta property="og:title" content="{{=headerTitle}}" />
{{? headerImage === '/assets/img/heart.jpg' }}
Many updates, made server smarter by giving data and added meta tags
2019-10-01 17:18:20 +00:00
<meta id="ogimagewidth" property="og:image:width" content="400" />
<meta id="ogimageheight" property="og:image:height" content="500" />
{{? }}
base: Added /health route. nfp_moe: Complete re-thinking of all loading. Smarter loading and lighter site. Better user experience among other things.
2022-08-21 21:54:24 +00:00
<link rel="icon" type="image/png" href="/assets/img/favicon.png">
General development
2022-06-16 22:44:43 +00:00
<link rel="preconnect" href="https://cdn.nfp.is" />
base: Added /health route. nfp_moe: Complete re-thinking of all loading. Smarter loading and lighter site. Better user experience among other things.
2022-08-21 21:54:24 +00:00
<style>
:root{--content-max-width:1280px;--primary-darker-bg:#002f6c;--primary-darker-fg:#fff;--primary-darker-fg-light:#999;--primary-darker-link:#ffad42;--primary-bg:#3d77c7;--primary-fg:#fff;--primary-fg-light:#999;--primary-link:#f57c00;--bg:#fff;--bg-content-alt:#eee;--color:#000;--light:#757575;--link:#bb4d00;--title-bg:#f57c00;--title-fg:#000;--seperator:#ccc;--content-bg:#fff;--content-border:0 solid transparent;--alt-bg:#ccc;--alt-inside-bg:#fff;--alt-inside-border:1px solid #555;--alt-color:#555;--footer-bg:#ccc;--footer-color:#000;--footer-seperator:#fff;--footer-link:#8F3C00;--button-border:1px solid #f57c00;--button-bg:#ffad42;--button-fg:#000;--error-bg:red;--error-fg:white}.nightmode{--content-max-width:1280px;--primary-darker-bg:#002f6c;--primary-darker-fg:#fff;--primary-darker-fg-light:#999;--primary-darker-link:#ffad42;--primary-bg:#28518b;--primary-fg:#fff;--primary-fg-light:#999;--primary-link:#f57c00;--bg:black;--bg-content-alt:#333;--color:#d7dadc;--light:#bbb;--link:#e05e00;--title-bg:#e05e00;--title-fg:#000;--title-sublink:#27159C;--seperator:#ccc;--content-bg:#1a1a1b;--content-border:1px solid #343536;--alt-bg:#000;--alt-inside-bg:#343536;--alt-inside-border:1px solid #808080;--alt-color:#d7dadc;--footer-bg:#343536;--footer-color:#d7dadc;--footer-seperator:#666;--footer-link:#fe791b;--button-border:1px solid #f57c00;--button-bg:#ffad42;--button-fg:#000;--error-bg:red;--error-fg:white}*,*::after,*::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-size:16px;font-family:'Inter var', sans-serif;font-variation-settings:"slnt" 0;font-feature-settings:"case", "frac", "tnum", "ss02", "calt", "ccmp", "kern";background:var(--bg);color:var(--color)}.italic{font-variation-settings:"slnt" 10deg}a{text-decoration-skip-ink:auto}img{max-width:100%;margin:0 auto;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion: reduce){*,*::after,*::before{animation-play-state:paused !important;transition:none !important;scroll-behavior:auto !important}}h1{font-size:2.488rem}h2{font-size:2.074rem}h3{font-size:1.728rem}h4{font-size:1.44rem}h5{font-size:1.0rem}a,a:visited,button{text-decoration:none;border:none;padding:0;margin:0;font-weight:bold;cursor:pointer}input[type=password],input[type=text],select{border:1px solid var(--color);background:var(--bg);color:var(--color);border-radius:0;padding:0.25rem;line-height:1rem}label{font-size:0.75rem;font-weight:500;margin-top:1rem;margin-bottom:0.25rem;display:block}input[type=password]:active,input[type=password]:hover,input[type=text]:active,input[type=text]:hover,select:active,select:hover{border-color:var(--link)}button{background:transparent}.lb,.lb-link,.lb-main{width:100px;background:var(--color);opacity:0.35;height:1rem;border-radius:20px;align-self:center;position:relative}.lb-link,.lb-main{display:inline-block}.lb-link{background:var(--link)}.lb-link:after,.lb-main:after,.lb:after{content:'';background:repeating-linear-gradient(to right, transparent 0%, transparent 25%, #00000044 75%, transparent 100%);background-size:300% auto;background-position:0 -300%;border-radius:20px;position:absolute;top:0;left:0;width:100%;height:100%;animation:lbgradient 10s infinite;animation-fill-mode:forwards;animation-timing-function:linear}.lb-main:after{background:repeating-linear-gradient(to right, transparent 0%, transparent 25%, #ffffff44 75%, transparent 100%);background-size:300% auto;background-position:0 -300%}.lb-link:after{background:repeating-linear-gradient(to right, transparent 0%, transparent 25%, #ffffff44 75%, transparent 100%);background-size:300% auto;background-position:0 -300%}@keyframes lbgradient{0%{background-position:300% 0}100%{background-position:-300% 0}}main aside .lb-main{height:0.875rem}.actions .lb-link{margin:0.25rem 0}article .row div .lb-main{display:block;margin-bottom:0.75rem;opacity:0.2}.page-banner.lb,.page-banner.lb:after{border-radius:0;opacity:1;background-color:var(--seperator)}footer .lb{background:var(--footer-link
</style>
<link id="headstyle" rel="Stylesheet" href="/assets/app.css?v=1" type="text/css" media="none" />
<!--<link rel="Stylesheet" href="/assets/app_body.css?v=1" type="text/css" />-->
many updates
2019-02-20 16:10:37 +00:00
</head>
Big Optimisations and such
2019-10-01 03:45:44 +00:00
<body class="daymode">
General development
2022-06-16 22:44:43 +00:00
<script type="text/javascript" nonce="{{=nonce}}">
base: Added /health route. nfp_moe: Complete re-thinking of all loading. Smarter loading and lighter site. Better user experience among other things.
2022-08-21 21:54:24 +00:00
document.getElementById('headstyle').addEventListener('load', function() {
window.styleloaded = true;
if(this.media!='all') { this.media='all'}
});
Finished initial release-worthy version, added appveyor and starting testing appveyor auto building
2022-08-18 09:59:48 +00:00
if (localStorage.getItem('nfp_sites_darkmode')) {document.body.className = 'nightmode';}
General development
2022-06-16 22:44:43 +00:00
window.__nfptree = {{=payloadTree}};
window.__nfpdata = {{=payloadData}};
Implemented dark mode and frontpage sidebar
2019-09-23 18:37:02 +00:00
</script>
base: Added /health route. nfp_moe: Complete re-thinking of all loading. Smarter loading and lighter site. Better user experience among other things.
2022-08-21 21:54:24 +00:00
<div id="header">
<header><div class="inside"><div class="title"><div class="logo lb"></div><div class="lb lb--large"></div></div></div></header>
<nav><div class="inside"><a><div class="lb"></div></a><a><div class="lb"></div></a><a><div class="lb"></div></a><a><div class="lb"></div></a></div></nav>
</div>
<main id="main">
{{ if (banner) { }}
<div class="page-banner lb" style="background-image: url({{=banner}})"></div>
{{ } }}
{{ if (type === 'page' || type === 'page_with_children') { }}
<div class="inside vertical">
<div class="actions"><div class="lb-link"></div></div>
<h2 class="title"><div class="lb-main lb--long"></div></h2>
</div>
{{ } }}
<div class="inside {{= type === 'article' ? 'vertical' : '' }}">
{{ if (type === 'page_with_children' || type === 'frontpage') { }}
<aside>
<h5><div class="lb-main"></div></h5>
<div class="lb-link"></div>
<ul><li><div class="lb-link"></div></li><li><div class="lb-link"></div></li><li><div class="lb-link"></div></li></ul>
<div class="lb-link"></div>
<ul><li><div class="lb-link"></div></li><li><div class="lb-link"></div></li></ul>
</aside>
{{ } }}
{{ if (type === 'frontpage') { }}
<div class="container">
<article>
<h2 class="title"><div class="lb-main lb--long"></div></h2>
<div class="row">
<div class="lb-main lb--imgmini"></div>
<div>
<div>&nbsp;</div>
<div class="lb-main lb--long"></div>
<div class="lb-main"></div>
<div class="lb-main lb--medium"></div>
<div class="lb-main lb--medium"></div>
<div class="lb-main"></div>
</div>
</div>
</article>
<article>
<h2 class="title"><div class="lb-main lb--long"></div></h2>
<div class="row">
<div class="lb-main lb--imgmini"></div>
<div>
<div>&nbsp;</div>
<div class="lb-main lb--long"></div>
<div class="lb-main"></div>
<div class="lb-main lb--medium"></div>
<div class="lb-main lb--medium"></div>
<div class="lb-main"></div>
</div>
</div>
</article>
</div>
{{ } else if (type === 'page' || type === 'page_with_children') { }}
<div class="container">
{{ if (media) { }}
<div class="cover"><picture class="lb"><img src="{{=media}}"></picture></div>
{{ } }}
<h5><div class="lb-main lb--long"></div></h5>
<articleslim>
<a class="cover nobg lb"></a>
<div>
<div><div class="lb-link lb--long"></div></div>
<div class="lb-main lb--longest lb--slim"></div>
</div>
</articleslim>
<articleslim>
<a class="cover nobg lb"></a>
<div>
<div><div class="lb-link lb--long"></div></div>
<div class="lb-main lb--longest lb--slim"></div>
</div>
</articleslim>
<articleslim>
<a class="cover nobg lb"></a>
<div>
<div><div class="lb-link lb--long"></div></div>
<div class="lb-main lb--longest lb--slim"></div>
</div>
</articleslim>
<articleslim>
<a class="cover nobg lb"></a>
<div>
<div><div class="lb-link lb--long"></div></div>
<div class="lb-main lb--longest lb--slim"></div>
</div>
</articleslim>
</div>
{{ } else if (type === 'article') { }}
<div class="actions"><div class="lb-link"></div></div>
<article class="fullsize">
<h2 class="title"><div class="lb-main lb--long"></div></h2>
<div class="row">
{{ if (media) { }}
<div class="cover"><picture class="lb"><img src="{{=media}}"></picture></div>
{{ } }}
<div class="description">
<div class="lb-main lb--long"></div>
<div class="lb-main"></div>
<div class="lb-main lb--medium"></div>
<div class="lb-main lb--medium"></div>
<div class="lb-main"></div>
<p>&nbsp;</p>
<fileinfo>
<div class="lb-main lb--slim lb--longest"></div>
<ul>
<li><div class="lb-main lb--slim lb--longest"></div></li>
<li><div class="lb-main lb--slim lb--longest"></div></li>
</ul>
</fileinfo>
</div>
</div>
</article>
{{ } }}
</div>
</main>
<footer id="footer">
<div class="middle">
<div class="lb"></div>
<ul><li><div class="lb"></div></li><li><div class="lb"></div></li></ul>
<div class="lb"></div>
<ul><li><div class="lb"></div></li><li><div class="lb"></div></li><li><div class="lb"></div></li></ul>
</div>
</footer>
Finished initial release-worthy version, added appveyor and starting testing appveyor auto building
2022-08-18 09:59:48 +00:00
<script type="text/javascript" src="/assets/app.js?v=1"></script>
Bootstrapped everything kinda
2019-02-19 11:34:52 +00:00
</body>
Increment version
2019-09-23 19:07:43 +00:00
</html>
Reference in a new issue Copy permalink