M .gitignore => .gitignore +1 -24
@@ 1,24 1,1 @@
-# The directory Mix will write compiled artifacts to.
-/_build/
-
-# If you run "mix test --cover", coverage assets end up here.
-/cover/
-
-# The directory Mix downloads your dependencies sources to.
-/deps/
-
-# Where third-party dependencies like ExDoc output generated docs.
-/doc/
-
-# Temporary files, for example, from tests.
-/tmp/
-
-# If the VM crashes, it generates a dump, let's ignore it too.
-erl_crash.dump
-
-# Also ignore archive artifacts (built via "mix archive.build").
-*.ez
-
-# Ignore package tarball (built via "mix hex.build").
-www-*.tar
-
+/build<
\ No newline at end of file
M build.exs => build.exs +3 -3
@@ 1,6 1,6 @@
-defmodule Builders do
- require EEx
+require EEx
+defmodule Builders do
binfo_template = """
commit=<%= commit %>
lightningcss=<%= lightningcss %>
@@ 14,7 14,7 @@ defmodule Builders do
System.cmd("html-minifier-next", [
"--preset",
- "comprehensive",
+ "conservative",
"-o",
output_path,
input_path
M src/index.css => src/index.css +21 -3
@@ 45,15 45,15 @@ h1 {
width: 100vw;
}
-#main-focus>h2 {
+main>h2 {
font-weight: normal;
}
-#main-focus>p {
+main>p {
font-weight: lighter;
}
-#main-focus {
+main {
background-color: #00000080;
width: 50vw;
margin: auto;
@@ 67,4 67,22 @@ footer {
#lynx {
justify-content: right;
+}
+
+a {
+ color: var(--txt-colour);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ text-decoration: underline #ffffff80;
+}
+
+#mark>h1,
+#mark>h3 {
+ text-decoration: none;
}=
\ No newline at end of file
M src/index.html => src/index.html +25 -6
@@ 6,7 6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>home - m1kadev.nl</title>
<link rel="stylesheet" href="/index.css">
- <script src="/index.js" defer></script>
+ <script src="/index.js" type="module" defer></script>
+ <link rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/tokyo-night-dark.min.css">
</head>
<body>
@@ 15,12 17,29 @@
<h1>m1kadev</h1>
</div>
<div id="content">
- <div id="main-focus">
+ <main>
<h1>Haii :3 i'm mika</h1>
<p>
- i'm mika (stylised as m1ka, also m1kadev). i'm your favourite dutch persons favourite dutch person. big
- fan of rust too. you can reach out to me per e-mail as linked in my github profile. i also respond to
- discord dms over at m1kadev there.
+ haiii!!! i'm mika (also <em>m1ka</em>, <em>m1kadev</em>). i'm a (mostly backend) developer from <a
+ href="https://en.wikipedia.org/wiki/Netherlands">The Netherlands</a>. i'm also a big fan of making
+ drinks & cooking.
+ </p>
+ <h3>about me</h3>
+ <p>
+ i do vwo (dutch A-levels) phyiscs in the greater rotterdam area. i've been working on <a
+ href="https://github.com/m1kadev/fxg">fxg</a>, a markup language in <a
+ href="https://rust-lang.com">rust</a>. also, i've been playing around with functional programming
+ (mostly in <a href="https://elixir-lang.org/">elixir</a>).
+ </p>
+ <p>
+ Together with 3 other friends, we run <a href="https://dupunkto.org/">{du}punkto</a>
+ </p>
+ <h3>contact</h3>
+ <p>
+ you can reach me at m1kadev on <a href="https://discord.com/">discord</a>, or on my email address at
+ <pre><code class="language-rust">
+ format!("{2}@{0}.{1}", "dupunkto", "org", "mika")
+ </code></pre>
</p>
<hr>
<footer>
@@ 34,7 53,7 @@
</a>
</div>
</footer>
- </div>
+ </main>
</div>
</body>
M src/index.js => src/index.js +8 -2
@@ 1,10 1,16 @@
const fromCommit = document.getElementById("from-commit");
const buildDate = document.getElementById("build-date");
+import hljs from 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/es/highlight.min.js';
+import rust from 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/es/languages/rust.min.js';
+
+hljs.registerLanguage('rust', rust);
+hljs.highlightAll();
+
fetch("/info.txt").then(async data => {
const res = await data.text();
let map = new Map();
res.split("\n").map(x => x.split("=", 2)).map(([k, v]) => map[k] = v);
- fromCommit.innerHTML = " " + map["commit"].substr(0, 8);
- buildDate.innerHTML = " " + map["build_time"];
+ fromCommit.innerHTML = map["commit"].substr(0, 8);
+ buildDate.innerHTML = map["build_time"];
});