102 lines
1.5 KiB
HTML
102 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>#AllYourBases</title>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Paytone One';
|
|
src: url('../../../common/font/paytone-one-regular.ttf');
|
|
}
|
|
</style>
|
|
<style>
|
|
body {
|
|
background-color: #303030;
|
|
}
|
|
body, a {
|
|
color:white;
|
|
}
|
|
a {
|
|
text-decoration:none;
|
|
}
|
|
body {
|
|
font-family: 'Paytone One', sans-serif;
|
|
}
|
|
</style>
|
|
<style>
|
|
.heading {
|
|
font-size: 20vh;
|
|
}
|
|
.heading {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -130%);
|
|
}
|
|
</style>
|
|
<style>
|
|
.with {
|
|
font-size: 5vh;
|
|
}
|
|
.with {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -130%);
|
|
}
|
|
</style>
|
|
<style>
|
|
.person-left {
|
|
font-size: 5vh;
|
|
}
|
|
.person-left {
|
|
text-align:right;
|
|
}
|
|
.person-left {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-140%, 70%);
|
|
}
|
|
</style>
|
|
<style>
|
|
.and {
|
|
font-size: 5vh;
|
|
}
|
|
.and {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, 180%);
|
|
}
|
|
</style>
|
|
<style>
|
|
.person-right {
|
|
font-size: 5vh;
|
|
}
|
|
.person-right {
|
|
text-align:left;
|
|
}
|
|
.person-right {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(23%, 70%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="heading"><a href="in-the-news/index.html">#AllYourBases</a></div>
|
|
|
|
<div class="with">with</div>
|
|
|
|
<div class="person-left">@atomicpoet<br />Chris Trottier</div>
|
|
|
|
<div class="and">&</div>
|
|
|
|
<div class="person-right">@reiver<br />Charles Iliya Krempeaux</div>
|
|
|
|
</body>
|
|
</html>
|