Upload files to "/"
This commit is contained in:
101
index.html
Normal file
101
index.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WullieStudio - Game Development</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- Top Navigation -->
|
||||
<header>
|
||||
<nav class="navbar">
|
||||
<div class="logo">WullieStudio</div>
|
||||
<input type="checkbox" id="menu-toggle">
|
||||
<label for="menu-toggle" class="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</label>
|
||||
<ul class="nav-links">
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#projects">Projects</a></li>
|
||||
<li><a href="https://git.wulliestudio.com/wullie">Git</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li><a href="gpg/index.html">GPG Key</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Dev Section -->
|
||||
<section id="home" class="Dev">
|
||||
<h1>Building worlds 1 line at a time</h1>
|
||||
<p>Welcome</p>
|
||||
</section>
|
||||
|
||||
<!-- About Section -->
|
||||
<section id="about" class="section">
|
||||
<h2>About Me</h2>
|
||||
<p>I’m an independent developer with a strong passion for C.</p>
|
||||
<p>Please note: more projects may be on my git server, if there are it means i havent updated the website or they are not notable enough for here</p>
|
||||
</section>
|
||||
|
||||
<!-- Projects Section -->
|
||||
<section id="projects" class="section">
|
||||
<h2>Projects</h2>
|
||||
|
||||
<a href="wrathmark/index.html" class="project-card">
|
||||
<h3>WrathMark Licence</h3>
|
||||
<p>A custom opensource licence that prevents AI companys form having the right to use your creations</p>
|
||||
</a>
|
||||
|
||||
<a href="crymzonKey/index.html" class="project-card">
|
||||
<div class ="project-header">
|
||||
<h3>CrimzonKey</h3>
|
||||
<img src="images/WIP.png" alt="WIP banner">
|
||||
</div>
|
||||
<p> WIP Oauth API written in C</p>
|
||||
</a>
|
||||
|
||||
<a href="wcEngine/index.html" class="project-card">
|
||||
<div class="project-header">
|
||||
<h3>WcEngine</h3>
|
||||
<img src="images/WIP.png" alt="WIP banner">
|
||||
</div>
|
||||
<p>A WIP moddern game engine written in C</p>
|
||||
</a>
|
||||
|
||||
<a href="foliaPlugins/index.html" class="project-card">
|
||||
<h3>Minecraft Plugins</h3>
|
||||
<p>Plugins i maintain / have written</p>
|
||||
</a>
|
||||
|
||||
<a href="godsBot/index.html" class="project-card">
|
||||
<h3>God's Bot</h3>
|
||||
<p>A satirical discord bot in C and wren</p>
|
||||
</a>
|
||||
|
||||
<a href="stdwullie/index.html" class="project-card">
|
||||
<h3>StdWullie</h3>
|
||||
<p>A library for C written without the use of glibc </p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="contact" class="section">
|
||||
<h2>Contact</h2>
|
||||
<p>Have an enquiry <a href="mailto:wullie@wulliestudio.com">wullie@wulliestudio.com</a>.</p>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<p>© 2023 - 2026 WullieStudio. See WrathMark</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
244
style.css
Normal file
244
style.css
Normal file
@@ -0,0 +1,244 @@
|
||||
/* Reset & Base Styles */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #111;
|
||||
color: #eee;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
.navbar {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #1b1b1b;
|
||||
padding: 1rem 2rem;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: #e63946;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
color: #eee;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.nav-links a:hover {
|
||||
color: #e63946;
|
||||
}
|
||||
|
||||
/* Dev*/
|
||||
.Dev {
|
||||
text-align: center;
|
||||
padding: 4rem 2rem;
|
||||
background: linear-gradient(to bottom, #222, #111);
|
||||
}
|
||||
|
||||
.Dev h1 {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.dev p {
|
||||
font-size: 1.1rem;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
.section {
|
||||
padding: 3rem 2rem;
|
||||
max-width: 1000px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.section h2 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #e63946;
|
||||
}
|
||||
|
||||
/* Project Cards */
|
||||
.project-card {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
background-color: #1b1b1b;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 8px;
|
||||
transition: transform 0.3s, background-color 0.3s;
|
||||
}
|
||||
|
||||
.feature-list {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
background-color: #1b1b1b;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 8px;
|
||||
transition: transform 0.3s, background-color 0.3s;
|
||||
}
|
||||
|
||||
.feature-list p {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.feature-list h3 {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
|
||||
.project-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
/* Project header with image */
|
||||
.project-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.project-header img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 6px;
|
||||
object-fit: cover;
|
||||
background-color: #222;
|
||||
border: 1px solid #333;
|
||||
}
|
||||
|
||||
.project-header h3 {
|
||||
font-size: 1.4rem;
|
||||
color: #fff;
|
||||
}
|
||||
/* Additional license-specific styling */
|
||||
.license-container {
|
||||
max-width: 900px;
|
||||
margin: 3rem auto;
|
||||
background-color: #1b1b1b;
|
||||
padding: 2rem;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.license-container pre {
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
background-color: #111;
|
||||
padding: 1rem;
|
||||
border-radius: 8px;
|
||||
color: #ddd;
|
||||
font-family: monospace;
|
||||
line-height: 1.5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.license-container h2 {
|
||||
color: #e63946;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-top: 1.5rem;
|
||||
color: #e63946;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.logoLink{
|
||||
color: #e63946;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background-color: #1b1b1b;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
font-size: 0.9rem;
|
||||
color: #888;
|
||||
}
|
||||
/* ============================= */
|
||||
/* SLIDE-IN SIDEBAR HAMBURGER NAV */
|
||||
/* ============================= */
|
||||
|
||||
/* hide checkbox */
|
||||
#menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* hamburger button */
|
||||
.hamburger {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
cursor: pointer;
|
||||
gap: 5px;
|
||||
margin-left: auto;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.hamburger span {
|
||||
width: 25px;
|
||||
height: 3px;
|
||||
background: #eee;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* SIDEBAR MENU */
|
||||
.nav-links {
|
||||
position: fixed; /* makes it overlay page */
|
||||
top: 0;
|
||||
right: -260px; /* hidden off screen */
|
||||
height: 100vh;
|
||||
width: 260px;
|
||||
|
||||
background: #111;
|
||||
padding-top: 80px;
|
||||
|
||||
flex-direction: column; /* vertical links */
|
||||
gap: 2rem;
|
||||
|
||||
display: flex !important;
|
||||
|
||||
transition: right 0.3s ease;
|
||||
box-shadow: -5px 0 15px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
/* show menu when toggled */
|
||||
#menu-toggle:checked + .hamburger + .nav-links {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* make links bigger and spaced */
|
||||
.nav-links li {
|
||||
list-style: none;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
Reference in New Issue
Block a user