summaryrefslogtreecommitdiffstats
path: root/_site
diff options
context:
space:
mode:
Diffstat (limited to '_site')
-rw-r--r--_site/about.html30
-rw-r--r--_site/assets/css/main.css176
-rw-r--r--_site/blog/post-1/index.html34
-rw-r--r--_site/index.html74
-rw-r--r--_site/projects/post-1/index.html34
5 files changed, 97 insertions, 251 deletions
diff --git a/_site/about.html b/_site/about.html
index 57fa5af..ecee62d 100644
--- a/_site/about.html
+++ b/_site/about.html
@@ -6,22 +6,20 @@
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
- <div class="wrap">
- <header class="masthead">
- <div class="container">
- <h3 class="masthead-title">
- <a href="/" title="Home">ASCIIMX</a>
- <br><small>Wickramage Don Sadeep's Personal Website</small>
- </h3>
- </div>
- </header>
-
- <main class="container" id="main">
- <h1 id="about-page">About page</h1>
-
-<p>This page tells you a little bit about me.</p>
-
- </main>
+
+ <div class="container">
+ <ul id="navlist" class="left">
+ <li >
+ <a href="/">hme
+ </a>
+ </li>
+ <li >
+ <a href="/about/">abt
+ </a>
+ </li>
+ <li><a href="/feed.xml">rss</a></li>
+ </ul>
</div>
+
</body>
</html>
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index fc159a3..a381261 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -1,12 +1,3 @@
-:root {
- --link-color: #841212;
- --main-font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
- --main-font-size: 1.1em;
- --heading-font: sans-serif;
- --heading-color: #404040;
- --text-color: #454545;
-}
-
*,
*:before,
*:after {
@@ -22,156 +13,71 @@ html, body {
}
html {
- font-family: var(--main-font);
- font-size: 1em;
- line-height: 1.5;
-}
-
-@media (min-width: 38em) {
- html {
- font-size: var(--main-font-size);
- }
+ font-family: 'IM Fell English SC', serif;
+ font-size: 15px;
+ line-height: 1.6;
}
body {
- color: var(--text-color);
+ height: 100%;
+ text-decoration-skip-ink: auto;
+ color: #2f2f2f;
+ padding-top: 10px;
background-color: #fff;
- @include text-size-adjust(100%);
-}
+ /* background-size: cover;
+ background-position: center;
+ background-repeat: repeat-y;
+ background-image: url("../img/bg.jpg"); */
-.content {
- margin-bottom: 4rem;
}
-.wrap {
+.container {
position: relative;
width: 100%;
+ max-width: 960px;
+ margin: 0 auto;
+ padding: 0 20px;
+ box-sizing: border-box;
}
-.container {
- max-width: 32rem;
- padding-left: 1rem;
- padding-right: 1rem;
- margin-left: auto;
- margin-right: auto;
-}
-
-@media (min-width: 56em) {
+@media (min-width: 400px) {
.container {
- max-width: 38rem;
- }
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-family: var(--heading-font);
- margin-bottom: .5rem;
- font-weight: normal;
- color: var(--heading-color);
- letter-spacing: -.025rem;
- line-height: 1.25;
- text-rendering: optimizeLegibility;
-}
-
-h1, h1.text-title {
- font-size: 1.4rem;
-}
-
-h2 {
- margin-top: 1rem;
- font-size: 1.2rem;
-}
-
-h3, h4, h5, h6 {
- margin-top: 1rem;
- font-size: 1rem;
-}
-
-h3 {
- margin-top: 1.5rem;
-}
-
-p {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-a {
- color: var(--link-color);
- text-decoration: none;
-}
-
-a.external::after {
- background-color: var(--link-color);
- content: '';
- display: inline-flex;
- height: 10px;
- margin-left: 4px;
- width: 10px;
- mask-size: cover;
- mask-image: url(/assets/images/external-link.svg);
-}
-
-ul {
- list-style: circle;
-}
-
-ul, ol {
- margin-top: 0;
- margin-bottom: 1rem;
+ width: 85%;
+ padding: 0; }
}
-hr {
- position: relative;
- margin: 1.5rem 0;
- border: 0;
- border-top: 1px solid #eee;
- border-bottom: 1px solid #fff;
+@media (min-width: 550px) {
+ .container {
+ width: 80%;
}
-img {
- display: block;
- max-width: 100%;
- margin: 0 0 1rem;
- border-radius: 5px;
+.container:after,
+.row:after,
+.u-cf {
+ content: "";
+ display: table;
+ clear: both;
}
-.masthead {
- border-bottom: 1px solid #eee;
- margin-bottom: 3rem;
- padding-top: 26px;
- padding-bottom: 1rem;
- text-align: center;
+#navlist > .active > a {
+ color: #000;
+ text-decoration: overline;
}
-.masthead-title {
- color: #505050;
- font-family: var(--main-font);
- font-size: 1.8rem;
- line-height: .777em;
- margin: 2em 0 0;
- text-align: center;
+#navlist > .active > a {
+ color: #000;
+ text-decoration: overline;
}
-.masthead-title small {
- color: var(--text-color);
- display: none; /* This is an accessibility no-no */
- font-family: var(--heading-font);
- font-size: .78rem;
- font-weight: normal;
- letter-spacing: .05rem;
-}
-@media (min-width: 320px) {
- .masthead-title {
- margin-top: 2px;
- margin-right: 15%;
- margin-left: 15%;
- }
+#navlist li {
+ display: inline;
+ list-style-type: none;
+ padding-right: 20px;
}
-@media (min-width: 48em) {
- .masthead-title small {
- display: inline;
- }
+ol, ul {
+ padding-left: 0;
+ margin-top: 0;
}
diff --git a/_site/blog/post-1/index.html b/_site/blog/post-1/index.html
index d6b396b..538b2e5 100644
--- a/_site/blog/post-1/index.html
+++ b/_site/blog/post-1/index.html
@@ -6,26 +6,20 @@
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
- <div class="wrap">
- <header class="masthead">
- <div class="container">
- <h3 class="masthead-title">
- <a href="/" title="Home">ASCIIMX</a>
- <br><small>Wickramage Don Sadeep's Personal Website</small>
- </h3>
- </div>
- </header>
-
- <main class="container" id="main">
- <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
-
-<p>Apple trees are cultivated worldwide, and are the most widely grown
-species in the genus Malus. The tree originated in Central Asia, where
-its wild ancestor, Malus sieversii, is still found today. Apples have
-been grown for thousands of years in Asia and Europe, and were brought
-to North America by European colonists.</p>
-
- </main>
+
+ <div class="container">
+ <ul id="navlist" class="left">
+ <li >
+ <a href="/">hme
+ </a>
+ </li>
+ <li >
+ <a href="/about/">abt
+ </a>
+ </li>
+ <li><a href="/feed.xml">rss</a></li>
+ </ul>
</div>
+
</body>
</html>
diff --git a/_site/index.html b/_site/index.html
index 0a901cb..3a87875 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -6,66 +6,20 @@
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
- <div class="wrap">
- <header class="masthead">
- <div class="container">
- <h3 class="masthead-title">
- <a href="/" title="Home">ASCIIMX</a>
- <br><small>Wickramage Don Sadeep's Personal Website</small>
- </h3>
- </div>
- </header>
-
- <main class="container" id="main">
- <div class="introduction">
- <p>
- <img src="/assets/images/collage.jpeg" alt="image">
- </p>
-
- <h1>hi.</h1>
- <p>
- My name is Sadeep. I’m a computer programmer and a tinkerer with
- a passion for microcontrollers, C, and software that embodies the
- Unix philosophy. I enjoy history and literature too. I find them to
- be an effective compass for navigating life. I have a BSc. (Hons)
- in Mathematics from Nanyang Technological University, Singapore.
- </p>
-
- <p>
- Git: <a href="https://git.asciimx.com" class="external"
- target="_blank" rel="noopener noreferrer">git.asciimx.com</a>
- <br>
- Email: <a href="mailto:sadeep@asciimx.com">sadeep@asciimx.com</a>
- (<a href="/asciimx.asc" target="_blank">PGP key</a>)
- </p>
-
-</div>
-
-<hr>
-
-<h1>Latest Posts</h1>
-
-<ul>
-
-
-
- <li>
- <h2><a href="/blog/post-1/index.html">Index</a></h2>
- <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
-
- </li>
-
- <li>
- <h2><a href="/projects/post-1/index.html">Index</a></h2>
- <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
-
- </li>
-
-</ul>
-
-</div>
-
- </main>
+
+ <div class="container">
+ <ul id="navlist" class="left">
+ <li class="active">
+ <a href="/">hme
+ </a>
+ </li>
+ <li >
+ <a href="/about/">abt
+ </a>
+ </li>
+ <li><a href="/feed.xml">rss</a></li>
+ </ul>
</div>
+
</body>
</html>
diff --git a/_site/projects/post-1/index.html b/_site/projects/post-1/index.html
index d6b396b..538b2e5 100644
--- a/_site/projects/post-1/index.html
+++ b/_site/projects/post-1/index.html
@@ -6,26 +6,20 @@
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
- <div class="wrap">
- <header class="masthead">
- <div class="container">
- <h3 class="masthead-title">
- <a href="/" title="Home">ASCIIMX</a>
- <br><small>Wickramage Don Sadeep's Personal Website</small>
- </h3>
- </div>
- </header>
-
- <main class="container" id="main">
- <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
-
-<p>Apple trees are cultivated worldwide, and are the most widely grown
-species in the genus Malus. The tree originated in Central Asia, where
-its wild ancestor, Malus sieversii, is still found today. Apples have
-been grown for thousands of years in Asia and Europe, and were brought
-to North America by European colonists.</p>
-
- </main>
+
+ <div class="container">
+ <ul id="navlist" class="left">
+ <li >
+ <a href="/">hme
+ </a>
+ </li>
+ <li >
+ <a href="/about/">abt
+ </a>
+ </li>
+ <li><a href="/feed.xml">rss</a></li>
+ </ul>
</div>
+
</body>
</html>