hack4impact-calpoly · camilayeremin · Oct 27, 2024 · Nov 27, 2024 · Jan 13, 2025 · Jan 13, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore/milestone1/README.md b/.gitignore/milestone1/README.md
@@ -0,0 +1,4 @@
+Camila Yeremin's Personal Website!
+This is a personal website built by using HackForImpact Starter Pack!
+Link : https://camilayeremin.github.io
+Thank you for checking it out!
diff --git a/.gitignore/milestone1/blog.css b/.gitignore/milestone1/blog.css
@@ -0,0 +1,4 @@
+.mainblog img {
+    height: 200px;
+    width: 30%;
+}
diff --git a/.gitignore/milestone1/blog.html b/.gitignore/milestone1/blog.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Blog</title>
+    <link rel="stylesheet" href="blog.css">
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body class="body">
+    <nav class="navbar">
+        <h1 class="logo">Camila's Website</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 class="mainblog">
+        <h1 class="page-title">Welcome to my Blog!</h1>
+        <div id="blog-container"></div> <!-- Ensure you have this container for your blog posts -->
+    </main>
+    <footer class="footer">© 2024 <Personal Website Name> | All Rights Reserved</footer>
+
+    <script src="src/blog.js" defer></script> <!-- Ensure this points to the correct location -->
+</body>
+</html>
+
diff --git a/.gitignore/milestone1/contact.html b/.gitignore/milestone1/contact.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title> Contact Page</title>
+        <link rel = "stylesheet" href=" styles.css"/>
+    <head>
+        <body class="body">
+            <nav class="navbar">
+            <h1 class="logo"> Contact Page </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>
+                    <form class = "contact-form" > </form>
+                    <input type = "text" id = "name" class = "box">
+                    <input type = "email" id = "email" class = "box">
+                    <textarea class = "box"> </textarea >
+                    <input type = "submit" class="button1">
+                    <p><strong>my contacts!</strong> </p>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+
+            </main>
+        <footer class="footer"> © 2024 <Personal Website Name> | All Rights Reserved</footer>
+
+        </body>  
+</html>
+
diff --git a/.gitignore/milestone1/image0.jpeg b/.gitignore/milestone1/image0.jpeg
diff --git a/.gitignore/milestone1/index.html b/.gitignore/milestone1/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+
+<html lang = "en">
+    <head class="head">
+        <ul class ="nav-list">
+
+            <em>
+            <li class="link"> <a href = "index.html" >Home</a></li> 
+            <li class="link"> <a href = "blog.html">Blog</a></li>
+            <li class="link"> <a href = "portfolio.html">Portfolio</a></li>
+            <li class="link"> <a href = "resume.html">Resume</a></li>
+            <li class="link"> <a href = "contact.html">Contact</a></li>
+
+        </em>
+        </ul>
+        </nav>
+
+        <title> Camila's Website!!!</title>
+        <link rel = "stylesheet" href=" styles.css"/>
+    <head>
+        <body class="body">
+            <nav class="navbar">
+            <h1 class="logo">
+                <p> Camila Yeremin's Website </p>
+                <p class="Directory"> Directory -></p>
+
+
+            </h1>
+
+            </nav>
+                <main>
+
+                    <div class= " about "> 
+                    <div class = "about-image"> 
+                        <img src= image0.jpeg alt= "drawing of a cat!" width="200" height="200">
+                    </div>
+                    <div class = "about-text"> 
+
+                    <p>Hi! My name is Camila :)</p>
+                    <p>I am a third year LAES major with a concentration in computer graphics and art!</p> 
+                    <p> I am <em>SO</em> excited to hopefully join this club!</p>
+                    <p> I am from San Jose California, and my hobbies include drawing and reading:)</p>
+                    <p><strong>Super hard core, I know.</strong></p>
+                    <p> I applied for this club because I have a background in working in philanthropy and I want to use my skills for good!!</p>
+                    </div>
+                    </div>
+                    </main>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+
+            </main>
+        <footer class="footer"> © 2024 <Personal Website Name> | All Rights Reserved</footer>
+
+        </body>  
+</html>
+
+
diff --git a/.gitignore/milestone1/linkwebsite.jpg b/.gitignore/milestone1/linkwebsite.jpg
diff --git a/.gitignore/milestone1/package-lock.json b/.gitignore/milestone1/package-lock.json
diff --git a/.gitignore/milestone1/package.json b/.gitignore/milestone1/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "camilayeremin.github.io",
+  "version": "1.0.0",
+  "description": "Camila Yeremin's Personal Website! This is a personal website built by using HackForImpact Starter Pack! Link : https://camilayeremin.github.io Thank you for checking it out!",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "typescript": "^5.6.3"
+  }
+}
diff --git a/.gitignore/milestone1/portfolio.html b/.gitignore/milestone1/portfolio.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title> Portfolio</title>
+        <link rel = "stylesheet" href=" styles.css"/>
+    <head>
+        <body class="body">
+            <nav class = "navbar"> <h1 class="logo"> Portfolio</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>
+
+                    My Portfolio
+                    <p> under construction...</p>
+                    <div class="project"> 
+                        <img src= WebsiteH4IScreenShot.png alt= "Sceenshot of HackForImpact Project" width="200" height="200">
+
+                        <p1 class="project-name"> Hack4impact project!</p1>
+                        <p2 class= "project-description"> This was made using the Hack4Impact Starter Pack</p2>
+                    </div>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+                    <section></section>
+
+            </main>
+        <footer class="footer"> © 2024 <Personal Website Name> | All Rights Reserved</footer>
+
+        </body>  
+</html>
+
diff --git a/.gitignore/milestone1/resume.html b/.gitignore/milestone1/resume.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang = "en">
+    <head>
+        <title> Resume Page </title>
+        <link rel = "stylesheet" href=" styles.css"/>
+    <head>
+        <body class="body">
+            <nav class="navbar">
+                <h1 class="page title"> Resume</h1>
+                <a href= "resume.pdf" download> Download Resume </a>  
+                <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 = "resume">
+                    <section class="section"> 
+                        <h2 class="section-title"> Education</h2>
+                        <div class = "entry">
+                            <h3 class = "entry-title"></h3>
+                            <p class = "entry-info"></p>
+                            <p class = "entry-description"></p>
+                        </div>
+                    </section>
+                    <section class="section"> 
+                        <h2 class="section-title"> Experience</h2>
+                        <div class = "entry">
+                            <h3 class = "entry-title"> Guzik Enterprises -Software Engineering Intern Summer 2024</h3>
+                            <p class = "entry-info"> Helped make a website that tracked data from digitizers.</p>
+                            <p class = "entry-description"></p>
+                            <h4 class = "entry-title2"> Westly Foundation - Intern 2020-2022</h4>
+                            <p class = "entry-info"> Helped write feature stories for and assisted non-profits.</p>
+                        </div>
+                    </section>
+                    <section class="section"> 
+                        <h2 class="section-title">Skills</h2>
+                        <ul class="skill-list"> 
+                            <p> Python, Java, HTML, C, Assembly, R, PHP, Illustrator, Photoshop</p>
+                    </section>   
+                    <section class="section"> 
+                        <h2 class="section-title">Coursework</h2>
+                        <ul class="course-list"> 
+                            <p> Data Structures</p>
+                            <p> Object Oriented Programming</p>
+                            <p> Computer Architecture</p>
+                            <p> Discrete Structures</p>
+                            <p> Systems Programming</p>
+                        </ul>
+                    </section>    
+                    <section class="section"> 
+                        <h2 class="section-title">Projects</h2>
+                        <div class = "entry">
+                            <h3 class = "entry-title"></h3>
+                            <p class = "entry-info"></p>
+                            <p class = "entry-description"></p>
+
+                        </div>
+                    </section>    
+                    <section class="section">
+                        <h2 class="section-title">Activities
+                        </h2>
+                        <p> Rock climbing, Reading, Drawing!</p>
+                    </section>    
+                    <section class="section ">
+                    <h2 class="section-title">Interests
+                    </h2>
+                    <p> Computer Graphics and Video Game Design!</p>
+                </section>
+
+                </div>        
+
+            </main>
+        <footer class="footer"> © 2024 <Personal Website Name> | All Rights Reserved</footer>
+
+        </body>  
+</html>
+
+
+
diff --git a/.gitignore/milestone1/src/blog.js b/.gitignore/milestone1/src/blog.js
@@ -0,0 +1,59 @@
+"use strict";
+// Sample blog posts
+const blogs = [
+    {
+        title: "My second blog post...TypeScript is crazy!",
+        date: "2024-10-25",
+        description: "TypeScript is super cool! It feels like coding with a little sidekick—like Link and Navi!",
+        image: "/Users/camilayeremin/camilayeremin.github.io/linkwebsite.jpg",
+        imageAlt: "Link and Navi",
+        slug: "my-second-blog"
+    },
+    {
+        title: "First Blog Post!",
+        date: "2024-10-20",
+        description: "Trying to learn the basics so far!",
+        image: "/Users/camilayeremin/camilayeremin.github.io/typescriptimage.png",
+        imageAlt: "Getting Started with React",
+        slug: "getting-started-with-react"
+    }
+    // Add more blog posts as needed
+];
+// Function to render and append blog posts
+function renderBlogs() {
+    const blogContainer = document.querySelector('.mainblog');
+    // Clear existing content if any
+    blogContainer.innerHTML = '';
+    blogs.forEach(blog => {
+        // Create a new div for the blog post
+        const blogDiv = document.createElement('div');
+        blogDiv.className = 'blog-post'; // Add a class for styling
+        // Create the title element
+        const titleElement = document.createElement('h1');
+        titleElement.textContent = blog.title;
+        // Create the image element
+        const imageElement = document.createElement('img');
+        imageElement.src = blog.image;
+        imageElement.alt = blog.imageAlt;
+        // Create the description element
+        const descriptionElement = document.createElement('p');
+        descriptionElement.textContent = blog.description;
+        // Create a link to the individual blog page using the slug
+        const linkElement = document.createElement('a');
+        linkElement.href = `blogs/${blog.slug}.html`; // Adjust path as necessary
+        linkElement.textContent = "Read More"; // Link text
+        // Append elements to the blog post div
+        blogDiv.appendChild(titleElement);
+        blogDiv.appendChild(imageElement);
+        blogDiv.appendChild(descriptionElement);
+        blogDiv.appendChild(linkElement);
+        // Append the blog post div to the main blog container
+        blogContainer.appendChild(blogDiv);
+    });
+}
+// Function to display blogs when the page loads
+function displayBlogs() {
+    renderBlogs();
+}
+// Run the displayBlogs function when the DOM is fully loaded
+document.addEventListener('DOMContentLoaded', displayBlogs);