~jshsj/joshua_website

d782b52a076d408ad23bec7f685825f23643c3bd — JSHSJ 1 year, 1 month ago 2876c47
changed link styling and added new projects
3 files changed, 42 insertions(+), 2 deletions(-)

M assets/scss/main.scss
M components/Navigation.vue
M pages/index/mehr.vue
M assets/scss/main.scss => assets/scss/main.scss +15 -1
@@ 49,7 49,21 @@ p {

a {
    text-decoration: none;
    color: $color-accent;
    color: $color-dark;
    position: relative;
    font-weight: bold;
    font-family: "Fira Code";

    &:after {
      height: 50%;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      background: $color-accent;
      z-index: -1;
    }
}

.headline {

M components/Navigation.vue => components/Navigation.vue +2 -0
@@ 164,6 164,8 @@ $color-dark: #151b21;
}

.page-link {
  font-family: "Fira Sans";
  font-weight: 300;
  font-size: 24px;
  margin: 8px 0;
  width: 50%;

M pages/index/mehr.vue => pages/index/mehr.vue +25 -1
@@ 27,7 27,7 @@
            v-for="p in portfolioEntries"
            :key="p.title"
            :title="p.title"
            :link="p.title"
            :link="p.link"
            :linkTitle="p.linkTitle"
            :description="p.description"
          />


@@ 99,6 99,30 @@ export default {
          description:
            '<p>Ein klassisches Nerd-Projekt für ein paar Freunde. Tabellen und Wochen-Spielübersichten für eine private Magic Liga.</p>' +
            '<p class="tech">Hier habe ich Go Templates und einen Go-Server verwendet, der Daten regelmäßig aus einem Google Sheet anfragt und dann cached. </p>'
        },
        {
          title: '181degree.com',
          link: 'https://181degree.com/',
          linkTitle: '181degree.com',
          description:
            '<p>Eine fast klassische Portfolio Webseite.</p>' +
            '<p class="tech">Der Twist ist, dass sie statisch generiert wird und über ein "offline"-CMS gefüttert wird. Für eine genauere Erklärung, habe ich einen <a href="https://joshuastuebner.com/blog/backend/simple_cms.html">Blog Post</a> darüber geschrieben.</p>'
        },
        {
          title: 'Unit Converter',
          link: 'https://jshsj.de/',
          linkTitle: 'Converter',
          description:
            '<p>Eine kleine statische Seite, die das umrechnen von Einheiten leichter machen soll.</p>' +
            '<p class="tech">Es gab keine Seite, mit deren Bedienung ich vollkommen zufrieden war. Dieser Unit Converter wrapt eine Javascript Bibliothek und versucht mit autocomplete und instant conversion, das ganze einfacher zu machen. Wieder mit Nuxt.js.</p>'
        },
        {
          title: 'Rechnungs Generator',
          link: 'https://gitlab.com/JSHSJ/rechnungs-generator-v2',
          linkTitle: 'Gitlab:RechnungsGenerator',
          description: 
            '<p>Mein selbstgeschriebenes Programm, mit dem ich Rechnungen generiere.</p>' +
            '<p class="tech">Das Programm funktionert ähnlich wie das CMS für 181degree.com. Ein kleiner Go Server managed <b>.JSON</b>-Dateien, dazu ein Nuxt.js-SPA Frontend, damit das Bearbeiten mehr Freude macht.</p>'
        }
      ]
    }