Skip to content

Commit

Permalink
feat: remove instagram, more about section updates
Browse files Browse the repository at this point in the history
  • Loading branch information
rak3rman committed Oct 12, 2023
1 parent 2d1bb63 commit d209826
Show file tree
Hide file tree
Showing 2 changed files with 73 additions and 55 deletions.
113 changes: 65 additions & 48 deletions components/Footer.vue
Original file line number Diff line number Diff line change
@@ -1,24 +1,39 @@
<template>
<footer class="pt-14">
<!-- <div class="py-16">-->
<!-- <img class="mx-auto h-8 w-auto" src="https://imagedelivery.net/5zM6Rdl2uV8Hmr9WxRh20g/7ed7598b-5520-4e18-5159-daa458739b00/sm" alt="RAkerman Logo" />-->
<!-- <nav class="mt-10 text-sm text-neutral opacity-70" aria-label="quick links">-->
<!-- <div class="-my-1 flex justify-center gap-x-6">-->
<!-- <a v-for="site in sitemap" :href="site.href">{{ site.name }}</a>-->
<!-- </div>-->
<!-- </nav>-->
<!-- </div>-->
<div class="pt-8 md:flex md:items-center md:justify-between md:border-t md:border-accent/20">
<!-- <div class="py-16">-->
<!-- <img class="mx-auto h-8 w-auto" src="https://imagedelivery.net/5zM6Rdl2uV8Hmr9WxRh20g/7ed7598b-5520-4e18-5159-daa458739b00/sm" alt="RAkerman Logo" />-->
<!-- <nav class="mt-10 text-sm text-neutral opacity-70" aria-label="quick links">-->
<!-- <div class="-my-1 flex justify-center gap-x-6">-->
<!-- <a v-for="site in sitemap" :href="site.href">{{ site.name }}</a>-->
<!-- </div>-->
<!-- </nav>-->
<!-- </div>-->
<div
class="pt-8 md:flex md:items-center md:justify-between md:border-t md:border-accent/20"
>
<div class="flex justify-center space-x-6 md:order-2">
<NuxtLink v-for="item in navigation" :key="item.name" :to="item.href" class="text-neutral opacity-70 hover:text-secondary transition duration-300">
<NuxtLink
v-for="item in navigation"
:key="item.name"
:to="item.href"
class="text-neutral opacity-70 hover:text-secondary transition duration-300"
>
<span class="sr-only">{{ item.name }}</span>
<component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
</NuxtLink>
</div>
<div class="mt-8 md:mt-0 md:order-1">
<div>
<h6 class="text-center text-sm text-neutral opacity-70 md:float-left md:mr-1 pb-1">&copy; Radison Akerman {{new Date().getFullYear()}}.</h6>
<h6 class="text-center text-sm text-neutral opacity-70 md:float-left md:mr-1 pb-1">Designed and built from scratch.</h6>
<h6
class="text-center text-sm text-neutral opacity-70 md:float-left md:mr-1 pb-1"
>
&copy; Radison Akerman {{ new Date().getFullYear() }}.
</h6>
<h6
class="text-center text-sm text-neutral opacity-70 md:float-left md:mr-1 pb-1"
>
Designed and built from scratch.
</h6>
</div>
<div>
<div class="md:float-left md:mr-1 flex justify-center">
Expand All @@ -34,7 +49,9 @@
</div>
<div class="md:float-left md:mr-1 flex justify-center">
<h6 class="text-center text-sm text-neutral opacity-70">
<Linker href="https://github.com/rak3rman/mark4">Mark 4, RF-RA #{{ config.public.gitMasterTag }}.</Linker>
<Linker href="https://github.com/rak3rman/mark4"
>Mark 4, RF-RA #{{ config.public.gitMasterTag }}.</Linker
>
</h6>
</div>
</div>
Expand All @@ -44,9 +61,9 @@
</template>

<script setup>
import { defineComponent, h } from 'vue'
import { defineComponent, h } from "vue";
const config = useRuntimeConfig()
const config = useRuntimeConfig();
// const sitemap = [
// { name: 'Home', href: '/' },
Expand All @@ -55,47 +72,47 @@ const config = useRuntimeConfig()
// ]
const navigation = [
// {
// name: 'Instagram',
// href: 'https://instagram.com/rak3rman',
// icon: defineComponent({
// render: () =>
// h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
// h('path', {
// 'fill-rule': 'evenodd',
// d: 'M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z',
// 'clip-rule': 'evenodd',
// }),
// ]),
// }),
// },
{
name: 'Instagram',
href: 'https://instagram.com/rak3rman',
name: "GitHub",
href: "https://github.com/rak3rman",
icon: defineComponent({
render: () =>
h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
h('path', {
'fill-rule': 'evenodd',
d: 'M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z',
'clip-rule': 'evenodd',
}),
]),
h("svg", { fill: "currentColor", viewBox: "0 0 24 24" }, [
h("path", {
"fill-rule": "evenodd",
d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
"clip-rule": "evenodd",
}),
]),
}),
},
{
name: 'GitHub',
href: 'https://github.com/rak3rman',
name: "LinkedIn",
href: "https://www.linkedin.com/in/rakerman/",
icon: defineComponent({
render: () =>
h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
h('path', {
'fill-rule': 'evenodd',
d: 'M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z',
'clip-rule': 'evenodd',
}),
]),
h("svg", { fill: "currentColor", viewBox: "0 0 448 512" }, [
h("path", {
"fill-rule": "evenodd",
d: "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z",
"clip-rule": "evenodd",
}),
]),
}),
},
{
name: 'LinkedIn',
href: 'https://www.linkedin.com/in/rakerman/',
icon: defineComponent({
render: () =>
h('svg', { fill: 'currentColor', viewBox: '0 0 448 512' }, [
h('path', {
'fill-rule': 'evenodd',
d: 'M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z',
'clip-rule': 'evenodd',
}),
]),
}),
},
]
];
</script>
15 changes: 8 additions & 7 deletions components/Home/About.vue
Original file line number Diff line number Diff line change
Expand Up @@ -47,9 +47,9 @@
class="text-neutral mx-auto lg:max-w-full lg:row-start-1 lg:col-start-1"
>
<p class="fade-in">
Hello there! I’m Radison, a software engineer, creative leader,
project manager, computer science student, and professional
photographer. My interest in digital technology started back in
Hello there! I’m Radison, a software engineer with a knack for
leadership, web technologies, concurrency, photography, and
multisport events. My interest in digital technology started back in
middle school when I tinkered with microcontrollers and competed in
FIRST LEGO League competitions — it turns out you can learn a lot
from bits of plastic and expensive servos.
Expand All @@ -59,7 +59,7 @@
<NuxtLink
class="text-secondary underline underline-offset-2"
to="https://spacex.com"
>a rocket company</NuxtLink
>a spacecraft manufacturer</NuxtLink
>,
<NuxtLink
class="text-secondary underline underline-offset-2"
Expand Down Expand Up @@ -136,9 +136,10 @@
who help make these ideas a reality.
</p>
<p class="fade-in">
In my spare time, I love to build things with my hands (woodworking,
small electronics), volunteer in the community, and compete in
endurance triathlons. In August 2022, I finished
In my spare time, I love to build things with my hands (SAE Formula
E, woodworking, small electronics), volunteer in the community (UIC
Cities Project), and compete in endurance triathlons. In August
2022, I finished
<NuxtLink
class="text-secondary underline underline-offset-2"
to="https://www.athlinks.com/event/30585/results/Event/1019369/Course/2251422/Bib/3435"
Expand Down

0 comments on commit d209826

Please sign in to comment.