Skip to content

Commit

Permalink
yuurrr
Browse files Browse the repository at this point in the history
  • Loading branch information
Dae Sanghwi committed Nov 19, 2024
1 parent 3b35b60 commit a5fe57b
Show file tree
Hide file tree
Showing 6 changed files with 954 additions and 730 deletions.
145 changes: 69 additions & 76 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,17 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me - YeonSphere</title>
<title>About - YeonSphere</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="nav-container">
<a href="index.html" class="nav-logo">YeonSphere</a>
<button class="nav-toggle" aria-label="Toggle navigation">
<span class="material-icons-round">menu</span>
</button>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="active">About</a></li>
Expand All @@ -22,95 +25,61 @@
</header>

<main class="main">
<section class="about-hero">
<section class="page-hero">
<div class="container">
<h1>About Me</h1>
<p class="hero-subtitle">Creating Technology That Empowers Freedom</p>
<p class="hero-subtitle">Dae Sanghwi (대상휘) | Jeremy Matlock</p>
</div>
</section>

<section class="about-content">
<section class="page-content">
<div class="container">
<div class="about-grid">
<div class="about-text">
<h2>Who I Am</h2>
<p>Hi, I'm Dae Sanghwi (대상휘), though I'm legally known as Jeremy Matlock. I chose the name Dae Sanghwi because it resonates more deeply with who I am. I'm a passionate developer who believes in creating technology that gives users more control and freedom over their digital experience.</p>

<h3>Technical Skills</h3>
<div class="skill-grid">
<div class="about-section">
<h2>Background</h2>
<p>Based in Caraway, Arkansas, I'm a passionate hobby developer with a deep interest in creating technology that empowers users with greater freedom and control. My journey in technology is driven by the desire to develop alternatives to conventional software, emphasizing user autonomy and customization.</p>
</div>

<div class="about-section">
<h2>Technical Skills</h2>
<div class="skills-grid">
<div class="skill-category">
<h4>Programming Languages</h4>
<div class="chip-group">
<span class="chip">Elixir</span>
<span class="chip">Flutter</span>
<span class="chip">Python</span>
<span class="chip">Java</span>
</div>
<h3>Primary Languages</h3>
<ul class="skill-list">
<li>Elixir</li>
<li>Flutter</li>
<li>Python</li>
<li>Java</li>
</ul>
</div>

<div class="skill-category">
<h4>Web Development</h4>
<div class="chip-group">
<span class="chip">HTML</span>
<span class="chip">CSS</span>
<span class="chip">JavaScript</span>
</div>
</div>
</div>

<h3>Current Projects</h3>
<div class="project-highlights">
<div class="highlight-item">
<h4>AetherOS</h4>
<p>A custom operating system project focused on user freedom and control.</p>
</div>
<div class="highlight-item">
<h4>Nexus & Nexus for Android</h4>
<p>Cross-platform applications emphasizing user control and customization.</p>
<h3>Web Technologies</h3>
<ul class="skill-list">
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScript</li>
</ul>
</div>
<div class="highlight-item">
<h4>Seoggi</h4>
<p>A development project exploring new possibilities in software creation.</p>
</div>
<div class="highlight-item">
<h4>Seokjin-AI</h4>
<p>An artificial intelligence project with a focus on user privacy and control.</p>
<div class="skill-category">
<h3>Areas of Focus</h3>
<ul class="skill-list">
<li>Operating Systems</li>
<li>Cross-Platform Development</li>
<li>Privacy-Focused AI</li>
<li>User-Centric Design</li>
</ul>
</div>
</div>
</div>

<h3>Philosophy & Interests</h3>
<p>I'm driven by a passion for creating technology that respects user freedom. In recent years, I've observed a trend where users have increasingly less control over their digital tools and experiences. This motivates me to develop alternatives that put control back in users' hands.</p>

<p>I love to tinker and experiment with technology, always looking for ways to improve and customize existing solutions. My projects reflect this philosophy, aiming to provide more open and flexible alternatives to conventional software.</p>
<div class="about-section">
<h2>Philosophy</h2>
<p>I believe in developing technology that gives users more control over their digital experience. My work focuses on creating solutions that respect user privacy, promote technological freedom, and provide alternatives to mainstream software. This philosophy drives me to explore innovative approaches in operating systems, cross-platform development, and artificial intelligence.</p>
</div>

<div class="about-sidebar">
<div class="profile-card">
<img src="assets/profile.jpg" alt="Dae Sanghwi" class="profile-image">
<div class="profile-info">
<h3>Dae Sanghwi</h3>
<p class="english-name">Jeremy Matlock</p>
<p class="korean-name">대상휘</p>
<p class="location">
<span class="material-icons-round">location_on</span>
Caraway, Arkansas, USA (Central Time)
</p>
</div>
<div class="social-links">
<a href="https://github.com/YeonSphere" class="button button-tonal">
<span class="material-icons-round">code</span>
GitHub
</a>
<a href="https://discord.gg/your-server" class="button button-tonal">
<span class="material-icons-round">chat</span>
Discord
</a>
<a href="https://instagram.com/your-profile" class="button button-tonal">
<span class="material-icons-round">photo_camera</span>
Instagram
</a>
</div>
</div>

<div class="about-section">
<h2>Current Focus</h2>
<p>As a hobby developer, I'm currently exploring various aspects of technology, from operating system development to artificial intelligence, always with an emphasis on user freedom and privacy. I'm particularly interested in creating systems that allow users to have more control over their computing environment while maintaining security and usability.</p>
</div>
</div>
</div>
Expand All @@ -123,6 +92,30 @@ <h3>Dae Sanghwi</h3>
</div>
</footer>

<script src="script.js"></script>
<script>
// Hamburger menu functionality
document.addEventListener('DOMContentLoaded', () => {
const navToggle = document.querySelector('.nav-toggle');
const navLinks = document.querySelector('.nav-links');

navToggle.addEventListener('click', () => {
navLinks.classList.toggle('active');
});

// Close menu when clicking outside
document.addEventListener('click', (e) => {
if (!navToggle.contains(e.target) && !navLinks.contains(e.target)) {
navLinks.classList.remove('active');
}
});

// Close menu when window is resized above mobile breakpoint
window.addEventListener('resize', () => {
if (window.innerWidth > 768) {
navLinks.classList.remove('active');
}
});
});
</script>
</body>
</html>
Loading

0 comments on commit a5fe57b

Please sign in to comment.