Skip to content

Commit

Permalink
upgrades
Browse files Browse the repository at this point in the history
  • Loading branch information
Dae Sanghwi committed Nov 22, 2024
1 parent d3b1786 commit 00725a2
Show file tree
Hide file tree
Showing 9 changed files with 956 additions and 807 deletions.
167 changes: 71 additions & 96 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,132 +3,107 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="About Dae Sanghwi - Personal background and technical expertise">
<meta name="keywords" content="Dae Sanghwi, YeonSphere, developer, technology, privacy">
<meta name="author" content="Dae Sanghwi">
<meta name="description" content="About YeonSphere - Pioneering the Future of Software Innovation">
<meta name="keywords" content="YeonSphere, AetherOS, Seokjin AI, Seoggi, innovation, technology">
<meta name="author" content="YeonSphere">

<title>About - Dae Sanghwi (YeonSphere)</title>
<title>About - YeonSphere</title>

<!-- Favicons -->
<link rel="icon" href="images/favicon.ico" sizes="any">
<link rel="icon" href="images/logo.png" type="image/png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="apple-touch-icon" href="images/favicon-192x192.png">
<link rel="manifest" href="manifest.json">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/icons/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/icons/favicon-512x512.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">

<link rel="stylesheet" href="styles.css">
<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>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Include Header -->
<div id="header"></div>

<main class="main">
<section class="page-hero">
<section class="about-hero">
<div class="container">
<h1>About Me</h1>
<p class="hero-subtitle">Dae Sanghwi (대상휘)</p>
<h1 class="hero-title">About YeonSphere</h1>
<p class="hero-subtitle">Pioneering the Future of Software Innovation</p>
</div>
<div class="hero-background"></div>
</section>

<section class="page-content">
<section class="about-content">
<div class="container">
<div class="about-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 class="mission-section">
<h2>Our Mission</h2>
<p>At YeonSphere, we're dedicated to pushing the boundaries of technology through innovative software solutions. Our mission is to create transformative technologies that enhance human potential while maintaining the highest standards of privacy and security.</p>
</div>

<div class="about-section">
<h2>Technical Skills</h2>
<div class="skills-grid">
<div class="skill-category">
<h3>Primary Languages</h3>
<ul class="skill-list">
<li>Elixir</li>
<li>Flutter</li>
<li>Python</li>
<li>Java</li>
</ul>
<div class="values-section">
<h2>Our Values</h2>
<div class="values-grid">
<div class="value-card">
<span class="material-icons-round">lightbulb</span>
<h3>Innovation</h3>
<p>Constantly pushing boundaries and exploring new possibilities in technology</p>
</div>
<div class="skill-category">
<h3>Web Technologies</h3>
<ul class="skill-list">
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScript</li>
</ul>
<div class="value-card">
<span class="material-icons-round">security</span>
<h3>Privacy</h3>
<p>Ensuring user data protection and privacy in everything we create</p>
</div>
<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 class="value-card">
<span class="material-icons-round">diversity_3</span>
<h3>Community</h3>
<p>Building and nurturing a global community of innovators</p>
</div>
<div class="value-card">
<span class="material-icons-round">psychology</span>
<h3>Intelligence</h3>
<p>Leveraging AI and machine learning to solve complex challenges</p>
</div>
</div>
</div>

<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 class="projects-section">
<h2>Our Projects</h2>
<div class="projects-grid">
<div class="project-card">
<div class="project-icon">
<span class="material-icons-round">computer</span>
</div>
<h3>AetherOS</h3>
<p>A next-generation operating system reimagining human-computer interaction with advanced privacy features and seamless integration.</p>
<a href="/docs/aetheros.html" class="button button-text">Learn More</a>
</div>
<div class="project-card">
<div class="project-icon">
<span class="material-icons-round">psychology</span>
</div>
<h3>Seokjin AI</h3>
<p>Advanced artificial intelligence system pushing the boundaries of machine learning while maintaining user privacy.</p>
<a href="/docs/seokjin-ai.html" class="button button-text">Learn More</a>
</div>
<div class="project-card">
<div class="project-icon">
<span class="material-icons-round">hub</span>
</div>
<h3>Seoggi</h3>
<p>Revolutionary development framework enabling rapid creation of next-generation applications.</p>
<a href="/docs/seoggi.html" class="button button-text">Learn More</a>
</div>
</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 class="team-section">
<h2>Our Team</h2>
<p>YeonSphere brings together passionate innovators, developers, and researchers dedicated to creating groundbreaking technology solutions. Our diverse team combines expertise in operating systems, artificial intelligence, and software development to push the boundaries of what's possible.</p>
</div>
</div>
</div>
</section>
</main>

<footer class="footer">
<div class="container">
<p>&copy; 2024 YeonSphere. All rights reserved.</p>
</div>
</footer>

<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>
<script src="/script.js"></script>
</body>
</html>
58 changes: 24 additions & 34 deletions components/header.html
View file
Original file line number Diff line number Diff line change
@@ -1,40 +1,30 @@
<header class="header">
<nav class="nav-menu">
<div class="container nav-container">
<a href="/" class="nav-logo">
<img src="/assets/logos/logo.svg" alt="YeonSphere" width="40" height="40">
<span>YeonSphere</span>
</a>
<button class="nav-toggle" aria-label="Toggle navigation">
<span class="material-icons-round">menu</span>
</button>
<header class="site-header">
<nav class="site-nav">
<a href="/" class="nav-logo">YeonSphere</a>
<button class="nav-toggle" aria-label="Toggle navigation">
<span class="material-icons-round">menu</span>
</button>
<div class="nav-menu">
<ul class="nav-links">
<li><a href="/" class="nav-link" data-active="home">
<span class="material-icons-round">home</span>
Home
</a></li>
<li><a href="/about.html" class="nav-link" data-active="about">
<span class="material-icons-round">person</span>
About
</a></li>
<li><a href="/projects.html" class="nav-link" data-active="projects">
<span class="material-icons-round">rocket_launch</span>
Projects
</a></li>
<li><a href="/blog.html" class="nav-link" data-active="blog">
<span class="material-icons-round">article</span>
Blog
</a></li>
<li><a href="/contact.html" class="nav-link" data-active="contact">
<span class="material-icons-round">mail</span>
Contact
</a></li>
<li class="theme-toggle-wrapper">
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle dark mode">
<span class="material-icons-round theme-toggle-icon">light_mode</span>
</button>
<li><a href="/">Home</a></li>
<li><a href="/about.html">About</a></li>
<li class="has-submenu">
<a href="#" class="submenu-trigger">
Projects
<span class="material-icons-round">expand_more</span>
</a>
<ul class="submenu">
<li><a href="/docs/aetheros.html">AetherOS</a></li>
<li><a href="/docs/seokjin-ai.html">Seokjin AI</a></li>
<li><a href="/docs/seoggi.html">Seoggi</a></li>
</ul>
</li>
<li><a href="/blog.html">Blog</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
<button class="theme-toggle" aria-label="Toggle theme">
<span class="material-icons-round">dark_mode</span>
</button>
</div>
</nav>
</header>
0 aetheros.html → docs/aetheros.html
View file
File renamed without changes.
0 seoggi.html → docs/seoggi.html
View file
File renamed without changes.
0 seokjin-ai.html → docs/seokjin-ai.html
View file
File renamed without changes.
Loading

0 comments on commit 00725a2

Please sign in to comment.