chrisbell/hexstudios-co
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: chrisbell:main
Branches Tags
chrisbell:main
chrisbell:develop
..
compare: chrisbell:develop
Branches Tags
chrisbell:main
chrisbell:develop

No commits in common. "main" and "develop" have entirely different histories.
main ... develop

5 changed files with 59 additions and 51 deletions
Show Stats Expand all files Collapse all files

37
css/master.css
View File

@ -154,25 +154,30 @@ body {
width: 100%; width: 100%;
} }
.project-card { .projects-box {
margin-bottom: 40px; display: flex;
} flex-wrap: wrap;
margin: auto;
.project-card img { max-width: 70%;
width: 10%;
height: auto; } .projects-box .card {
margin-top: 20px; margin: auto;
border: 2px solid var(--color-pallete-red); padding-bottom: 30px;
} } .projects-box img {
width: 100%;
.project-card .hexlink { height: 100%;
font-size: 2em; border-top-right-radius: 10%;
border-top-left-radius: 1%;
} }
@media (max-width: 1000px) @media (max-width: 1000px)
{ {
.project-card img { .projects-box {
width: 40%; display: block;
margin: 0 30px 0 30px;
} .projects-box .card {
margin: auto;
padding: 20px 0 20px 0;
} }
} }
@ -204,4 +209,4 @@ body {
width: auto; width: auto;
border-bottom-right-radius: 10%; border-bottom-right-radius: 10%;
border-bottom-left-radius: 1%; border-bottom-left-radius: 1%;
} }

73
index.html
View File

@ -45,16 +45,20 @@
</div> </div>
<div class="aboutme-box-right"> <div class="aboutme-box-right">
<h2>About Me</h2> <h2>About Me</h2>
<p>Hi! I'm Chris Bell. I am a programmer, musician, and nerd. My passion has been Game Development for over 5 years, using Unreal Engine, Unity, and Godot. I am currently a full-time Unity developer, but have knowledge in C/C++, C#, Java, HTML/CSS, and a few other languages. Most of my projects can be found on my <a class="hexlink" href="https://git.bellsworne.tech/chrisbell">Gitea site</a>.</p> <p>
Hi! I'm Chris Bell. I am a programmer, musician, and nerd. My passion has been Game Development for over 5 years,
using Unreal Engine, Unity, and Godot. I am currently a full-time Unity developer, but have knowledge in C/C++,
C#, Java, HTML/CSS, and a few other languages. Most of my projects can be found on my
<a class="hexlink" href="https://git.bellsworne.tech/chrisbell">Gitea</a> site.
</p>
<br> <br>
<p>
<p> HexStudios is mostly just my personal portfolio, and I currently operate a
HexStudios is mostly just my personal portfolio, but I am also the founder and CEO of <a class="hexlink" href="https://bellsworne.com">Bellsworne LLC</a>. company under the name <a class="hexlink" href="https://bellsworne.com">Bellsworne</a>.
Bellsworne has multiple sub-sections like <a class="hexlink" href="https://bellsworne.tech">Bellsworne Tech</a>, Bellsworne has multiple sub-sections like <a class="hexlink" href="https://bellsworne.tech">Bellsworne Tech</a>,
where a lot of my more professional software projects live, where a lot of my more professional software projects live,
and <a class="hexlink" href="https://bellsworne.com/games">Bellsworne Games</a> and <a class="hexlink" href="https://bellsworne.com/games">Bellsworne Games</a>
where my future games will be published. You can find my open source projects at my <a class="hexlink" href="https://git.bellsworne.tech/Bellsworne">Bellsworne Gitea Site</a> where my future games will be published.
</p> </p>
</div> </div>
</div> </div>
@ -65,40 +69,39 @@
<div id="projects"> <div id="projects">
<div class="projects-box"> <div class="projects-box">
<!-- Stars -->
<div class="project-card"> <div class="card"><div class="upper"><a href="dev/stars"><img src="res/stars.png"></a></div>
<a class="hexlink" href="https://sessionzero.app">SessionZero</a> <div class="lower">
<p>A TTRPG companion and management application</p> <h2>Stars</h2>
<img src="res/seshzero.png" /> <p>A cool little visualization of randomly generated "stars", made in JS</p>
</div>
</div> </div>
<div class="project-card"> <!-- Let There Be Blight -->
<a class="hexlink" href="https://git.bellsworne.tech/Bellsworne/Cogwheel">Cogwheel</a> <div class="card"><div class="upper"><a href="dev/blight"><img src="res/blight.png"></a></div>
<p>A C# Game and Software development toolset</p> <div class="lower">
<img src="res/cogwheel.png" /> <h2>Let There Be Blight</h2>
<p>A game made in 72 hours for MiniJam #150: Magic, made in Godot</p>
</div>
</div> </div>
<!-- Interactive Map -->
<div class="project-card"> <div class="card"><div class="upper"><a href="dev/interactive-angular-map"><img src="res/map.png"></a></div>
<a class="hexlink" href="dev/blight">Let There Be Blight</a> <div class="lower">
<p>A game made in 72 hours for the Minijam #150: Magic game jam. Made in Godot</p> <h2>Interactive Map</h2>
<img src="res/blight.png" /> <p>An interactive world map made in Angular</p>
</div>
</div> </div>
<!-- ADEPT -->
<div class="project-card"> <!-- <div class="card"><div class="upper"><a href="dev/interactive-angular-map"><img src="res/map.png"></a></div> -->
<a class="hexlink" href="dev/stars">Stars</a> <!-- <div class="lower"> -->
<p>A fun little star generator thing. Made in plain JS.</p> <!-- <h2>Interactive Map</h2> -->
<img src="res/stars.png" /> <!-- <p>An interactive world map made in Angular</p> -->
</div> <!-- </div> -->
<!-- </div> -->
<div class="project-card">
<a class="hexlink" href="dev/interactive-angular-map">Interactive World Map</a>
<p>A cool little demo showcasing an interactive world map using Angular</p>
<img src="res/map.png" />
</div>
</div> </div>
</div> </div>
@ -116,14 +119,14 @@
<div id="fader-reverse"></div> <div id="fader-reverse"></div>
<div id="footer"> <div id="footer">
<p>&copy; Copyright 2022 HEX Studios&trade;</p> <p>&copy; Copyright 2025 HEX Studios&trade;</p>
<br> <br>
<div class="footer-nav"> <div class="footer-nav">
<ul> <ul>
<li><a class="hexlink" href="#aboutme">About</a></li> <li><a class="hexlink" href="#aboutme">About</a></li>
<li><a class="hexlink" href="#projects">Projects</a></li> <li><a class="hexlink" href="#projects">Projects</a></li>
<li><a class="hexlink" href="#contact">Contact</a></li> <li><a class="hexlink" href="#contact">Contact</a></li>
<li><a class="hexlink" href="https://github.com/HexStudios/hexstudios-co">Page Source</a></li> <li><a class="hexlink" href="https://git.bellsworne.tech/chrisbell/hexstudios-co.git">Page Source</a></li>
</ul> </ul>
</div> </div>
</div> </div>

BIN
res/cogwheel.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 866 KiB

BIN
res/seshzero.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
res/shots.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 222 KiB