Skip to content

Latest commit

 

History

History
130 lines (106 loc) · 3.57 KB

index.md

File metadata and controls

130 lines (106 loc) · 3.57 KB
Raw
layout title description hide
base
Leon's CSP Page
Home Page
true
<title>Button Example</title> <style> .project-submenu { margin: 20px 0; padding: 15px; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 8px; text-align: center; transition: background-color 0.3s, box-shadow 0.3s; } 
.project-button {
  display: block;
  text-decoration: none;
  color: #333;
}

.project-button h2 {
  margin: 0;
  font-size: 24px;
  color: #007bff;
}

.project-button p {
  margin: 10px 0 0;
  font-size: 16px;
  color: #555;
}

.project-submenu:hover {
  background-color: #e9ecef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.project-submenu:hover .project-button h2 {
  color: #0056b3;
}
</style>

Mini Project 1: Gaming Blog

This is my first mini project gaming blog!

<title>Button Example</title> <style> .project-submenu { margin: 20px 0; padding: 15px; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 8px; text-align: center; transition: background-color 0.3s, box-shadow 0.3s; } 
.project-button {
  display: block;
  text-decoration: none;
  color: #333;
}

.project-button h2 {
  margin: 0;
  font-size: 24px;
  color: #007bff;
}

.project-button p {
  margin: 10px 0 0;
  font-size: 16px;
  color: #555;
}

.project-submenu:hover {
  background-color: #e9ecef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.project-submenu:hover .project-button h2 {
  color: #0056b3;
}
</style>

About Me:

Hi my name is Leon and I am 15 and a Sophomore at Del Norte High School in San Diego California. I enjoy playing games and coding, as well as fencing. Fencing is my favorite past time as I use most of my outside time on it.

fencing

GitHub Pages is a free service provided by GitHub that allows you to host static websites directly from a GitHub repository. Essentially, you upload your website’s code—like HTML, CSS, and JavaScript—into a repository on GitHub, and GitHub Pages turns it into a live website. The service works by converting the contents of the repository into a website and giving you a unique URL to access it. It's a great tool for web developers, especially for sharing projects, portfolios, or documentation.

For our project, we coded the website using HTML to create the structure of the pages and CSS for styling. We used gradients to make the design visually appealing, giving it a smooth, modern feel. Once the coding was done, we pushed the changes to the GitHub repository and enabled GitHub Pages from the repository’s settings. This automatically published the website, making it live for anyone to access through the provided URL.