mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
Home Page
This commit is contained in:
parent
7f1342dacc
commit
675354d7c4
6 changed files with 111 additions and 3 deletions
6
app.vue
6
app.vue
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<h1>
|
||||
hello world
|
||||
</h1>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
</template>
|
||||
|
|
|
|||
3
layouts/default.vue
Normal file
3
layouts/default.vue
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<template>
|
||||
<slot />
|
||||
</template>
|
||||
88
pages/index.vue
Normal file
88
pages/index.vue
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
<template>
|
||||
<div id="home" class="row centerChildren">
|
||||
<img class="pfp" src="/assets/pfp.svg">
|
||||
|
||||
<main class="col gap2">
|
||||
<h1>Hi, I'm F53</h1>
|
||||
|
||||
<p class="bio">
|
||||
I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer
|
||||
who spends a majority of their free time tinkering on mods and websites.
|
||||
Fluent in React, Vue, Ruby on Rails, Java, and Python.
|
||||
</p>
|
||||
|
||||
<ul class="links gap4 row centerChildren">
|
||||
<li>
|
||||
<NuxtLink to="mailto:fseusb@gmail.com" aria-label="email">
|
||||
<img src="/assets/email.svg">
|
||||
<span>Email</span>
|
||||
</NuxtLink>
|
||||
</li>
|
||||
<li>
|
||||
<NuxtLink to="https://github.com/CodeF53" aria-label="github">
|
||||
<img src="/assets/github.svg">
|
||||
<span>Github</span>
|
||||
</NuxtLink>
|
||||
</li>
|
||||
<li>
|
||||
<NuxtLink to="https://dev.to/f53" aria-label="blog">
|
||||
Blog
|
||||
</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<div>
|
||||
<h2>TODO:</h2>
|
||||
<ul>
|
||||
<li>background: pointcloud + something fancy with mouse movement + parallax scroll</li>
|
||||
<li>colors</li>
|
||||
<li>experience page: (education + jobs + projects) handled with markdown, click to learn more, filterable, sortable</li>
|
||||
<li>blog page: handled with markdown, filterable, sortable</li>
|
||||
<li>header for non-homepage pages</li>
|
||||
<li>duplicate site, but with real name and picture, with minimal duplicate source code</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
#home {
|
||||
--imgSize: min(20rem, 50vw, 50vh);
|
||||
--bioSize: min(40rem, 100vw - 2rem);
|
||||
@media (max-width: 60rem) {
|
||||
flex-direction: column;
|
||||
|
||||
--imgSize: min(20rem, 100vw - 1rem)
|
||||
}
|
||||
|
||||
gap: 2rem;
|
||||
|
||||
img.pfp {
|
||||
width: var(--imgSize);
|
||||
height: var(--imgSize);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: var(--bioSize);
|
||||
}
|
||||
|
||||
.links {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
gap: .25rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
img {
|
||||
height: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
10
public/assets/email.svg
Normal file
10
public/assets/email.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg fill="#fff" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 75.294 75.294" xml:space="preserve">
|
||||
<path d="M66.097,12.089h-56.9C4.126,12.089,0,16.215,0,21.286v32.722c0,5.071,4.126,9.197,9.197,9.197h56.9
|
||||
c5.071,0,9.197-4.126,9.197-9.197V21.287C75.295,16.215,71.169,12.089,66.097,12.089z M61.603,18.089L37.647,33.523L13.691,18.089
|
||||
H61.603z M66.097,57.206h-56.9C7.434,57.206,6,55.771,6,54.009V21.457l29.796,19.16c0.04,0.025,0.083,0.042,0.124,0.065
|
||||
c0.043,0.024,0.087,0.047,0.131,0.069c0.231,0.119,0.469,0.215,0.712,0.278c0.025,0.007,0.05,0.01,0.075,0.016
|
||||
c0.267,0.063,0.537,0.102,0.807,0.102c0.001,0,0.002,0,0.002,0c0.002,0,0.003,0,0.004,0c0.27,0,0.54-0.038,0.807-0.102
|
||||
c0.025-0.006,0.05-0.009,0.075-0.016c0.243-0.063,0.48-0.159,0.712-0.278c0.044-0.022,0.088-0.045,0.131-0.069
|
||||
c0.041-0.023,0.084-0.04,0.124-0.065l29.796-19.16v32.551C69.295,55.771,67.86,57.206,66.097,57.206z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1,007 B |
3
public/assets/github.svg
Normal file
3
public/assets/github.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="32" height="32" viewBox="0 0 16 16" fill="#fff" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 694 B |
4
public/assets/pfp.svg
Normal file
4
public/assets/pfp.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9 KiB |
Loading…
Reference in a new issue