create new site layout
This commit is contained in:
Arthur Lu
140
index.html
140
index.html
@@ -3,134 +3,32 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="styles/styles.css">
|
||||
<link rel="stylesheet" href="styles/cards.css">
|
||||
<link rel="stylesheet" href="styles/tables.css">
|
||||
<title>About Me - Arthur Lu</title>
|
||||
<style>
|
||||
@media screen and (max-width: 480px) {
|
||||
#skills-table td:nth-of-type(1):before { content: "Language"; }
|
||||
#skills-table td:nth-of-type(2):before { content: "Experience"; }
|
||||
#skills-table td:nth-of-type(3):before { content: "Frameworks"; }
|
||||
}
|
||||
</style>
|
||||
<title>Projects - Arthur Lu</title>
|
||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/overlay.css" type="text/css">
|
||||
<link rel="icon" type="image/x-icon" href="images/favicon.svg">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><b><a aria-label="Arthur Lu" href="https://root.tronnet.net" class="site-header">ARTHUR LU</a></b></h1>
|
||||
<nav>
|
||||
<a href="#mission">Mission</a>
|
||||
<a href="#education">Education</a>
|
||||
<a href="#skills">Skills</a>
|
||||
<a href="#projects">Projects</a>
|
||||
<a href="#interests">Interests</a>
|
||||
<a href="#contact">Contact</a>
|
||||
<a href="notes.html">Notes</a>
|
||||
<a aria-current="page" aria-label="Projects" href="index.html">PROJECTS</a>
|
||||
<a aria-label="About Me" href="about.html">ABOUT ME</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<div class="card">
|
||||
<picture>
|
||||
<source media="screen and (min-width: 480px)" srcset="images/photo_200px.webp">
|
||||
<source media="screen and (min-width: 0px)" srcset="images/photo_100px.webp">
|
||||
<img src="images/photo.webp" alt="A portrait photo of Arthur Lu" style="border-radius: 20px;">
|
||||
</picture>
|
||||
<div>
|
||||
<h1>Arthur Lu</h1>
|
||||
<ul style="font-size: 2rem; list-style-type: none; padding: 0px;">
|
||||
<li>Developer</li>
|
||||
<li>Engineer</li>
|
||||
<li>Problem Solver</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="single" id="mission">
|
||||
<h2>My Mission</h2>
|
||||
<p>I am a 3rd year <strong>Computer Engineering</strong> major at the University of California San Diego looking for opportunites in software development and system design.</p>
|
||||
</div>
|
||||
<div class="single" id="education">
|
||||
<h2>My Education</h2>
|
||||
<p>3rd year Computer Engineering Major at UCSD</p>
|
||||
<p>GPA: 3.9</p>
|
||||
</div>
|
||||
<div class="card" id="skills">
|
||||
<div>
|
||||
<h2>My Languages and Skills</h2>
|
||||
</div>
|
||||
<div>
|
||||
<table id="skills-table" class="labeled">
|
||||
<colgroup>
|
||||
<col span="1">
|
||||
<col span="2">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Language</th>
|
||||
<th>Experience</th>
|
||||
<th>Frameworks</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>C/C++</td>
|
||||
<td>2 Years</td>
|
||||
<td>gcc, make, Visual Studio</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Java</td>
|
||||
<td>4 Years</td>
|
||||
<td>Android Studio</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Python</td>
|
||||
<td>5 Years</td>
|
||||
<td>PyTorch, scipy, numpy, scikit-learn</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Javascript</td>
|
||||
<td>1 Year</td>
|
||||
<td>ES6, NodeJS, express.js</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>I also have experience with common technologies like Docker, lxc, nginx, and VMWare ESXi.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" id="projects">
|
||||
<div>
|
||||
<h2>My Projects</h2>
|
||||
</div>
|
||||
<div>
|
||||
<a href="projects.html" style="font-size: x-large;">Browse</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="single" id="interests">
|
||||
<h2>My Interests</h2>
|
||||
<p>I am interested in Machine Learning, cloud technologies, and distributed computing.</p>
|
||||
</div>
|
||||
<div class="card" id="contact">
|
||||
<div>
|
||||
<h2>Contact Me</h2>
|
||||
</div>
|
||||
<div>
|
||||
<table id="skills-table-wide">
|
||||
<colgroup>
|
||||
<col span="1">
|
||||
<col span="2">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Email</td>
|
||||
<td><a href="mainto:root@tronnet.net">root@tronnet.net</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>GitHub</td>
|
||||
<td><a href="https://github.com/ltcptgeneral">ltcptgeneral</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<figure class="overlay-container">
|
||||
<img src="projects/pico_bmc.jpg" alt="" class="image">
|
||||
<figcaption class="overlay-mask">
|
||||
<a href="" class="overlay-content">
|
||||
<h2>Pico BMC</h2>
|
||||
<p>Add remote management features to any motherboard.</p>
|
||||
</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</main>
|
||||
<footer>© 2023 - Arthur Lu</footer>
|
||||
<footer>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user