Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@ailynux
ailynux authored Sep 21, 2023
1 parent c885db9 commit 0d2740e
Show file tree
Hide file tree
Showing 60 changed files with 1,780 additions and 0 deletions.
215 changes: 215 additions & 0 deletions WEBSITE_ASOF/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI-LYN</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
<link rel="stylesheet" type="text/css" href="./assets/css/aboutme.css">
<script src="./assets/js/aboutme.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #222;">
<a class="navbar-brand" href="./index.html">AI-LYN.com</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="./about.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<div class="col-12">
<div class="container about-container">
<a href="./about.html"> <!--link starts here and ends at the end of this container-->
<h3>Ailyn Diaz &#129312;</h3>
<div class="image-container">
<img src="./assets/images/pfpforeal.png" alt="Profile Image">
</div>
<p>Fullstack Software Engineer</p>
</div>
</div>
</a> <!--made this into a whole link that will take users to the about me section based on my homepage-->

<div class="bio-section">
<p>me = Person()<br/>
while(me.awake()):<br/>
me.code247()</p>
</div>

<div class="skills-section">
<h2>LANGUAGES</h2>
<div class="skills-container">
<div class="skill-card">
<img src="./assets/images/python.png" alt="Python Logo">
<h6>PYTHON</h6>
<div class="progress-bar">
<div class="progress" style="width: 83%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/html.png" alt="HTML Logo">
<h4>HTML</h4>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/css.png" alt="HTML Logo">
<h4>CSS</h4>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/js.png" alt="JavaScript Logo">
<h4>JS</h4>
<div class="progress-bar">
<div class="progress" style="width: 100%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/Csharp.png" alt="HTML Logo">
<h4>C#</h4>
<div class="progress-bar">
<div class="progress" style="width: 90%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/C++.png" alt="HTML Logo">
<h4>C++</h4>
<div class="progress-bar">
<div class="progress" style="width: 80%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/java.png" alt="HTML Logo">
<h4>JAVA</h4>
<div class="progress-bar">
<div class="progress" style="width: 80%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/Bash.png" alt="HTML Logo">
<h4>BA$H</h4>
<div class="progress-bar">
<div class="progress" style="width: 90%;"></div>
</div>
</div>
<div class="skill-card">
<img src="./assets/images/sql.png" alt="HTML Logo">
<h4>SQL</h4>
<div class="progress-bar">
<div class="progress" style="width: 80%;"></div>
</div>
</div>
<!-- Add more language cards with logos here -->
</div>
</div>


<div class="skills-section">
<h2>TECHNOLOGY & FRAMEWORKS</h2>
<div class="skills-container">
<div class="skill-box">
<img src="./assets/images/django.png" alt="Python Logo">
<h3>Django</h3>
<p>Python Web Framework</p>
</div>
<div class="skill-box">
<img src="./assets/images/react.png" alt="React Logo">
<h3>React</h3>
<p>React Native, Redux</p>
</div>
<div class="skill-box">
<img src="./assets/images/rasp.png" alt="Raspberry Pi Logo">
<h5>Raspberry Pi</h5>
<p>IoT, GPIO</p>
</div>
<div class="skill-box">
<img src="./assets/images/unity.png" alt="Unity Logo">
<h3>Unity</h3>
<p>Game Development</p>
</div>
<div class="skill-box">
<img src="./assets/images/Blender.png" alt="Blender Logo">
<h3>Blender</h3>
<p>3D Modeling</p>
</div>
<div class="skill-box">
<img src="./assets/images/3dprint.png" alt="3D Printing Logo">
<h3>3D Printing</h3>
<p>FDM, PLA</p>
</div>
<!-- Add more skill boxes with logos here -->
</div>
</div>

<div class="os-section">
<h2>OPERATING SYSTEMS</h2>
<div class="os-container">
<div class="os-box">
<img src="./assets/images/windows.png" alt="Windows Logo">
<h3>Windows</h3>
<p>Windows 10, Windows 11</p>
</div>
<div class="os-box">
<img src="./assets/images/apple.png" alt="Mac Logo">
<h3>Mac</h3>
<p>macOS Big Sur, macOS Monterey</p>
</div>
<div class="os-box">
<img src="./assets/images/linux.png" alt="Linux Logo">
<h3>Linux</h3>
<p>Ubuntu, Fedora, Arch</p>
</div>
<!-- Add more OS boxes with logos here -->
</div>
</div>
<div>
<h2 class="custom-heading">Find me...</h2>
</div>
<div class="social-media">
<div class="social-shapes">
<a href="#" class="shape-link" target="_blank">
<img src="./assets/images/discord.png" alt="Shape 1">
</a>
<a href="#" class="shape-link" target="_blank">
<img src="./assets/images/github_clear.png" alt="Shape 2">
</a>
<a href="#" class="shape-link" target="_blank">
<img src="./assets/images/gmail_clear.png" alt="Shape 3">
</a>
<!-- Add more shape images with corresponding links as needed -->
</div>
</div>
</main>

<footer class="text-white py-3" style="background-color: #222;">
<div class="container text-center">
<div class="logo-footer">
<img src="./assets/images/mew.png" alt="Logo">
</div>
<p>&copy;2023 AI-LYN.com</p>
<div class="logo-footer">
<img src="./assets/images/charmander.png" alt="Logo">
</div>
</div>
</footer>
</body>
</html>
Loading

0 comments on commit 0d2740e

Please sign in to comment.