Skip to content

Commit a3e8701

Browse files
emscapeemscape
committed
Initial commit of HelloEmily.dev website
0 parents  commit a3e8701

10 files changed

Lines changed: 589 additions & 0 deletions

File tree

‎.github/workflows/deploy.yml‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [ main ]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: "pages"
15+
cancel-in-progress: false
16+
17+
jobs:
18+
deploy:
19+
environment:
20+
name: github-pages
21+
url: ${{ steps.deployment.outputs.page_url }}
22+
runs-on: ubuntu-latest
23+
steps:
24+
- name: Checkout
25+
uses: actions/checkout@v3
26+
- name: Setup Pages
27+
uses: actions/configure-pages@v3
28+
- name: Upload artifact
29+
uses: actions/upload-pages-artifact@v2
30+
with:
31+
path: '.'
32+
- name: Deploy to GitHub Pages
33+
id: deployment
34+
uses: actions/deploy-pages@v2

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
HelloEmily.dev

‎Instructions1.md‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
# Instructions 1: GitHub Repository Setup and Deployment
2+
3+
This document provides step-by-step instructions for uploading the HelloEmily.dev website to GitHub and configuring GitHub Pages for deployment.
4+
5+
## Prerequisites
6+
1. Git installed and configured on your local machine
7+
2. GitHub account (emscape) with access to create repositories
8+
3. Proper permissions to modify DNS settings for HelloEmily.dev domain
9+
10+
## Step 1: Create GitHub Repository
11+
1. Log in to GitHub (emscape account)
12+
2. Click "New repository" button
13+
3. Name the repository "HelloEmilyDev"
14+
4. Set visibility to Public (for GitHub Pages)
15+
5. Do not initialize with README, .gitignore, or license
16+
6. Click "Create repository"
17+
18+
## Step 2: Configure Git (if not already configured)
19+
1. Set your Git username:
20+
```
21+
git config --global user.name "emscape"
22+
```
23+
2. Set your Git email:
24+
```
25+
git config --global user.email "emily@theDapperFoxes.com"
26+
```
27+
28+
## Step 3: Connect Local Repository to GitHub
29+
1. Open terminal/command prompt in the local repository directory
30+
2. Run: `git remote add origin https://github.com/emscape/HelloEmilyDev.git`
31+
3. Verify connection with: `git remote -v`
32+
33+
## Step 4: Push Local Repository to GitHub
34+
1. Ensure all changes are committed locally
35+
- `git add .`
36+
- `git commit -m "Initial commit of HelloEmily.dev website"`
37+
2. Push to GitHub:
38+
- `git push -u origin main`
39+
40+
## Step 5: Configure GitHub Pages
41+
1. Go to repository settings on GitHub
42+
2. Navigate to "Pages" section
43+
3. Set source to "Deploy from a branch"
44+
4. Select "main" branch and "/ (root)" folder
45+
5. Click "Save"
46+
6. Under "Custom domain", enter "HelloEmily.dev"
47+
7. Check "Enforce HTTPS" option
48+
49+
## Step 6: Verify DNS Configuration
50+
1. Ensure A records point to GitHub Pages IP addresses:
51+
- 185.199.108.153
52+
- 185.199.109.153
53+
- 185.199.110.153
54+
- 185.199.111.153
55+
2. Ensure CNAME record for www.HelloEmily.dev points to emscape.github.io
56+
57+
## Step 7: Test Website
58+
1. Wait for DNS propagation (may take up to 24 hours)
59+
2. Visit HelloEmily.dev to verify the website is working
60+
3. Check that HTTPS is working properly
61+
62+
## Troubleshooting
63+
- If GitHub Pages doesn't build, check the Actions tab for error messages
64+
- If DNS isn't working, verify DNS settings with your domain provider
65+
- If HTTPS isn't working, ensure "Enforce HTTPS" is checked in GitHub Pages settings
66+
67+
## Command Reference
68+
```bash
69+
# Configure Git
70+
git config --global user.name "emscape"
71+
git config --global user.email "emily@theDapperFoxes.com"
72+
73+
# Connect to GitHub remote
74+
git remote add origin https://github.com/emscape/HelloEmilyDev.git
75+
76+
# Verify remote connection
77+
git remote -v
78+
79+
# Stage all files
80+
git add .
81+
82+
# Commit changes
83+
git commit -m "Initial commit of HelloEmily.dev website"
84+
85+
# Push to GitHub
86+
git push -u origin main
87+
```
88+
89+
## Completed Actions
90+
- ✅ Git global configuration set
91+
- ✅ Remote repository added
92+
- ✅ Files staged and committed
93+
- ✅ Repository pushed to GitHub

‎PromptContext.md‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# HelloEmily.dev - GitHub Pages Website
2+
3+
## Key Info
4+
- Domain: HelloEmily.dev
5+
- GitHub: emscape
6+
- Email: emily@theDapperFoxes.com
7+
8+
## Status
9+
- Basic responsive website created with emoji favicon
10+
- GitHub Actions deployment workflow configured
11+
- Custom domain and DNS configured
12+
- Git repository pushed to GitHub
13+
14+
## Automation Context
15+
```
16+
{
17+
"project": "HelloEmily.dev",
18+
"status": {
19+
"website": "basic_responsive_complete",
20+
"simple_website": "created_and_functional",
21+
"github": "repository_pushed_to_remote",
22+
"domain": "configured",
23+
"deployment": "github_actions_ready"
24+
},
25+
"required_actions": [
26+
"verify_github_pages_settings",
27+
"test_domain"
28+
],
29+
"automation_context": {
30+
"github_username": "emscape",
31+
"repository_name": "HelloEmilyDev",
32+
"domain": "HelloEmily.dev",
33+
"branch": "main",
34+
"simple_website_path": "simple-website.html"
35+
}
36+
}

‎README.md‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
# Emily's Personal Website
2+
3+
This repository contains the source code for my personal website hosted at [HelloEmily.dev](https://HelloEmily.dev).
4+
5+
## Overview
6+
7+
This is a simple personal website built with HTML and CSS, hosted on GitHub Pages with a custom domain.
8+
9+
## Features
10+
11+
- Responsive design
12+
- About section
13+
- Projects showcase
14+
- Contact information
15+
16+
## Setup
17+
18+
1. Clone this repository
19+
2. Make changes to the HTML/CSS files
20+
3. Push changes to GitHub
21+
4. GitHub Pages will automatically deploy the changes
22+
23+
## Custom Domain Setup
24+
25+
This website uses a custom domain (HelloEmily.dev) configured through GitHub Pages.
26+
27+
## Contact
28+
29+
Feel free to reach out to me at [emily@theDapperFoxes.com](mailto:emily@theDapperFoxes.com) or visit my [GitHub profile](https://github.com/emscape).

‎favicon-instructions.html‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Favicon Instructions</title>
7+
<style>
8+
body {
9+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
10+
line-height: 1.6;
11+
color: #333;
12+
max-width: 800px;
13+
margin: 0 auto;
14+
padding: 20px;
15+
}
16+
h1 {
17+
color: #0066cc;
18+
}
19+
code {
20+
background-color: #f5f5f5;
21+
padding: 2px 5px;
22+
border-radius: 3px;
23+
}
24+
pre {
25+
background-color: #f5f5f5;
26+
padding: 15px;
27+
border-radius: 5px;
28+
overflow-x: auto;
29+
}
30+
</style>
31+
</head>
32+
<body>
33+
<h1>Creating a Favicon for HelloEmily.dev</h1>
34+
35+
<p>To create a favicon for your website, you have several options:</p>
36+
37+
<h2>Option 1: Use an Online Favicon Generator</h2>
38+
<ol>
39+
<li>Visit a favicon generator website like <a href="https://favicon.io/" target="_blank">favicon.io</a> or <a href="https://realfavicongenerator.net/" target="_blank">realfavicongenerator.net</a></li>
40+
<li>Upload an image or create a text-based favicon</li>
41+
<li>Download the generated favicon files</li>
42+
<li>Place the favicon.ico file in the root directory of your website</li>
43+
</ol>
44+
45+
<h2>Option 2: Create a Simple Favicon with HTML and SVG</h2>
46+
<p>You can use an SVG as a favicon by linking to it in your HTML:</p>
47+
<pre>&lt;link rel="icon" href="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text y=%22.9em%22 font-size=%2290%22&gt;E&lt;/text&gt;&lt;/svg&gt;"&gt;</pre>
48+
49+
<p>Add this line to the &lt;head&gt; section of your index.html file to use a simple text-based favicon.</p>
50+
51+
<h2>Option 3: Use an Emoji as a Favicon</h2>
52+
<p>You can use an emoji as a favicon with this simple code:</p>
53+
<pre>&lt;link rel="icon" href="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text y=%22.9em%22 font-size=%2290%22&gt;👩‍💻&lt;/text&gt;&lt;/svg&gt;"&gt;</pre>
54+
55+
<p>Replace the emoji (👩‍💻) with any emoji that represents you or your website.</p>
56+
57+
<h2>Next Steps</h2>
58+
<p>Once you've created your favicon:</p>
59+
<ol>
60+
<li>Add the appropriate link tag to your index.html file</li>
61+
<li>Test your website to ensure the favicon appears in browser tabs</li>
62+
<li>For comprehensive browser support, consider generating multiple favicon sizes and formats</li>
63+
</ol>
64+
</body>
65+
</html>

‎favicon.svg‎

Loading

‎index.html‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Emily's Personal Website</title>
7+
<link rel="stylesheet" href="styles.css">
8+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👩‍💻</text></svg>">
9+
</head>
10+
<body>
11+
<header>
12+
<div class="container">
13+
<h1>Emily</h1>
14+
<nav>
15+
<ul>
16+
<li><a href="#about">About</a></li>
17+
<li><a href="#projects">Projects</a></li>
18+
<li><a href="#contact">Contact</a></li>
19+
</ul>
20+
</nav>
21+
</div>
22+
</header>
23+
24+
<section id="hero">
25+
<div class="container">
26+
<h2>Welcome to My Personal Website</h2>
27+
<p>Software Developer & Creative Thinker</p>
28+
</div>
29+
</section>
30+
31+
<section id="about">
32+
<div class="container">
33+
<h2>About Me</h2>
34+
<p>Hello! I'm Emily, a passionate software developer with a love for creating elegant solutions to complex problems.</p>
35+
<p>I enjoy working with modern web technologies and am constantly learning new skills to improve my craft.</p>
36+
</div>
37+
</section>
38+
39+
<section id="projects">
40+
<div class="container">
41+
<h2>Projects</h2>
42+
<div class="project-grid">
43+
<div class="project-card">
44+
<h3>Project 1</h3>
45+
<p>Description of project 1 goes here.</p>
46+
<a href="#" class="btn">View Project</a>
47+
</div>
48+
<div class="project-card">
49+
<h3>Project 2</h3>
50+
<p>Description of project 2 goes here.</p>
51+
<a href="#" class="btn">View Project</a>
52+
</div>
53+
<div class="project-card">
54+
<h3>Project 3</h3>
55+
<p>Description of project 3 goes here.</p>
56+
<a href="#" class="btn">View Project</a>
57+
</div>
58+
</div>
59+
</div>
60+
</section>
61+
62+
<section id="contact">
63+
<div class="container">
64+
<h2>Contact Me</h2>
65+
<p>Feel free to reach out to me at <a href="mailto:emily@theDapperFoxes.com">emily@theDapperFoxes.com</a></p>
66+
<div class="social-links">
67+
<a href="https://github.com/emscape" target="_blank">GitHub</a>
68+
</div>
69+
</div>
70+
</section>
71+
72+
<footer>
73+
<div class="container">
74+
<p>&copy; 2025 Emily. All rights reserved.</p>
75+
</div>
76+
</footer>
77+
</body>
78+
</html>

0 commit comments

Comments
 (0)