M .editorconfig => .editorconfig +1 -1
@@ 4,5 4,5 @@ root = true
indent_style = tabs
indent_size = 4
charset = utf-8
-trim_trailing_whitespace = false
+trim_trailing_whitespace = true
insert_final_newline = true
M .eleventy.js => .eleventy.js +3 -3
@@ 5,13 5,13 @@ module.exports = function(eleventyConfig) {
// Date formatting
// from: https://keepinguptodate.com/pages/2019/06/creating-blog-with-eleventy/
eleventyConfig.addFilter('dateIso', date => {
- return moment(date).toISOString();
+ return moment(date).toISOString();
});
// Date formatting
// from: https://keepinguptodate.com/pages/2019/06/creating-blog-with-eleventy/
eleventyConfig.addFilter('dateReadable', date => {
- return moment(date).utc().format('LL'); // E.g. May 31, 2019
+ return moment(date).utc().format('LL'); // E.g. May 31, 2019
});
// CSS Passthrough
@@ 20,6 20,6 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy('img')
return {
- passthroughFileCopy: true
+ passthroughFileCopy: true
}
};
D README.md => README.md +0 -1
@@ 1,1 0,0 @@
-# Personal Website
M _includes/layouts/base.njk => _includes/layouts/base.njk +52 -51
@@ 4,64 4,65 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">
- <link rel="stylesheet" type="text/css" href="/css/normalize.css" async />
- <link rel="stylesheet" type="text/css" href="/css/style.css" async />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta charset="utf-8" />
+ <link rel="stylesheet" type="text/css" href="/css/normalize.css" async />
+ <link rel="stylesheet" type="text/css" href="/css/style.css" async />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta charset="utf-8" />
- <!-- HTML Meta Tags -->
- <title>chrono-byte</title>
- <meta name="description" content="hi, i'm chrono. visit my site.">
-
- <!-- Facebook Meta Tags -->
- <meta property="og:url" content="https://disilla.org">
- <meta property="og:type" content="website">
- <meta property="og:title" content="chrono-byte">
- <meta property="og:description" content="hi, i'm chrono. visit my site.">
- <meta property="og:image" content="/img/social.png">
-
- <!-- Twitter Meta Tags -->
- <meta name="twitter:card" content="summary_large_image">
- <meta property="twitter:domain" content="disilla.org">
- <meta property="twitter:url" content="https://disilla.org">
- <meta name="twitter:title" content="chrono-byte">
- <meta name="twitter:description" content="hi, i'm chrono. visit my site.">
- <meta name="twitter:image" content="/img/social.png">
+ <title>chrono-byte</title>
+ <meta name="description" content="hi, i'm chrono. visit my site." />
+ <meta name="twitter:card" content="summary_large_image" />
+ <meta name="twitter:creator" content="@chronomly" />
+ <meta property="og:description" content="hi, i'm chrono. visit my site." />
+ <meta property="og:type" content="website" />
+ <meta property="og:image" content="https://disilla.org/img/social.png" />
+ <meta property="og:image:alt" content="chrono-byte" />
+ <meta property="og:image:width" content="319" />
+ <meta property="og:image:height" content="161" />
+ <meta property="og:locale" content="en_US" />
+ <meta property="og:site_name" content="chrono-byte" />
+ <meta name="robots" content="index,follow" />
+ <meta property="og:title" content="chrono-byte" />
+ <meta property="og:url" content="https://disilla.org" />
+ <link rel="canonical" href="https://disilla.org/" />
+ <meta name="theme-color" content="#e9debb" />
</head>
<body>
- <header>
- <h2>
- <a href="/">chrono-byte</a>
- </h2>
+ <main style="display: grid;">
+ <header>
+ <h2>
+ / home /<a href="/"> chrono-byte /</a>
+ </h2>
- <p>
- <script language="JavaScript">
- var name = "chrono";
- var addr_tld = "org"
- var addr_org = "disilla";
- var address = name + "@" + addr_org + "." + addr_tld;
- document.write("<a href=" + "'mailto:" + address + "'>" + "email" + "</a>");;
- </script>
- / <a href="https://twitter.com/chronomly"> twitter </a>
- / <a href="/blog/"> blog </a>
- </p>
- <p>
- <a href="https://sr.ht/~chrono/"> sr.ht </a>
- / <a href="https://github.com/Chrono-byte"> github </a>
- </p>
- </header>
+ <p>
+ <script language="JavaScript">
+ var name = "chrono";
+ var addr_tld = "org"
+ var addr_org = "disilla";
+ var address = name + "@" + addr_org + "." + addr_tld;
+ document.write("<a href=" + "'mailto:" + address + "'>" + "email" + "</a>");;
+ </script>
+ / <a href="https://twitter.com/chronomly">twitter</a>
+ / <a href="/blog/">blog</a>
+ / <a href="https://sr.ht/~chrono/">sr.ht</a>
+ / <a href="https://github.com/Chrono-byte">github</a>
+ </p>
+ </header>
- <content>
- {{ content | safe }}
- </content>
+ <content>
+ {{ content | safe }}
+ </content>
- <footer>
- Some base code taken from <a href="https://git.sr.ht/~txtsd/ihavea.quest">txtsd's site</a>.
- Comic Mono font is by <a href="https://dtinth.github.io/comic-mono-font/>">dtinth</a>.<br />
- The content of this site is all rights reserved.
- The <a href="https://git.sr.ht/~chrono/disilla.org">code used to host this site</a> is <a href="https://opensource.org/licenses/AGPL-3.0">AGPL-3.0-only</a>.
- </footer>
+ <footer>
+ <a style="margin: .1vh .1vh 0em" href="https://www.digitalocean.com/?refcode=0cbd24ae5dba&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge"></a>
+ <br />
+ The content of this site is all rights reserved. <br />
+ The <a href="https://git.sr.ht/~chrono/disilla.org">code used to host this site</a> is <a href="https://opensource.org/licenses/AGPL-3.0">AGPL-3.0-only</a>.<br />
+ Some base code taken from <a href="https://git.sr.ht/~txtsd/ihavea.quest">txtsd's site</a>.
+ Comic Mono font is by <a href="https://dtinth.github.io/comic-mono-font/">dtinth</a>.<br />
+ </footer>
+ </main>
</body>
</html>
M css/style.css => css/style.css +81 -70
@@ 1,120 1,131 @@
-table {
- width: 100%;
-}
-
a {
- text-decoration: none;
+ text-decoration: none;
}
body {
- font-family: "Comic Mono", Fallback, sans-serif;
- font-size: calc(0.8em + 0.5vw);
+ font-family: "Comic Mono", Fallback, sans-serif;
+ font-size: calc(0.6em + 0.5vw);
- max-width: 70em;
- margin: 2em;
- font-weight: 400;
- line-height: 2;
- color: #363f47;
- background-color: #e9debb;
+ font-weight: 400;
+ line-height: 2;
+ color: #363f47;
+ background-color: #e9debb;
}
-header h2, header h2 a {
- color: #000;
+main {
+ margin: 0;
+ max-width: 90%;
+ padding: 0 1em;
}
-header p {
- text-align: center;
- margin-top: 0;
- margin-bottom: 0;
+.headerblack {
+ margin-top: 0;
+ margin-bottom: 0;
+ color: #000;
}
-content div#about, div#bio {
- margin-top: 1em;
- margin-bottom: 1em;
+header {
+ margin-top: 1vh;
+ margin-bottom: 0;
+ grid-column: 1;
+ grid-row: 1;
}
-content div#about h4, div#bio h4 {
- margin-top: 0;
- margin-bottom: 0;
- color: #000;
+content {
+ display: inline-grid;
+
+ margin-top: 0;
+ margin-bottom: 20px;
+ grid-row: 2;
}
content div#about p, div#bio p {
- margin-top: 0;
- margin-bottom: 0;
+ margin-top: 0;
+ margin-bottom: 0;
}
-content div#bio p i {
- color: #363f4741;
+div#about {
+ grid-row: 1;
}
-article {
- margin-top: 1em;
- margin-bottom: 1em;
+div#bio {
+ grid-row: 2;
+}
+
+div#work {
+ grid-row: 3;
+}
+
+div#projects {
+ grid-row: 4;
+}
+
+content div#projects p {
+ font-size: calc(0.3em + 0.5vw);
+ margin-bottom: 0;
+ margin-top: .1em;
+ width: 65%;
+}
+
+content div#projects h5 {
+ margin-top: 0;
+ margin-bottom: 0;
}
footer {
- margin: 0em;
- font-size: 0.75em;
- /* position: revert-layer; */
- bottom: 0;
- left: 0;
+ grid-row: 3;
+ font-size: 0.75em;
+}
+
+header h2, header h2 a {
+ color: #000;
+ margin: 0px;
+}
+
+header p {
+ text-align: center;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+article {
+ margin-top: 1em;
+ margin-bottom: 1em;
}
article h1,
article h2,
article h3 {
- margin-top: 1em;
- margin-bottom: .25em;
+ margin-top: 1em;
+ margin-bottom: .25em;
}
article p {
- margin: 0.75em;
+ margin: 0.75em;
}
article time {
- margin: 0.50em;
+ margin: 0.50em;
}
article header {
- margin-bottom: 2em;
+ margin-bottom: 2em;
}
article img {
- max-width: 100%;
+ max-width: 100%;
}
code {
- margin: 0em 0.5em 0em 0.5em;
- background: #222;
-}
-
-section {
- margin: 1em;
-}
-
-section h1,
-section h2,
-section h3 {
- margin-bottom: 0.5em;
-}
-
-content div#projects * {
- margin-bottom: 0;
- margin-top: .1em;
- width: 65%;
-}
-
-content div#projects p {
- font-size: calc(0.3em + 0.5vw);
+ margin: 0em 0.5em 0em 0.5em;
+ background: #222;
}
/*
* Media Queries
*/
-
@media (max-width: 50em) {
- main {
- width: unset;
- }
+ main {
+ width: unset;
+ }
}
M index.html => index.html +57 -56
@@ 4,12 4,13 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">
- <link rel="stylesheet" type="text/css" href="/css/normalize.css" async />
- <link rel="stylesheet" type="text/css" href="/css/style.css" async />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta charset="utf-8" />
+ <link rel="stylesheet" type="text/css" href="/css/normalize.css" async />
+ <link rel="stylesheet" type="text/css" href="/css/style.css" async />
- <title>chrono-byte</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta charset="utf-8" />
+
+ <title>chrono-byte</title>
<meta name="description" content="hi, i'm chrono. visit my site." />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@chronomly" />
@@ 29,62 30,62 @@
</head>
<body>
- <header>
- <h2>
- <a href="/">chrono-byte</a>
- </h2>
-
- <p>
- <script language="JavaScript">
- var name = "chrono";
- var addr_tld = "org"
- var addr_org = "disilla";
- var address = name + "@" + addr_org + "." + addr_tld;
- document.write("<a href=" + "'mailto:" + address + "'>" + "email" + "</a>");;
- </script>
- / <a href="https://twitter.com/chronomly"> twitter </a>
- / <a href="/blog/"> blog </a>
- </p>
- <p>
- <a href="https://sr.ht/~chrono/"> sr.ht </a>
- / <a href="https://github.com/Chrono-byte"> github </a>
- </p>
- </header>
+ <main style="display: grid;">
+ <header>
+ <h2>
+ / home /<a href="/"> chrono-byte /</a>
+ </h2>
- <content>
- <div id="about">
- <h4 class="section_title">about me:</h2>
- <p>
- I'm a Computer Science student familiar with C++ and JS. <br />
- My interests are video games and engineering, specifically automobile and aerospace.
- </p>
- </div>
-
- <div id="bio">
- <h4 class="section_title">biography:</h2>
<p>
- I was born in Indianapolis, Indiana, USA.<br />
- I am currently finishing high school and am set to begin studying at <i>Currently haven't decided which</i> University in 2023.<br />
- After that, I hope to ? and ?.
+ <script language="JavaScript">
+ var name = "chrono";
+ var addr_tld = "org"
+ var addr_org = "disilla";
+ var address = name + "@" + addr_org + "." + addr_tld;
+ document.write("<a href=" + "'mailto:" + address + "'>" + "email" + "</a>");;
+ </script>
+ / <a href="https://twitter.com/chronomly">twitter</a>
+ / <a href="/blog/">blog</a>
+ / <a href="https://sr.ht/~chrono/">sr.ht</a>
+ / <a href="https://github.com/Chrono-byte">github</a>
</p>
- </div>
+ </header>
- <div id="work">
- <h4 class="section_title">work: <a href="/work/">link</a></h4>
- </div>
- <div id="projects">
- <h4 class="section_title">projects: <a href="/projects/">link</a></h4>
- </div>
+ <content>
+ <div id="about">
+ <h4 class="headerblack">about me:</h4>
+ <p>
+ I'm a Computer Science student familiar with C++ and JS.<br />
+ My interests are video games and engineering, specifically automobile and aerospace.
+ </p>
+ </div>
- <a href="https://www.digitalocean.com/?refcode=0cbd24ae5dba&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge"></a>
- </content>
+ <div id="bio">
+ <h4 class="headerblack">biography:</h4>
+ <p>
+ I was born in Indianapolis, Indiana, USA.<br />
+ I am currently finishing high school and am set to begin studying at <i style="color: #363f4741">Currently haven't decided which</i> University in 2023.<br />
+ After that, I hope to ? and ?.
+ </p>
+ </div>
- <footer>
- The content of this site is all rights reserved. <br />
- The <a href="https://git.sr.ht/~chrono/disilla.org">code used to host this site</a> is <a href="https://opensource.org/licenses/AGPL-3.0">AGPL-3.0-only</a>.<br />
- Some base code taken from <a href="https://git.sr.ht/~txtsd/ihavea.quest">txtsd's site</a>.
- Comic Mono font is by <a href="https://dtinth.github.io/comic-mono-font/>">dtinth</a>.<br />
- </footer>
+ <div id="work">
+ <h4 class="headerblack">work: <a href="/work/">link</a></h4>
+ </div>
+
+ <div id="projects">
+ <h4 class="headerblack">projects: <a href="/projects/">link</a></h4>
+ </div>
+ </content>
+
+ <footer>
+ <a style="margin: .1vh .1vh 0em" href="https://www.digitalocean.com/?refcode=0cbd24ae5dba&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge"></a>
+ <br />
+ The content of this site is all rights reserved. <br />
+ The <a href="https://git.sr.ht/~chrono/disilla.org">code used to host this site</a> is <a href="https://opensource.org/licenses/AGPL-3.0">AGPL-3.0-only</a>.<br />
+ Some base code taken from <a href="https://git.sr.ht/~txtsd/ihavea.quest">txtsd's site</a>.
+ Comic Mono font is by <a href="https://dtinth.github.io/comic-mono-font/">dtinth</a>.<br />
+ </footer>
+ </main>
</body>
</html>
-
M projects/index.html => projects/index.html +3 -3
@@ 4,17 4,17 @@ title: Projects
---
<div id="projects">
<div>
- <h4>VEX Robotics Competition</h4>
+ <h4 class="headerblack">VEX Robotics Competition</h4>
<h5>2019-2023</h5>
<p>
- I have been a member of the Steel Eagles Robotics club for 3 years and am set to finish it out this year as a senior.
+ I have been a member of the Steel Eagles Robotics club for 3 years and am set to finish it out this year as a senior.
On both of the two teams I've competeed on (2019-2020 and 2020-2023), I have been the lead programmer and have been responsible for the design and implementation of the robot's autonomous and driver control code.
On the second team I've been a member of, we have been tournament finalists twice and ranked high at almost every competition we've attended. <br />
Links: <a href="https://github.com/7701F">GitHub</a>, <a href="https://www.robotevents.com/teams/VRC/7701F">RobotEvents</a>
</p>
</div>
<div>
- <h4>SmoreSoftware</h4>
+ <h4 class="headerblack">SmoreSoftware</h4>
<h5>2017-2018</h5>
<p>
I was the founder/member of a small software development team that created a Discord bots for a variety of purposes. <br />
M work/index.html => work/index.html +5 -5
@@ 2,18 2,18 @@
layout: layouts/base.njk
title: Work
---
-<div id="work">
+<div id="worklayout">
<div>
- <h4>Cracker Barrel Old Country Store</h4>
- <h5>2021-current</h5>
+ <h4 class="headerblack">Cracker Barrel Old Country Store</h4>
+ <h5 style="margin: 0;">2021-current</h5>
<p>
To-Go Specialist. Prepares orders for customers, cleans and sanitizes the restaurant, and assists customers with their orders.<br />
Also help out part of the time with hosting, cooking, and other duties.
</p>
</div>
<div>
- <h4>McDonald's</h4>
- <h5>2021</h5>
+ <h4 class="headerblack">McDonald's</h4>
+ <h5 style="margin: 0;">2021</h5>
<p>
My first job was at McDonald's, where I worked as a cashier and general team member. Worked part/full-time for 9 months.
</p>