Skip to content

Commit

Permalink
sunset readiness
Browse files Browse the repository at this point in the history
  • Loading branch information
@evilneuro
evilneuro committed Jan 21, 2024
1 parent ee0c92f commit 4543100
Show file tree
Hide file tree
Showing 2 changed files with 339 additions and 0 deletions.
275 changes: 275 additions & 0 deletions front/assets/css/me.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,275 @@
/*
Template Name: Me
Author: One Page Love
Author URI: https://onepagelove.com
Template URI: https://onepagelove.com/me
Description: Me is a slick, personal layout for any individual wanting a minimal online presence. Features include a big background image, logo, bio and icons.
Version: 0.2.2
*/
/* -- CSS Reset -- */
html {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }

body {
line-height: 1; }

ol, ul {
list-style: none; }

blockquote, q {
quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }

table {
border-collapse: collapse;
border-spacing: 0; }

* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-moz-font-feature-settings: "liga" on;
margin: 0; }

img.alignright {
float: right; }

img.alignleft {
float: left; }

img.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto; }

body {
background-color: #4F5C38;
border-style: none; }

body,
p,
a,
a:hover {
color: #000000; }

a,
a:hover {
text-decoration: none;
border: none;
border-style: none;
box-shadow: none; }

/* -- Content -- */
html {
background-color: #4F5C38; }

body.page-template-page-fullsingle-me {
height: 100vh;
background-color: #4F5C38;
font-family: "Poppins", sans-serif;
font-weight: 100;
font-size: 45px;
line-height: 60px;
letter-spacing: -0.5px;
color: #999999; }
body.page-template-page-fullsingle-me p {
margin-bottom: 28px;
color: #999999; }
@media (max-width: 800px) {
body.page-template-page-fullsingle-me p {
font-size: 32px;
line-height: 40px; } }

.fs-me {
padding: 10vh 10vw;
position: absolute;
z-index: 1000; }
@media (max-width: 500px) {
.fs-me {
padding: 5vh 5vw; } }
.fs-me .me-content {
height: 80vh;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; }
@media (max-width: 500px) {
.fs-me .me-content {
height: 90vh; } }

.logo {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-self: left;
align-self: left; }
@media (max-width: 500px) {
.logo {
-webkit-align-self: center;
align-self: center; } }
.logo img {
max-width: 165px;
height: auto; }

.bio {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
letter-spacing: -1px;
max-width: 80%; }
@media (max-width: 800px) {
.bio {
max-width: none; } }
.bio a {
color: #CCCCCC;
transition: 1s; }
.bio a:hover {
color: #FFFFFF; }

.network {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: auto; }
.network ul {
margin-top: auto; }
.network ul li {
display: inline-block;
margin-right: 8px; }
.network ul li a {
display: inline-block;
width: 30px;
height: 30px;
cursor: pointer; }
.network ul li a .svg-icon {
padding: 4px;
width: 22px;
height: 22px;
margin: 0;
display: block; }
.network ul li a .svg-icon path,
.network ul li a .svg-icon polygon,
.network ul li a .svg-icon rect {
fill: #999999; }
.network ul li a .svg-icon circle {
stroke: #999999;
stroke-width: 1; }
.network ul li a:hover .svg-icon path,
.network ul li a:hover .svg-icon polygon,
.network ul li a:hover .svg-icon rect {
fill: #FFFFFF; }

.credit {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-size: 12px;
line-height: 14px;
margin-bottom: 0; }
.credit p.credits {
font-size: 12px;
line-height: 14px;
font-weight: 400;
opacity: 0.4; }
.credit p.credits a {
color: #CCCCCC; }
.credit p.credits a:hover {
color: #FFFFFF; }

body.page-template-page-fullsingle-me.me-video {
background-image: none; }
body.page-template-page-fullsingle-me.me-video .me-video-container {
overflow: hidden;
position: absolute;
z-index: 0;
width: 100vw;
height: 100vh; }
body.page-template-page-fullsingle-me.me-video video.video {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
width: 100%;
height: 100%; }
body.page-template-page-fullsingle-me.me-video .video-wrap {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
body.page-template-page-fullsingle-me.me-video .video-container {
position: relative;
overflow: hidden;
height: 56.25vw;
width: 100vw; }
@media (max-aspect-ratio: 16 / 9) {
body.page-template-page-fullsingle-me.me-video .video-container {
height: 100vh;
width: 177.7777777778vh; } }
body.page-template-page-fullsingle-me.me-video .video-container iframe,
body.page-template-page-fullsingle-me.me-video .video-container object,
body.page-template-page-fullsingle-me.me-video .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.page-template-page-fullsingle-me.me-video .fs-me {
background-color: rgba(0, 0, 0, 0.6); }
64 changes: 64 additions & 0 deletions sunset.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>evolt.org 1998-2024</title>
<meta name="description" content="Founded in 1998, evolt.org was one of the oldest Web development communities in existence. Through our mailing lists, articles, and archives, we have strived to work together in sharing our collective knowledge to improve the Web for all of us." />
<meta name="robots" content="index, follow" />
<meta name="referrer" content="always" />
<meta property="og:title" content="evolt.org" />
<meta property="og:description" content="Founded in 1998, evolt.org was one of the oldest Web development communities in existence. Through our mailing lists, articles, and archives, we have strived to work together in sharing our collective knowledge to improve the Web for all of us." />
<meta property="og:image" content="https://evolt.org/front/assets/img/slides-2005-evolt-threepointoh.png" />
<meta property="og:url" content="https://evolt.org/" />
<meta name="twitter:title" content="evolt.org" >
<meta name="twitter:description" content="Founded in 1998, evolt.org was one of the oldest Web development communities in existence. Through our mailing lists, articles, and archives, we have strived to work together in sharing our collective knowledge to improve the Web for all of us." />
<meta name="twitter:image" content="https://evolt.org/front/assets/img/slides-2005-evolt-threepointoh.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@evoltorg" />
<meta name="twitter:creator" content="@evilneuro" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel='stylesheet' href='front/assets/css/me.css' type='text/css' media='screen' />
<link href="//fonts.googleapis.com/css?family=Poppins:100,400" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>

<body id="fullsingle" class="page-template-page-fullsingle-me">
<div class="fs-me">
<div class="me-content">
<div class="logo">
<img src="front/assets/img/huge-evoltlogo.png" alt="Logo" />
</div>
<div class="bio">
<p>
<a href="#">evolt.org</a>, the web development community, is now
<a href="https://lists.evolt.org/archive/Week-of-Mon-20240101/132688.html">closed</a>.
it was founded in 1998, and ran until 2024. thank you to everyone who made it possible.
</p>
<p>
you can still read our community's <a href="archives.html">articles</a>
and our <a href="https://lists.evolt.org">mailing list archives</a>,
and the <a href="https://browsers.evolt.org">browser archive</a> is still
open for business.
</p>
</div>
<div class="credit">
<p class="credits">
&copy; 1998—2024 <a href="https://geekha.us">geekha.us</a>
and the evolt.org community —
<a href="/archive.html" class="link">articles</a> &#8226;
<a href="https://browsers.evolt.org" class="link">browsers</a> &#8226;
<a href="https://lists.evolt.org" class="link">lists</a> &#8226;
<a href="/colophon.html" class="link">colophon</a> —
<a href="https://onepagelove.com/me">me template</a> by <a href="https://onepagelove.com">one page love</a>
</p>
<!--
To edit this credit you can remove the CCA 3.0 license for only $5 here: https://onepagelove.com/me
this really helps contribute towards us developing more templates and means the world to me!
Cheers, Rob (@robhope)
-->
</div>
</div>
</div>
</body>
</html>

0 comments on commit 4543100

Please sign in to comment.