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

10
public/index.html
View File

@@ -5,11 +5,17 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title>Johnathon Slightham</title>
<style>
html {
background: #111827;
}
</style>
</head> </head>
<body> <body>
<noscript> <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> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->

2
src/App.vue
View File

@@ -1,4 +1,5 @@
<template> <template>
<div class="md:container md:mx-auto">
<div class="text-gray-400 bg-gray-900 body-font app"> <div class="text-gray-400 bg-gray-900 body-font app">
<header class="text-gray-400 bg-gray-900 body-font"> <header class="text-gray-400 bg-gray-900 body-font">
<div <div
@@ -79,6 +80,7 @@
<router-view /> <router-view />
</transition> </transition>
</div> </div>
</div>
</template> </template>
<script> <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"> <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 md:mb-0 mb-10">
<center>
<img <img
class="object-cover object-center rounded" class="object-cover object-center rounded"
style="max-height: 350px;" style="max-height: 350px;"
alt="hero" alt="hero"
:src="profile" :src="profile"
/> />
</center>
</div> </div>
<div <div
class=" class="
@@ -36,9 +38,9 @@
Johnathon Slightham Johnathon Slightham
</h1> </h1>
<p class="mb-8 leading-relaxed"> <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> <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> </p>
<div class="flex justify-center"> <div class="flex justify-center">
<router-link to="/resume"> <router-link to="/resume">

4
src/views/CodeServer.vue
View File

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

2
src/views/Home.vue
View File

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

30
src/views/Work.vue
View File

@@ -3,7 +3,37 @@
<div class="container px-5 py-24 mx-auto"> <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> <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> <br>
<div class="-my-8 divide-y-2 divide-gray-800"> <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="py-8 flex flex-wrap md:flex-nowrap">
<div class="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col"> <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> <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) { if (!this.loaded) {
this.loaded = true; this.loaded = true;
console.log("Here"); console.log("Here");
this.socket = io.connect("localhost:4000"); this.socket = io.connect("jslightham:4000");
this.runCode(); this.runCode();
} }
}, },

5
tailwind.config.js
View File

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