Compare commits
7 Commits
develop
...
1d7144640e
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1d7144640e | ||
|
|
eb0e0125bc | ||
|
|
b68bd4cea6 | ||
|
|
9624ba2ee3 | ||
|
|
a984a1f5c0 | ||
|
|
860a8af7c4 | ||
|
|
9168c5f807 |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 182 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 269 KiB |
@@ -1,70 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Critterfolio</title>
|
|
||||||
<link rel="icon" href="icon.svg">
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
background-color: #f9f9f9;
|
|
||||||
color: #333;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
text-align: center;
|
|
||||||
padding: 2rem;
|
|
||||||
max-width: 400px;
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
width: 200px;
|
|
||||||
height: auto;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 3rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 2rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-button {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: #007AFF;
|
|
||||||
color: white;
|
|
||||||
padding: 12px 24px;
|
|
||||||
border-radius: 8px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: 600;
|
|
||||||
transition: background-color 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-button:hover {
|
|
||||||
background-color: #005ecb;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h1>CritterFolio</h1>
|
|
||||||
<img src="icon.svg" alt="Critterfolio Logo" class="logo">
|
|
||||||
<h3>A simple application for managing all of your critters!</h3>
|
|
||||||
<h2>Downloads</h1>
|
|
||||||
<a href="critterfolio.apk" class="download-button">Download for Android</a>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -154,30 +154,25 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.projects-box {
|
.project-card {
|
||||||
display: flex;
|
margin-bottom: 40px;
|
||||||
flex-wrap: wrap;
|
}
|
||||||
margin: auto;
|
|
||||||
max-width: 70%;
|
|
||||||
|
|
||||||
} .projects-box .card {
|
.project-card img {
|
||||||
margin: auto;
|
width: 10%;
|
||||||
padding-bottom: 30px;
|
height: auto;
|
||||||
} .projects-box img {
|
margin-top: 20px;
|
||||||
width: 100%;
|
border: 2px solid var(--color-pallete-red);
|
||||||
height: 100%;
|
}
|
||||||
border-top-right-radius: 10%;
|
|
||||||
border-top-left-radius: 1%;
|
.project-card .hexlink {
|
||||||
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1000px)
|
@media (max-width: 1000px)
|
||||||
{
|
{
|
||||||
.projects-box {
|
.project-card img {
|
||||||
display: block;
|
width: 40%;
|
||||||
margin: 0 30px 0 30px;
|
|
||||||
} .projects-box .card {
|
|
||||||
margin: auto;
|
|
||||||
padding: 20px 0 20px 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
71
index.html
71
index.html
@@ -45,20 +45,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="aboutme-box-right">
|
<div class="aboutme-box-right">
|
||||||
<h2>About Me</h2>
|
<h2>About Me</h2>
|
||||||
<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 site</a>.</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>
|
|
||||||
HexStudios is mostly just my personal portfolio, and I currently operate a
|
<p>
|
||||||
company under the name <a class="hexlink" href="https://bellsworne.com">Bellsworne</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>.
|
||||||
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.
|
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>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -69,38 +65,39 @@
|
|||||||
|
|
||||||
<div id="projects">
|
<div id="projects">
|
||||||
<div class="projects-box">
|
<div class="projects-box">
|
||||||
<!-- Stars -->
|
|
||||||
<div class="card"><div class="upper"><a href="dev/stars"><img src="res/stars.png"></a></div>
|
<div class="project-card">
|
||||||
<div class="lower">
|
<a class="hexlink" href="https://sessionzero.app">SessionZero</a>
|
||||||
<h2>Stars</h2>
|
<p>A TTRPG companion and management application</p>
|
||||||
<p>A cool little visualization of randomly generated "stars", made in JS</p>
|
<img src="res/seshzero.png" />
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Let There Be Blight -->
|
<div class="project-card">
|
||||||
<div class="card"><div class="upper"><a href="dev/blight"><img src="res/blight.png"></a></div>
|
<a class="hexlink" href="https://git.bellsworne.tech/Bellsworne/Cogwheel">Cogwheel</a>
|
||||||
<div class="lower">
|
<p>A C# Game and Software development toolset</p>
|
||||||
<h2>Let There Be Blight</h2>
|
<img src="res/cogwheel.png" />
|
||||||
<p>A game made in 72 hours for MiniJam #150: Magic, made in Godot</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Interactive Map -->
|
|
||||||
<div class="card"><div class="upper"><a href="dev/interactive-angular-map"><img src="res/map.png"></a></div>
|
<div class="project-card">
|
||||||
<div class="lower">
|
<a class="hexlink" href="dev/blight">Let There Be Blight</a>
|
||||||
<h2>Interactive Map</h2>
|
<p>A game made in 72 hours for the Minijam #150: Magic game jam. Made in Godot</p>
|
||||||
<p>An interactive world map made in Angular</p>
|
<img src="res/blight.png" />
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ADEPT -->
|
|
||||||
<!-- <div class="card"><div class="upper"><a href="dev/interactive-angular-map"><img src="res/map.png"></a></div> -->
|
|
||||||
<!-- <div class="lower"> -->
|
|
||||||
<!-- <h2>Interactive Map</h2> -->
|
|
||||||
<!-- <p>An interactive world map made in Angular</p> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
|
|
||||||
|
<div class="project-card">
|
||||||
|
<a class="hexlink" href="dev/stars">Stars</a>
|
||||||
|
<p>A fun little star generator thing. Made in plain JS.</p>
|
||||||
|
<img src="res/stars.png" />
|
||||||
|
</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>
|
||||||
@@ -119,14 +116,14 @@
|
|||||||
|
|
||||||
<div id="fader-reverse"></div>
|
<div id="fader-reverse"></div>
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<p>© Copyright 2025 HEX Studios™</p>
|
<p>© Copyright 2022 HEX Studios™</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://git.bellsworne.tech/chrisbell/hexstudios-co.git">Page Source</a></li>
|
<li><a class="hexlink" href="https://github.com/HexStudios/hexstudios-co">Page Source</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
BIN
res/cogwheel.png
Normal file
BIN
res/cogwheel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 866 KiB |
BIN
res/seshzero.png
Normal file
BIN
res/seshzero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
res/shots.png
Normal file
BIN
res/shots.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Reference in New Issue
Block a user