Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Milestone 1 #11

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Milestone 1 #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0bf7ea4
Added ts to website to edit DOM.
VH571 Oct 20, 2024
e72f22e
Milestone 2 Finished
VH571 Nov 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
milestone1/node_modules

my-app/node_modules
1 change: 1 addition & 0 deletions milestone1/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/node_modules
4 changes: 4 additions & 0 deletions milestone1/README copy.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
# Victor's Personal Website
This is a personal website built using the Hack4Impact Starter Pack!
3rd Year Computer Science Major
[Visit it Here!](https://<VH571>.github.io)
0 README.md → milestone1/README.md
View file
Open in desktop
File renamed without changes.
29 changes: 29 additions & 0 deletions milestone1/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="index.html">personal website</a>
</h1>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<h1 class="page-title">Blog</h1>
<div id="blog-container">
<p>Nothing posted yet check back later!</p>
</div>
</main>
<footer class="footer"> © 2023 <Personal Website Name> | All Rights Reserved </footer>
<script src="src/blog.js"></script>
</body>
</html>
31 changes: 31 additions & 0 deletions milestone1/blogs/finished-milestone-1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<title>Finished Milestone 1</title>
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="../index.html">Personal Website</a>
</h1>
<ul class="nav-list">
<li><a href="../index.html">Home</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../portfolio.html">Portfolio</a></li>
<li><a href="../resume.html">Resume</a></li>
<li><a href="../contact.html">Contact</a></li>
</ul>
</nav>
<main>
<div class = "blog-content">
<h1>Done with Milestone 1!</h1>
<p><strong>Date Posted:</strong> 10/20/2024</p>
<img src="../images/pic-htmltree.gif" alt="TypeScript Logo" />
<p>I finished milestone 1 which made me work with typedscript and that let me interact with the DOM to edit my existing website.</p>
</div>

</main>
<footer class="footer"> © 2023 Personal Website | All Rights Reserved </footer>
</body>
</html>
30 changes: 30 additions & 0 deletions milestone1/blogs/understanding-typescript.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Understanding TypeScript</title>
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="../index.html">Personal Website</a>
</h1>
<ul class="nav-list">
<li><a href="../index.html">Home</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../portfolio.html">Portfolio</a></li>
<li><a href="../resume.html">Resume</a></li>
<li><a href="../contact.html">Contact</a></li>
</ul>
</nav>
<main>
<div class = "blog-content">
<h1>Understanding TypeScript</h1>
<p><strong>Date Posted:</strong> 10/20/2024</p>
<img src="../images/ts-logo.png" alt="TypeScript Logo" />
<p>TypeScript is JavaScript but more awsome!</p>
</div>
</main>
<footer class="footer"> © 2023 Personal Website | All Rights Reserved </footer>
</body>
</html>
39 changes: 39 additions & 0 deletions milestone1/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<title>Personal Website</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="index.html">personal website</a>
</h1>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<h1 class="page-title">Contact</h1>
<form id="contact-form">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Name" required />
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Email" />
<label for=" Message"> Message</label>
<textarea
id=" Message"
name=" Message"
placeholder=" Message"
required
></textarea>
<input type="submit" value="Submit" />
</form>
</main>
<footer class="footer"> © 2023 <Personal Website Name> | All Rights Reserved </footer>
</body>
</html>
Binary file added milestone1/ezgif-4-4333f85ceb.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added milestone1/images/pic-htmltree.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added milestone1/images/ts-logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
35 changes: 35 additions & 0 deletions milestone1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Personal Website</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="index.html">personal website</a>
</h1>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<h1 class="page-title">hello world!</h1>
<div class="about">
<div class="about-image">
<img src="/ezgif-4-4333f85ceb.jpg" alt="Skateboard Bread">
</div>
<div class="about-text">
<p> My name is Victor Herrera and I'm from San Bernardino, CA.
Im a 3rd year computer science major. I like listening to Indie, Alternative, City Pop
music and I like collecting vinyl records too! </p>
</div>
</div>
</main>
<footer class="footer"> © 2023 <Personal Website Name> | All Rights Reserved </footer>
</body>
</html>
29 changes: 29 additions & 0 deletions milestone1/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

15 changes: 15 additions & 0 deletions milestone1/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"name": "bootcamp-project-2024",
"version": "1.0.0",
"description": "This is how we will be tracking your milestones throughout bootcamp! By the end of bootcamp, you will have a fullstack personal portfolio website.",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"typescript": "^5.6.3"
}
}
34 changes: 34 additions & 0 deletions milestone1/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>Personal Website</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="index.html">personal website</a>
</h1>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<h1 class="page-title">Portfolio</h1>
<div class="project">
<img class="project-image">
<a href="index.html"> </a>
</img>
<div class="project-details">
<p class="project-name">Personal Website</p>
<p class="project-description"> Website that shows all my accomplishments, built with HTML and CSS</p>
</div>
</div>
</main>
<footer class="footer"> © 2023 <Personal Website Name> | All Rights Reserved </footer>
</body>
</html>
78 changes: 78 additions & 0 deletions milestone1/resume.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<title>Personal Website</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav class="navbar">
<h1 class="logo">
<a href="index.html">personal website</a>
</h1>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<h1 class="page-title">Resume</h1>

<div class="resume">
<!-- Education Section -->
<section class="section">
<h2>Education</h2>
<div class="entry">
<h3 class="entry-title">Bachelor of Science in Computer Science</h3>
<p class="entry-info">California Polytechnic State University, San Luis Obispo, 2022 - Present</p>
<p class="entry-description">Studying core concepts in programming, algorithms, and web development.</p>
</div>
</section>

<!-- Skills Section -->
<section class="section">
<h2>Skills</h2>
<ul class="skill-list">
<li>HTML, CSS</li>
<li>Python, Java</li>
<li>C</li>
<li>Git, GitHub</li>
</ul>
</section>

<!-- Projects Section -->
<section class="section">
<h2>Projects</h2>
<div class="entry">
<h3 class="entry-title">Personal Website</h3>
<p class="entry-info">A personal website built using HTML, CSS to showcase my portfolio and resume.</p>
<p class="entry-description"><a href="portfolio.html">Learn More</a></p>
</div>
</section>

<!-- Coursework Section -->
<section class="section">
<h2>Coursework</h2>
<ul class="course-list">
<li>Data Structures and Algorithms</li>
<li>Web Development</li>
<li>Database Management Systems</li>
<li>Intro to Computer Organization</li>
<li>Systems Programming</li>
<li>Object-Oriented Programming</li>
<li>Introduction to Software Engineering</li>
</ul>
</section>

<!-- Interests Section -->
<section class="section">
<h2>Interests</h2>
<p>Cybersecurity, Vinyl Collecting, Building PCs, Traveling.</p>
</section>
</div>
</main>
<footer class="footer">© 2023 My Personal Website | All Rights Reserved | Made with ♥</footer>
</body>
</html>
31 changes: 31 additions & 0 deletions milestone1/src/blog.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
var blogList = [
{
title: "Using typescript for the first time",
date: "10/20/2024",
description: "Just learning typescript rn!",
image: "../images/ts-logo.png",
imageAlt: "typescript_logo",
slug: "understanding-typescript",
},
{
title: "Finished Milestone 1!",
date: "10/20/2024",
description: "Im done with milestone 1",
image: "../images/pic-htmltree.gif",
imageAlt: "theDOM",
slug: "finished-milestone-1",
},
];
function addToBlog() {
var blogContainer = document.getElementById('blog-container');
if (blogContainer) {
blogContainer.innerHTML = "";
blogList.forEach(function (post) {
var createEl = document.createElement("div");
createEl.className = 'blog-post';
createEl.innerHTML = "\n <h2> <a href=\"blogs/".concat(post.slug, ".html\">").concat(post.title, "</h2>\n <img src=\"").concat(post.image, "\" alt=\"").concat(post.imageAlt, "\"/>\n <p>").concat(post.description, "</p>\n ");
blogContainer.appendChild(createEl);
});
}
}
addToBlog();
Loading