diff options
Diffstat (limited to '_site')
| -rw-r--r-- | _site/about.html | 27 | ||||
| -rw-r--r-- | _site/assets/css/main.css | 177 | ||||
| -rw-r--r-- | _site/assets/images/asciimx.asc | 41 | ||||
| -rw-r--r-- | _site/assets/images/collage.jpeg | bin | 0 -> 85308 bytes | |||
| -rw-r--r-- | _site/assets/images/external-link.svg | 6 | ||||
| -rw-r--r-- | _site/blog/post-1/index.html | 31 | ||||
| -rw-r--r-- | _site/index.html | 71 | ||||
| -rw-r--r-- | _site/projects/post-1/index.html | 31 |
8 files changed, 384 insertions, 0 deletions
diff --git a/_site/about.html b/_site/about.html new file mode 100644 index 0000000..57fa5af --- /dev/null +++ b/_site/about.html @@ -0,0 +1,27 @@ +<!doctype html> +<html lang="en-us"> + <head> + <meta charset="utf-8"> + <title>About</title> + <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> + </body> +</html> diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css new file mode 100644 index 0000000..fc159a3 --- /dev/null +++ b/_site/assets/css/main.css @@ -0,0 +1,177 @@ +: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 { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, body { + margin: 0; + padding: 0; + overflow-x: hidden; +} + +html { + font-family: var(--main-font); + font-size: 1em; + line-height: 1.5; +} + +@media (min-width: 38em) { + html { + font-size: var(--main-font-size); + } +} + +body { + color: var(--text-color); + background-color: #fff; + @include text-size-adjust(100%); +} + +.content { + margin-bottom: 4rem; +} + +.wrap { + position: relative; + width: 100%; +} + +.container { + max-width: 32rem; + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; +} + +@media (min-width: 56em) { + .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; +} + +hr { + position: relative; + margin: 1.5rem 0; + border: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #fff; +} + +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; +} + +.masthead { + border-bottom: 1px solid #eee; + margin-bottom: 3rem; + padding-top: 26px; + padding-bottom: 1rem; + text-align: center; +} + +.masthead-title { + color: #505050; + font-family: var(--main-font); + font-size: 1.8rem; + line-height: .777em; + margin: 2em 0 0; + text-align: center; +} + +.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%; + } +} + +@media (min-width: 48em) { + .masthead-title small { + display: inline; + } +} + diff --git a/_site/assets/images/asciimx.asc b/_site/assets/images/asciimx.asc new file mode 100644 index 0000000..4dc21aa --- /dev/null +++ b/_site/assets/images/asciimx.asc @@ -0,0 +1,41 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- + +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 +x0obfZMoQLXyUIltL9IRHfM= +=G16G +-----END PGP PUBLIC KEY BLOCK----- diff --git a/_site/assets/images/collage.jpeg b/_site/assets/images/collage.jpeg Binary files differnew file mode 100644 index 0000000..6ae1b29 --- /dev/null +++ b/_site/assets/images/collage.jpeg diff --git a/_site/assets/images/external-link.svg b/_site/assets/images/external-link.svg new file mode 100644 index 0000000..2c04c7d --- /dev/null +++ b/_site/assets/images/external-link.svg @@ -0,0 +1,6 @@ +<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M1.5 3.5V14.5H12.5V10H14V15C14 15.5523 13.5523 16 13 16H1C0.447716 16 0 15.5523 0 15V3C0 2.44772 0.447715 2 1 2H6V3.5H1.5Z" fill="#FBFBFE"/> +<path d="M15.9217 1.17828L7.01473 10.0853L5.95407 9.02462L14.8611 0.117624L15.9217 1.17828Z" fill="#FBFBFE"/> +<path d="M7.5 0H16V1.5H7.5V0Z" fill="#FBFBFE"/> +<path d="M16 0L16 8.5L14.5 8.5L14.5 -6.55671e-08L16 0Z" fill="#FBFBFE"/> +</svg> diff --git a/_site/blog/post-1/index.html b/_site/blog/post-1/index.html new file mode 100644 index 0000000..d6b396b --- /dev/null +++ b/_site/blog/post-1/index.html @@ -0,0 +1,31 @@ +<!doctype html> +<html lang="en-us"> + <head> + <meta charset="utf-8"> + <title>Index</title> + <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> + </body> +</html> diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 0000000..0a901cb --- /dev/null +++ b/_site/index.html @@ -0,0 +1,71 @@ +<!doctype html> +<html lang="en-us"> + <head> + <meta charset="utf-8"> + <title>ASCIIMX - DEV</title> + <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> + </body> +</html> diff --git a/_site/projects/post-1/index.html b/_site/projects/post-1/index.html new file mode 100644 index 0000000..d6b396b --- /dev/null +++ b/_site/projects/post-1/index.html @@ -0,0 +1,31 @@ +<!doctype html> +<html lang="en-us"> + <head> + <meta charset="utf-8"> + <title>Index</title> + <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> + </body> +</html> |
