Update skills and a bit of a content refresher

othyn · Mar 19, 2022 · f704ba6 · f704ba6
1 parent fd0327d
commit f704ba6
Show file tree

Hide file tree

Showing 15 changed files with 266 additions and 193 deletions.
diff --git a/README.md b/README.md
@@ -79,8 +79,6 @@ Roadmap for things I would like to change over time.
 
 ### Changes
 
-- Change `htop` progress bars into proficiency levels based around technologies, career experience and overall skill set.
-- Change the highlighted GitHub repos in `ls -lah ~/git` to newer projects.
 - Change `history | grep me` into tabbed sections going over my key interest pillars; career, hardware, networking, cars, photography.
 
 ---
@@ -91,6 +89,29 @@ Any and all project changes for releases should be documented below. Versioning
 
 ---
 
+### Version 1.1.1
+
+[[Git Changes]](https://github.com/othyn/othyn.com/compare/v1.1.0...v1.1.1) Alteration of skills.
+
+#### Added
+
+- More easter eggs. It's the time of year!
+
+#### Changed
+
+- Altered the skills section to add up to date skills
+- Presentation of skills has been updated to be a much better visual representation
+
+#### Fixed
+
+- Nothing.
+
+#### Removed
+
+- Discord from social
+
+---
+
 ### Version 1.1.0
 
 [[Git Changes]](https://github.com/othyn/othyn.com/compare/v1.0.0...v1.1.0) Re-containerisation into a static NuxtJS image served by NGINX, this will significantly shrink the image and hosting overhead for such a simple site.

diff --git a/assets/sass/app.scss b/assets/sass/app.scss
@@ -24,3 +24,6 @@
 
 // Component styling
 @import 'components';
+
+// Override styling
+@import 'overrides';
diff --git a/assets/sass/components.scss b/assets/sass/components.scss
@@ -1 +1,22 @@
 // Blade components
+div.skills {
+  small {
+    display: block;
+    margin-bottom: 25px;
+  }
+
+  dl {
+    margin-bottom: 25px;
+    column-count: 3;
+    column-width: 250px;
+    //   column-rule: 1px dashed var(--secondary-color);
+
+    dd {
+      margin-bottom: 5px;
+
+      span {
+        color: var(--primary-color);
+      }
+    }
+  }
+}
diff --git a/assets/sass/overrides.scss b/assets/sass/overrides.scss
@@ -0,0 +1,8 @@
+table {
+  tbody {
+    td:first-child {
+      font-weight: inherit;
+      color: inherit;
+    }
+  }
+}
diff --git a/components/core/Block.vue b/components/core/Block.vue
@@ -1,9 +1,7 @@
 <template>
   <div>
     <section :id="id">
-      <header>
-        <h1 class="terminal-prompt">{{ title }}</h1>
-      </header>
+      <CoreHeader :title="title"></CoreHeader>
 
       <slot></slot>
     </section>

diff --git a/components/core/Header.vue b/components/core/Header.vue
@@ -0,0 +1,16 @@
+<template>
+  <header>
+    <h1 class="terminal-prompt">{{ title }}</h1>
+  </header>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+  },
+}
+</script>
diff --git a/components/sections/home/Projects.vue b/components/sections/home/Projects.vue
@@ -1,113 +1,78 @@
 <template>
   <div>
     <p>
-      A sample of some of the projects I've contributed to, not everything
-      listed here, in which for a full list - check out
+      I'm pretty active on
       <a
         href="https://github.com/othyn"
         target="_blank"
         rel="noopener noreferrer"
-        >my github</a
-      >.
+        >GitHub</a
+      >
+      and will try to contribute in what ever way I can, no matter the language.
+      I love the Open Source community and what we all stand for. I try to
+      contribute my fair share to make good software available to all. I've
+      learned some invaluable skills by taking this approach and it helps me
+      keep an open mind.
+    </p>
+    <p>
+      I've done things like
+      <a
+        href="https://github.com/jrmadsen67/laravel-route-coverage-test"
+        target="_blank"
+        rel="noopener noreferrer"
+        >implement an entire release pipeline for certain projects</a
+      >
+      to ease the development burden on the maintainer. I've released
+      <a
+        href="https://github.com/othyn/php-enum-enhancements"
+        target="_blank"
+        rel="noopener noreferrer"
+        >several</a
+      >
+      <a
+        href="https://github.com/othyn/DateStrings"
+        target="_blank"
+        rel="noopener noreferrer"
+        >packages</a
+      >
+      and
+      <a
+        href="https://github.com/othyn/macos-auto-clicker"
+        target="_blank"
+        rel="noopener noreferrer"
+        >applications</a
+      >
+      across multiple languages and platforms (and thats just what is public.)
+      If its not that, then I'll be throwing up
+      <a
+        href="https://gist.github.com/othyn"
+        target="_blank"
+        rel="noopener noreferrer"
+        >Gist's</a
+      >
+      throughout the day with useful
+      <a
+        href="https://gist.github.com/othyn/5f92f92f904ed59860012a92a29af26e"
+        target="_blank"
+        rel="noopener noreferrer"
+        >code snippets</a
+      >
+      and
+      <a
+        href="https://gist.github.com/othyn/29b82e39eb8cdd98adf1be77cbb62700"
+        target="_blank"
+        rel="noopener noreferrer"
+        >scripts</a
+      >. Funnily enough both of my favorite
+      <a
+        href="https://gist.github.com/othyn/5c7dc991d32b2db358f17fb1dc6e7f1f"
+        target="_blank"
+        rel="noopener noreferrer"
+        >scripts</a
+      >
+      on there being related to getting OS images mountable or bootable on
+      macOS, the later being from my days building custom Raspberry Pi images.
     </p>
-
-    <div class="terminal-card-container">
-      <div class="terminal-card">
-        <header>this website</header>
-        <div>The website you are seeing right now, it's source.</div>
-        <a
-          href="https://github.com/othyn/othyn.com"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="btn btn-block btn-ghost btn-default"
-          >view on github</a
-        >
-      </div>
-
-      <div class="terminal-card">
-        <header>emilyraisin.com</header>
-        <div>
-          A website for a very special person, but one created to be
-          professional and allow for expansion.
-        </div>
-        <a
-          href="https://github.com/othyn/emilyraisin.com"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="btn btn-block btn-ghost btn-default"
-          >view on github</a
-        >
-      </div>
-    </div>
-
-    <div class="terminal-card-container">
-      <div class="terminal-card">
-        <header>docker-compose-laravel</header>
-        <div>A Docker Compose setup for Laravel projects.</div>
-        <a
-          href="https://github.com/othyn/docker-compose-laravel"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="btn btn-block btn-ghost btn-default"
-          >view on github</a
-        >
-      </div>
-
-      <div class="terminal-card">
-        <header>char-count-es6</header>
-        <div>
-          A very simple and light weight ES library for managing input lengths.
-        </div>
-        <a
-          href="https://github.com/othyn/char-count-es6"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="btn btn-block btn-ghost btn-default"
-          >view on github</a
-        >
-      </div>
-    </div>
-
-    <div class="terminal-card-container">
-      <div class="terminal-card">
-        <header>factorio-mods</header>
-        <div>
-          Enjoy a spot of modding from time to time. Here are a few mods for the
-          game factorio, which is a bloody good game.
-        </div>
-        <a
-          href="https://github.com/othyn?utf8=%E2%9C%93&tab=repositories&q=factorio"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="btn btn-block btn-ghost btn-default"
-          >view on github</a
-        >
-      </div>
-
-      <div class="terminal-card">
-        <header>dotfiles</header>
-        <div>
-          My dotfiles which follow me where ever I go! Stores my complete setup,
-          with automated installation and management scripts. Although these may
-          be private at the time of viewing...
-        </div>
-        <a
-          href="https://github.com/othyn/dotfiles"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="btn btn-block btn-ghost btn-default"
-          >view on github</a
-        >
-      </div>
-    </div>
-
-    <a
-      href="https://github.com/othyn"
-      target="_blank"
-      rel="noopener noreferrer"
-      class="btn btn-block btn-primary"
-      >my github</a
-    >
   </div>
 </template>
 

diff --git a/components/sections/home/Skills.vue b/components/sections/home/Skills.vue
diff --git a/components/sections/home/SkillsFooter.vue b/components/sections/home/SkillsFooter.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="skills">
+    <small>
+      Wanna know something <i>neat?</i> This site is running on a homelab
+      cluster provisioned with Rancher!<br />There is a load more stuff to
+      mention here, but its less skills and more things like; dotfiles,
+      environments, homelab and supportive tooling, which are less about skills
+      and more about effective/efficient development, getting things just how
+      you like them all wrapped up in a GitOps, automatable fashion.
+    </small>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>