diff --git a/403.shtml b/403.shtml new file mode 100644 index 0000000..c6c8336 --- /dev/null +++ b/403.shtml @@ -0,0 +1,3 @@ +

FORBIDDEN

+

You are forbidden from this land. Forbidden.

+ \ No newline at end of file diff --git a/404.shtml b/404.shtml new file mode 100644 index 0000000..c7432b9 --- /dev/null +++ b/404.shtml @@ -0,0 +1,54 @@ + +
+
+

Error 404

+

(Page Not Found)

+

[Go Back]

+
+
\ No newline at end of file diff --git a/502.shtml b/502.shtml new file mode 100644 index 0000000..3fdbc6f --- /dev/null +++ b/502.shtml @@ -0,0 +1,20 @@ + + + + + + + + + +
+
+

Error 502. Bad Gateway

+

The web server is temporary overloaded and can’t process your request. Please accept our apologies for the inconveniences this might cause to you.

+

Please try to access the site later.

+
+
+ + diff --git a/504.shtml b/504.shtml new file mode 100644 index 0000000..47c56e5 --- /dev/null +++ b/504.shtml @@ -0,0 +1,20 @@ + + + + + + + + + +
+
+

Error 504. Server is unavailable

+

The server is temporary unavailable. Please accept our apologies for the inconveniences this might cause to you. + Please try to access the site later.

+
+
+ + diff --git a/508.shtml b/508.shtml new file mode 100644 index 0000000..a406994 --- /dev/null +++ b/508.shtml @@ -0,0 +1,23 @@ + + + + + + + + + +
+
+

Error 508.  Resource Limit Is Reached

+

The website is temporarily unable to service your request as it exceeded resource limit. Please try again later. +Please read more about this error in our knowledgebase

+

+If you are the owner of the account and you see this error not for the first time please consider upgrading your plan to the package with higher resource allocation. +

+
+
+ + diff --git a/README.md b/README.md new file mode 100644 index 0000000..79b962f --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# Hello +This is the code for my personal website, lukeogburn.com diff --git a/about.php b/about.php new file mode 100644 index 0000000..85a25bc --- /dev/null +++ b/about.php @@ -0,0 +1,30 @@ + + + + + + + + + +

ABOUT

+
+

Programmer

+

I've used this website to practice my web development skills for about three years now. I have become a full-stack developer with expertise in: HTML, CSS, JS, PHP, and SQL Database design/management. While I have some experience using C++, Java, Bash, and Python, I have not developed any full applications with them.

+
+ +
+

Student

+

I am a freshman in college, majoring in both CS and ISAT. I'm interested in the field of technology but I'm not sure exactly what I want to do with it - so I'm double majoring to keep my doors open.

+
+ +
+

Animals

+

I think that goats are the dogs of the farm and ducks are the dogs of the air. I believe that having animals in your life is essential to mental health, so naturally I am looking forward to owning my own pets: Three goats, two dogs, and a duck.

+
+ + diff --git a/head.php b/head.php new file mode 100644 index 0000000..27f5ff9 --- /dev/null +++ b/head.php @@ -0,0 +1,8 @@ + + + Luke Ogburn + + .css> + + + \ No newline at end of file diff --git a/heebo.ttf b/heebo.ttf new file mode 100644 index 0000000..b901d11 Binary files /dev/null and b/heebo.ttf differ diff --git a/hk.png b/hk.png new file mode 100644 index 0000000..0675fe1 Binary files /dev/null and b/hk.png differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..59e8c3b --- /dev/null +++ b/index.php @@ -0,0 +1,39 @@ + + + + + + + + + +
+

My name is Luke Ogburn, and I'm a full stack web developer. I'm going to + JMU to major in Computer Science, and I'm going to study abroad if I can. + I'm still mostly self taught, but I'm certainly learning a lot through JMU.
+ I have recently started to use github, + which you should definitely check out. +

+

The Chinese Communist Party has made it illegal world-wide to criticize their rule or promote + freedom to Hong Kong. For that reason, I find it necessary to use this medium to express the incredible amount of disdain I hold + for the CCP and declare that I fully support any efforts to end their rule in China, including + the restoration of the rightful autonomy of Hong Kong. Five demands, not one less.

+
+ +

CONNECT

+
+ GMAIL + PROTON + GITHUB + GITLAB + STACKOVERFLOW + LINKEDIN + PIXELFED + RESUME +
+ + diff --git a/lato.ttf b/lato.ttf new file mode 100644 index 0000000..04ea8ef Binary files /dev/null and b/lato.ttf differ diff --git a/moon.svg b/moon.svg new file mode 100644 index 0000000..a4d46e5 --- /dev/null +++ b/moon.svg @@ -0,0 +1,5 @@ + + \ No newline at end of file diff --git a/projects.php b/projects.php new file mode 100644 index 0000000..5a4e822 --- /dev/null +++ b/projects.php @@ -0,0 +1,49 @@ + + + + + + + + + +

PROJECTS

+
+These are my past projects. Some of them were designed to teach me back-end, and some were designed to teach me front-end. These were all learning experiences for me, so while nothing is designed to actually be used in mass (ei, the user interface may be poor), I learned a lot and designed each project to give me practice in a certain topic. Much of what I learned is missing from my earlier sites, since I learned as I created. + +

Web Riddles:

+This web riddle series was a lot of fun for me to create. Once I got the design down, I was able to focus on the backend code, which was converted from an insecure piece of javascript to a much more secure PHP script (which also allowed me to keep everything on a single page). +
Technologies used: HTML, CSS, PHP, PDO, SQL
+ You can find it here if you want to check it out. + +

500 Words:

+This site was based off of this site. I basically wanted to only write 500 words because 750 is just outrageous. It used to store information in an unencrypted text file, but I have updated it to be both encrypted and stored in a database instead. The encryption uses the user's password as a key, but since the password is hashed in the database there is no way for me, the owner, to unlock the information. This was something of an exploration into cryptography. +
Technologies used: HTML, CSS, JS, PHP, PDO, SQL
+ You can find it here if you want to check it out. + +

Blog:

+This blog never really amounted to much as I never really maintained it. It was mostly thrown together because I wanted to practice my PHP, so even though the blog itself is basically a failure I still gained a lot from it in terms of experience. I plan to bring it back one day, but I currently have no real reason to do so. +
Technologies used: HTML, CSS, PHP, PDO, SQL
+ This site is now down; I do not blog anymore (might be up in the future). + +

Rubik's Cube:

+This was actually the first page I made. It teaches methods on solving various Rubik's Cubes and mostly taught me CSS techniques. The original design was done with Wix before I knew anything about web development. It got me going in this whole business.
+ Technologies used: HTML, CSS
+ You can find it here if you want to check it out. + +

IB Site:

+This is basically a social media site. I designed it to be used for school-based things such as uploading notes or asking questions. It can, theoretically, be used for anything, but it is really designed for uploading notes that have been saved as an image file or as a document file. This site taught me a ton about the technologies I used and the interactions between them. Note that you currently need a school-assigned HCPS email account to access the website (this will be changing at some point, but has not yet). Unfortunately, this site is now broken due to my school changing the email addresses for students. It requires an email to login, so while students can log in, there are a few things that don't work (like tagging users). It isn't worth the effort to maintain, so I'm not going to edit it until I spontaneously get the energy. +
Technologies used: HTML, CSS, JS, PHP, PDO, SQL, Google OAuth API, Regex
+ This site is currently not working, since it requries a Google Suite account, the domain of which has shut down recently. I plan to get it up (non-functionally) at some point. + +

URL Shortener:

+This site was fun to make and I do use it myself. All it does is take a URL and make it into another url. For example, lukeogburn.com is shortened to lukeo.link/TvVif. If a URL is submitted again, it will use the same short URL as before. I did buy a separate domain for this site, so I won't be keeping up with it once I decide that it's not worth the price. No idea when that'll be, so for now it's only use is as a temporary URL shortener for simple convenience. +
Technologies used: HTML, CSS, PHP, PDO, SQL
+ You can find it here if you want to check it out. +
+ + diff --git a/style-dark.css b/style-dark.css new file mode 100644 index 0000000..f7a6c21 --- /dev/null +++ b/style-dark.css @@ -0,0 +1,9 @@ +:root{ + --bg-color: #111; + --txt-color: #ddd; + --secondary-txt-color: #fff; + --green: #198c47; +} +#moonImg{ + filter: invert(100%) opacity(60%); +} \ No newline at end of file diff --git a/style-light.css b/style-light.css new file mode 100644 index 0000000..1a5aa7c --- /dev/null +++ b/style-light.css @@ -0,0 +1,9 @@ +:root{ + --bg-color: #f1f2f3; + --txt-color: #222; + --secondary-txt-color: #000; + --green: #00ab44; +} +#moonImg{ + filter: opacity(60%); +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2b74e65 --- /dev/null +++ b/style.css @@ -0,0 +1,156 @@ +@font-face{ + font-family: Heebo; + src: url('heebo.ttf'); +} +@font-face{ + font-family: Lato; + src: url('lato.ttf'); +} +*{ + transition: 400ms; +} + +body{ + font-family: Lato, sans-serif; + width: 60%; + margin-left: 20%; + margin-right: 20%; + line-height: 1.7em; + transition: 500ms; + padding-bottom: 5vh; + background-color: var(--bg-color); + color: var(--txt-color); + font-size: 1.07em; +} +h1,h2,h3,h4,h5,h6{ + font-family: Heebo, sans-serif; + color: var(--secondary-txt-color); +} + +.noselect { + -webkit-touch-callout: none; /* iOS Safari */ + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Old versions of Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + supported by Chrome, Opera and Firefox */ +} +#moonImg{ + width: 1em; + position: absolute; + top: 40px; + right: 50px; + cursor: pointer; +} +#freehk{ + width: 1.1em; + border-radius: 50%; + position: absolute; + top: 39px; + right: calc(50px + 1.7em); + cursor: pointer; +} + +#top{ + text-align: center; +} +#menu{ + margin-bottom: 60px; +} +.mi{ + display: inline-block; + font-size: 1.3em; +} +.mi:not(:last-of-type){ + margin-right: 50px; +} +.name{ + text-align: center; + font-size: 1.7em; +} +#me{ + font-size: 2.5em; + margin-top: 100px; + margin-bottom: 70px; + line-height: 1.1em; +} +a{ + color: var(--green); + text-decoration: none; +} +a:hover{ + text-decoration: underline; +} +.content{ + margin-bottom: 10px; +} +.content>h2{ + margin-bottom: 10px; +} +.content>p{ + margin: 0px; + margin-bottom: 40px; +} + +.name:last-of-type{ + margin-top: 7vh; +} +.network{ + position: relative; + top: 1vh; + display: grid; + grid-template-columns: repeat(4, 1fr); + width: 100%; + grid-column-gap: 1em; + grid-row-gap: 1em; /*used in @media*/ +} +.networkLink{ + font-family: Heebo, sans-serif; + font-weight: 700; + text-align: center; + border: 1px solid var(--green); + border-radius: 0.3em; + padding: 0.2em 0; +} +.networkLink:hover{ + background-color: var(--green); + color: white; + text-decoration: none; +} + + +@media (max-width: 1000px){ + body{ + width: 80%; + margin-left: 10%; + margin-right: 10%; + } + .network{ + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 700px){ + body{ + width: 90%; + margin-left: 5%; + margin-right: 5%; + } + .mi, .mi:not(:last-of-type){ + display: block; + margin: 0px; + transition: 300ms; + } + #me{ + margin-top: 50px; + margin-bottom: 40px; + } + .network{ + grid-template-columns: repeat(2, 1fr) !important; + } + .theme{ + top: 20px; + right: 25px; + } +} diff --git a/top.php b/top.php new file mode 100644 index 0000000..5eceb94 --- /dev/null +++ b/top.php @@ -0,0 +1,61 @@ +
+ + +
+ + + +
+

LUKE OGBURN

+ +
\ No newline at end of file diff --git a/walker.png b/walker.png new file mode 100644 index 0000000..e8821ec Binary files /dev/null and b/walker.png differ