-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
339 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"> | ||
© 1998—2024 <a href="https://geekha.us">geekha.us</a> | ||
and the evolt.org community — | ||
<a href="/archive.html" class="link">articles</a> • | ||
<a href="https://browsers.evolt.org" class="link">browsers</a> • | ||
<a href="https://lists.evolt.org" class="link">lists</a> • | ||
<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> |