jslightham/old-personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated Website

Browse Source
This commit is contained in:
Johnathon Slightham
2022-05-12 21:34:01 -04:00
parent ba5c88aa78
commit ad62a7804e
9 changed files with 421 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
package-lock.json generated
View File

@@ -3365,9 +3365,9 @@
}
},
"node_modules/async": {
"version": "2.6.3",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
"integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
"integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
"dev": true,
"dependencies": {
"lodash": "^4.17.14"
@@ -7521,9 +7521,9 @@
}
},
"node_modules/log-update/node_modules/ansi-regex": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
"integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
"integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
"dev": true,
"engines": {
"node": ">=4"
@@ -7887,9 +7887,9 @@
}
},
"node_modules/minimist": {
"version": "1.2.5",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
"version": "1.2.6",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
"dev": true
},
"node_modules/minipass": {
@@ -14614,9 +14614,9 @@
"dev": true
},
"async": {
"version": "2.6.3",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
"integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
"integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
"dev": true,
"requires": {
"lodash": "^4.17.14"
@@ -17706,9 +17706,9 @@
},
"dependencies": {
"ansi-regex": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
"integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
"integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
"dev": true
},
"cli-cursor": {
@@ -17982,9 +17982,9 @@
}
},
"minimist": {
"version": "1.2.5",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
"version": "1.2.6",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
"dev": true
},
"minipass": {

10
public/index.html
View File

@@ -5,11 +5,17 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<title>Johnathon Slightham</title>
<style>
html {
background: #111827;
}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong>Sorry, but my website was written with the Vue framework, and thus requires JavaScript enabled! Please enable JavaScript in order to view my website.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->

2
src/App.vue
View File

@@ -1,4 +1,5 @@
<template>
<div class="md:container md:mx-auto">
<div class="text-gray-400 bg-gray-900 body-font app">
<header class="text-gray-400 bg-gray-900 body-font">
<div
@@ -79,6 +80,7 @@
<router-view />
</transition>
</div>
</div>
</template>
<script>

6
src/components/ProfileComponent.vue
View File

@@ -13,12 +13,14 @@
"
>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 md:mb-0 mb-10">
<center>
<img
class="object-cover object-center rounded"
style="max-height: 350px;"
alt="hero"
:src="profile"
/>
</center>
</div>
<div
class="
@@ -36,9 +38,9 @@
Johnathon Slightham
</h1>
<p class="mb-8 leading-relaxed">
I am a computer engineering student at the University of Waterloo. I have a passion for machine learning, and love working on open source projects.
I am an undergraduate student studying Computer Engineering at the University of Waterloo. I love open source projects, and working on useful applications that are used by the public. The majority of my work so far has been in Full-Stack development, with a focus on Back End develoment. I also have a passion for machine learning, which I am currently working towards developing my skills in.
<br><br>
Browse my website to check out some of my projects or connect with me!
Browse my website to check out some of my projects or connect with me. I am always open to working on new projects!
</p>
<div class="flex justify-center">
<router-link to="/resume">

4
src/views/CodeServer.vue
View File

@@ -121,7 +121,7 @@ export default {
methods: {
async runCode() {
this.data = [];
let res = await fetch("http://localhost:8000/run/run", {
let res = await fetch("http://jslightham.com:8000/run/run", {
method: "POST",
headers: {
Accept: "application/json",
@@ -152,7 +152,7 @@ export default {
return highlight(code, languages.js); // languages.<insert language> to return html with markup
},
async getLanguages() {
let res = await fetch("http://localhost:8000/run/languages");
let res = await fetch("http://jslightham:8000/run/languages");
this.languages = await res.json();
},
},

2
src/views/Home.vue
View File

@@ -1,7 +1,5 @@
<template>
<div>
<ProfileComponent></ProfileComponent>
</div>
</template>
<script>

30
src/views/Work.vue
View File

@@ -3,7 +3,37 @@
<div class="container px-5 py-24 mx-auto">
<p>Check out some of my projects! I'm not yet done setting up each project on my VPS yet, so not every project is hosted.</p>
<br>
<div class="-my-8 divide-y-2 divide-gray-800">
<div class="py-8 flex flex-wrap md:flex-nowrap">
<div class="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col">
<span class="font-semibold title-font text-white">Unity, C#</span>
<span class="mt-1 text-gray-500 text-sm">April 2022</span>
</div>
<div class="md:flex-grow">
<h2 class="text-2xl font-medium text-white title-font mb-2">
Row Game
</h2>
<p class="leading-relaxed">
Worked with a team to create a 2D game in unity for a Game Jam.
</p>
<a href="https://canarybenn.itch.io/row" class="text-blue-400 inline-flex items-center mt-4"
>Play on itch.io
<svg
class="w-4 h-4 ml-2"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="py-8 flex flex-wrap md:flex-nowrap">
<div class="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col">
<span class="font-semibold title-font text-white">Vue, TailwindCSS</span>

2
src/views/Zork.vue
View File

@@ -58,7 +58,7 @@ export default {
if (!this.loaded) {
this.loaded = true;
console.log("Here");
this.socket = io.connect("localhost:4000");
this.socket = io.connect("jslightham:4000");
this.runCode();
}
},

5
tailwind.config.js
View File

@@ -4,6 +4,11 @@ module.exports = {
"./src/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
container: {
center: true,
padding: '5rem',
},
extend: {},
},
plugins: [],