barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: styling

Browse source
This commit is contained in:
Barrett Ruth 2024-06-15 15:28:22 -05:00
parent 73f7d90fa6
commit 778ac93e92
3 changed files with 68 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

52
posts/from-github-pages-to-aws.html
View file

@ -9,19 +9,55 @@
<link rel="icon" type="image/webp" href="../public/logo.webp" /> <link rel="icon" type="image/webp" href="../public/logo.webp" />
<title>Barrett Ruth</title> <title>Barrett Ruth</title>
</head> </head>
<body> <body class="graph">
<header> <header>
<a href="/" onclick="home(event)"> <a
<div class="terminal-prompt"> href="/"
<span class="prompt">barrett@ruth:~$</span> style="text-decoration: none; color: inherit"
<span class="cursor"></span> onclick="goHome(event)"
>
<div class="terminal-container">
<span class="terminal-prompt">barrett@ruth:~$ /software</span>
<span class="terminal-cursor"></span>
</div> </div>
</a> </a>
</header> </header>
<main class="main"> <main class="main">
<ul> <div class="post-container">
<li>hi</li> <header class="post-header">
</ul> <h1 class="post-title">From GitHub Pages to AWS</h1>
<p class="post-meta">
<time datetime="2024-06-15">15/06/2024</time>
</p>
</header>
<article>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla felis
quam, varius eu ullamcorper ac, tempus eget risus. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Nunc convallis sem id sapien dictum condimentum. Quisque
placerat diam vel dolor facilisis, vel gravida lorem lacinia. Sed
dapibus eleifend tortor, a gravida orci convallis non. Nam auctor
justo id magna accumsan, sit amet accumsan lorem dapibus. Nullam
eleifend enim nec augue fermentum, vel feugiat dolor elementum.
Integer et sapien nec ipsum aliquet sodales. Nam eleifend id nisi
vel consectetur. Ut et magna sit amet elit tempus elementum.
Curabitur elementum quam at erat iaculis, ut ultrices leo
vestibulum. Nam quis fermentum mi, at bibendum orci.
</p>
<p>
Vestibulum ac diam sit amet quam vehicula elementum. Curabitur
laoreet arcu eu mi luctus, in consectetur nisi fermentum. Praesent
nec nisl et leo sollicitudin tempus. Morbi non tincidunt est. Duis
non felis pharetra, malesuada nulla a, iaculis felis. Proin sit amet
dui dignissim, pellentesque felis a, eleifend velit. Morbi ac tortor
nec arcu euismod lacinia et ac libero. Sed non risus aliquet,
venenatis nulla vel, commodo augue. Mauris in neque vel nulla
sollicitudin egestas. Cras fringilla urna sed mi scelerisque, at
laoreet metus dapibus.
</p>
</article>
</div>
</main> </main>
<script src="../scripts/common.js"></script> <script src="../scripts/common.js"></script>
</body> </body>

25
styles/common.css
View file

@ -26,6 +26,30 @@
font-style: italic; font-style: italic;
} }
html,
body {
font-family: "Signifier", serif;
overflow: hidden;
margin: 0;
padding: 0;
height: 100%;
}
header,
footer {
font-size: 1.5em;
display: flex;
padding: 20px;
align-items: center;
}
header {
justify-content: space-between;
}
footer {
justify-content: flex-end;
}
.graph { .graph {
background-image: linear-gradient( background-image: linear-gradient(
to right, to right,
@ -56,4 +80,3 @@
.terminal-container { .terminal-container {
font-family: "Courier New", monospace; font-family: "Courier New", monospace;
} }

20
styles/index.css
View file

@ -1,29 +1,9 @@
html, html,
body { body {
font-family: "Signifier", serif;
overflow: hidden;
margin: 0;
padding: 0;
height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
header,
footer {
font-size: 1.5em;
display: flex;
padding: 20px;
align-items: center;
}
header {
justify-content: space-between;
}
footer {
justify-content: flex-end;
}
.main { .main {
flex: 1; flex: 1;
display: flex; display: flex;