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

Pull rewrite into develop #5

Merged
chrisbell merged 3 commits from rewrite into develop 2026-02-01 01:18:05 +00:00
Conversation 0 Commits 3 Files Changed 6 +22 -6
2 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 622e62d4b4 - Show all commits

6
css/main.css
View File

@@ -14,7 +14,7 @@ html {
color: var(--color-foreground); color: var(--color-foreground);
} }
.tui-box { .tui-frame {
width: 100%; width: 100%;
height: auto; height: auto;
padding: 20px; padding: 20px;
@@ -24,7 +24,7 @@ html {
position: relative; position: relative;
} }
.tui-header { .tui-frame-header {
position: absolute; position: absolute;
top: 0; top: 0;
left: 25px; left: 25px;
@@ -33,7 +33,7 @@ html {
padding: 0 10px; padding: 0 10px;
} }
.tui-content p{ .tui-frame-content p{
font-size: 12pt; font-size: 12pt;
margin: 15px 0 15px 0; margin: 15px 0 15px 0;
} }

22
index.html
View File

@@ -7,15 +7,29 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<title>// Hex Studios //</title> <title>// Hex Studios //</title>
<script>
r = document.querySelector(':root');
function setForegroundColor(color) {
r.style.setProperty('--color-foreground', color)
}
</script>
</head> </head>
<body> <body>
<div style="width: 50vh; margin-left: 30px; margin-top: 50px;"> <div style="width: 50vh; margin-left: 30px; margin-top: 50px;">
<div class="tui-frame">
<h2 class="tui-frame-header">IMAGE</h2>
<img src="res/chris2.jpg" style="width:50%;" />
</div>
<div class="tui-box"> <div class="tui-frame">
<h2 class="tui-header">// HEX STUDIOS //</h2> <h2 class="tui-frame-header">// HEX STUDIOS //</h2>
<div class="tui-content"> <div class="tui-frame-content">
<p>Hello! My name is Chris, aka Spudnut2000. Welcome to my personal portfolio site!</p> <p>Hello! My name is Chris, aka Spudnut2000. Welcome to my personal portfolio site!</p>
<h2>About Me</h2> <h2>About Me</h2>
<p>I am a husband, programmer, musician, and all around nerd. I like to develop both software and games.</p> <p>I am a husband, programmer, musician, and all around nerd. I like to develop both software and games.</p>
@@ -23,5 +37,7 @@
</div> </div>
</div> </div>
</div> </div>
<button onClick="setForegroundColor('#102090')">Change color</button>
</body> </body>