Merge pull request #2 from ethanglide/github-site-patch
Add files via upload
BIN
Pictures/c.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
Pictures/csharp.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
Pictures/game.png
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
Pictures/github.png
Normal file
After Width: | Height: | Size: 8.4 KiB |
BIN
Pictures/glidebot.png
Normal file
After Width: | Height: | Size: 37 KiB |
BIN
Pictures/linkedin.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
Pictures/polyfactor.png
Normal file
After Width: | Height: | Size: 99 KiB |
BIN
Pictures/python.webp
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
Pictures/telepuzzle.png
Normal file
After Width: | Height: | Size: 49 KiB |
BIN
Pictures/thedeer.ico
Normal file
After Width: | Height: | Size: 175 KiB |
101
index.html
@ -1,50 +1,59 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
<link rel="stylesheet" href="pretty.css">
|
|
||||||
<title>Jennelle's Blog</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td style="width: 50%;">
|
|
||||||
<center><h1>Jennelle's Blog</h1></center>
|
|
||||||
</td>
|
|
||||||
<td style="width: 15%; background-color: #adf7c1;">
|
|
||||||
<a href="https://twitter.com/peachp0ds" target="_blank"><img src="https://assets.stickpng.com/images/580b57fcd9996e24bc43c53e.png" alt="twitter logo" style="width: 50px;"></a>
|
|
||||||
<a href="https://instagram.com/jennxlle?utm_medium=copy_link" target="_blank"><img src="https://assets.stickpng.com/images/580b57fcd9996e24bc43c521.png" alt="instagram logo" style="width: 45px;"></a>
|
|
||||||
<a href="https://letterboxd.com/peachp0ds/" target="_blank"><img src="https://a.ltrbxd.com/logos/letterboxd-decal-dots-neg-rgb.svg" alt="letterboxd logo" style="width: 50px; padding-top: 40px;"></a>
|
|
||||||
<a href="https://www.pinterest.ca/peachp0ds/?invite_code=a6d09fe2ef5044f29becc054b97d598c&sender=836121624477565998" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/0/08/Pinterest-logo.png" alt="pinterest logo" style="width: 50px;"></a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr style="height: 100%;">
|
|
||||||
<td style="background-color: #adf7c1;">
|
|
||||||
<div id='0'>
|
|
||||||
<img src="Pictures/e+j.jpg" alt="jennelle and ethan" style="float: right; width: 40%;">
|
|
||||||
<p>Welcome to Jennelle's Blog!</p>
|
|
||||||
<p>This is the blog of Jennelle Jagdeo. Learn the exciting ins and outs of this wild girl's life!</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit nemo obcaecati quae suscipit! Dolores, hic odio minima nobis natus repellendus fugiat. Libero sit corporis voluptas suscipit distinctio beatae culpa eos?Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis velit atque voluptate delectus perferendis, repellendus possimus adipisci aut eligendi voluptatibus molestias sapiente, tenetur laborum totam alias? Cumque tempore dolore vero? <br><br> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident voluptatibus rem architecto odit dignissimos fugiat animi, dolore sed in velit necessitatibus ab aperiam illum adipisci cumque nisi fugit, tempora accusantium! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel aliquid magnam minima assumenda repudiandae nesciunt optio sunt iusto officia repellendus reiciendis eaque eligendi, recusandae aspernatur dicta unde delectus corporis adipisci!</p>
|
|
||||||
</div>
|
|
||||||
<div id="1" style="display: none;">
|
|
||||||
<img src="https://getemoji.com/assets/og/mobile.png" alt="emojis" style="width: 40%; float: left;">
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente soluta praesentium voluptatem eum expedita officiis, numquam molestiae suscipit hic saepe doloremque dolore ipsum aperiam nemo laboriosam quam possimus excepturi minus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam unde iure praesentium commodi eius sed consequuntur laboriosam inventore quisquam ea. Mollitia totam fugiat architecto tempora dicta quibusdam aut animi laboriosam.</p>
|
|
||||||
</div>
|
|
||||||
<div id="2" style="display: none;">
|
|
||||||
<h1>WOAHHH</h1>
|
|
||||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/qrUXZrLCKKk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="float: left;"></iframe>
|
|
||||||
<p>This is Elden Ring update my Mordecai and it is soooo cool omg <br><br> I want to play this game and have lots of fun playing this video game :) funsies <br><br> If you can see this you are a github god</p>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td style="padding-bottom: 50%;">
|
|
||||||
<h2>Check out the articles!</h2>
|
|
||||||
<a onclick="SetMain('0')">Homepage</a> <br>
|
|
||||||
<a onclick="SetMain('1')">Article 1</a> <br>
|
|
||||||
<a onclick="SetMain('2')">Article 2</a>
|
|
||||||
<hr>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<script src="script.js"></script>
|
<head>
|
||||||
</body>
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="icon" type="image/x-icon" href="Pictures/thedeer.ico">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Ethan's Github</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<a href="https://github.com/ethanglide" target="_blank"><img src="Pictures/github.png" alt="github logo" style="float: right; width: 50px; margin-top: 50px;"></a>
|
||||||
|
<a href="https://www.linkedin.com/in/ethan-cook-76b9b81a5/" target="_blank"><img src="Pictures/linkedin.png" alt="linkedin logo" style="float: right; width: 50px; margin-top: 50px;"></a>
|
||||||
|
<img src="Pictures/thedeer.ico" alt="my profile picture" style="width: 100px; float: left; margin-top: 45px;">
|
||||||
|
<h1 style="text-decoration: underline;">Ethan's Github</h1>
|
||||||
|
<p>Welcome to my Github site. This is coded entirely in classic HTML/CSS and is the place to find out all about me and projects I have done or am currently doing.</p>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<h2>My Programming Languages</h2>
|
||||||
|
<div style="float: left; padding-right: 10px;">
|
||||||
|
<img src="Pictures/c.png" alt="C Logo" style="width: 100px;">
|
||||||
|
<img src="Pictures/csharp.png" alt="C# Logo" style="width: 100px;">
|
||||||
|
<br>
|
||||||
|
<img src="Pictures/python.webp" alt="Python Logo" style="width: 100px; padding-left: 75px;">
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<p><span class="bold">• C:</span> I've been coding in this language since 2018. Mostly for school related projects. In this language I learned most of my essential skills in programming. Functional programming, abstract data types such as Linked Lists, Binary Search Trees, Stacks, etc. I learned about recursion, memory models, pointers, APIs, and more.</p>
|
||||||
|
<p><span class="bold">• C#:</span> My personal favourite language. I have been using this one since 2019 and have done a lot with it. This language introduced me to object oriented programming and had me go much more in depth with APIs and documentation. I have made Windows Forms Apps with Visual Studio like the polynomial factorer, and I have programmed 3D video games with Unity using their API like the Telepuzzle game.</p>
|
||||||
|
<p><span class="bold">• Python:</span> Starting in 2018 this was my introduction to programming. This language is particularly important to me because it is what made me appreciate the simplicity of C so much more. Of course this language is the easiest to code in, but the syntactic sugar gets a little to sweet for me somtimes. However I am proficient with python and made things like discord bots using the discord.py API.</p>
|
||||||
|
<p><span class="bold">• HTML/CSS/JS:</span> These languages are actually my introduction to coding as a whole. I've technically been using these languages since 2016. I've just made some simple websites like this one here.</p>
|
||||||
|
<br>
|
||||||
|
<h2>My Projects</h2>
|
||||||
|
<img src="Pictures/game.png" alt="screenshot of new game" style="float: left; width: 35%;">
|
||||||
|
<h2 class="sub">Current: 1st Person 3D Platformer in Unity</h2>
|
||||||
|
<p>This game is a passion project of my team and I. We started development in January 2022 and there is no planned release date as of yet. I am working as the project manager and programmer on the game. I have a friend helping me with some modeling, and another who works on the music. The game is a 1st person 3D platformer developed using the Unity engine with a large emphasis on movement, including walljumps and air-dashes. It will be very fast paced and great for speedrunning. The game also features beautiful outer space glowy aesthetics.</p>
|
||||||
|
<p>The game does not have a name yet and its too early in development to tell which platforms it will release on, but stay tuned for updates.</p>
|
||||||
|
|
||||||
|
<br><br><br>
|
||||||
|
<img src="Pictures/telepuzzle.png" alt="screenshot from my telepuzzle game" style="float: right; width: 35%;">
|
||||||
|
<h2 class="sub">Telepuzzle</h2>
|
||||||
|
<p>I made this game in Unity in around 4 days of work for the Unity Developer Community Game Jam. The theme was teleportation so I made a puzzle game where you are in a level trying to get to a seemingly unobtainable exit. However, you have a gun that can teleport objects around the level to solve the puzzles or make your own way out. The game has a good handful of levels that should not take very long to complete and it features a timer system for speedrunning. It's really fun to play around with the physics and try to break the game.</p>
|
||||||
|
<p>You can download the game at<a href="https://ethanglide.itch.io/telepuzzle1" target="_blank">itch.io</a> or view the source code of my scripts in<a href="https://github.com/ethanglide/telepuzzle-scripts" target="_blank">this github repository</a>.</p>
|
||||||
|
|
||||||
|
<br><br><br>
|
||||||
|
<img src="Pictures/glidebot.png" alt="profile of my discord bot" style="float: left; width: 20%;">
|
||||||
|
<h2 class="sub">Discord Bot</h2>
|
||||||
|
<p>This bot was written in python using the discord.py API. I made it for fun just to test out and learn some more about python as well as asyncronous coroutines in code. This bot can do things like add numbers, roll dice, direct message users, kick users (and create invites to bring them back), and even knows ping pong. I have actually created a discord bot in C# as well using the DSharpPlus API, but the code for that bot was unfortunately lost. But that one could join into voice channels and stuff.</p>
|
||||||
|
<p>The source code for this bot can be found in<a href="https://github.com/ethanglide/glide-bot" target="_blank">this github repository</a>.</p>
|
||||||
|
|
||||||
|
<br><br><br><br>
|
||||||
|
<img src="Pictures/polyfactor.png" alt="my polynomial factorer app" style="float: right; width: 40%;">
|
||||||
|
<h2 class="sub">Polynomial Factorer</h2>
|
||||||
|
<p>This Windows Forms App was coded using the C# .NET framework to help me with my math homework back in high school. You simply enter in the coefficients of your polynomial into the text box and the program will find the roots. This saved me so much time in math class because we would have to guess and check roots for higher-degree polynomials and that can take a while. Sure symbolab or wolfram alpha exists but I did not know this at the time and I learned a lot about OOP on my own coding this program.</p>
|
||||||
|
<p>The entire Visual Studio project for this can be found in<a href="https://github.com/ethanglide/polynomial-factorer" target="_blank">this github repository</a>.</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
58
style.css
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
body {
|
||||||
|
background-color: #093647;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: white;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #92becf;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #9bcde2;
|
||||||
|
font-size: 60px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #658c9c;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 30px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2.sub {
|
||||||
|
color: #9bcde2;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin: 10px;
|
||||||
|
margin-right: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
color: lightgray;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #9bcde2;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #cdf0ff;
|
||||||
|
}
|
||||||
|
a:active {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|