Skip to content

Commit

Permalink
Add erb - and partials for header/footer
Browse files Browse the repository at this point in the history
- directory views for erb files
- html files still live at root of project
- add notes, resume docs
  • Loading branch information
kellyky committed Oct 29, 2024
1 parent 7fe9e16 commit 904643b
Show file tree
Hide file tree
Showing 11 changed files with 198 additions and 28 deletions.
23 changes: 12 additions & 11 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>

<html>
<head>
<meta charset='utf-8'>
Expand All @@ -8,21 +8,22 @@
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<header>
<ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>
<header>
<ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>


<ul>
<li><a href="./today_i_learned.html">Today I Learned</a></li>
</ul>

<footer>
<footer>
<hr>
<br>
<ul>
Expand Down
29 changes: 26 additions & 3 deletions notes.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,38 @@

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<title>Notes</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<header>
<ul>
<li><a href="./index.html">Index</a></li>
</ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>


Coming soon

<footer>
<hr>
<br>
<ul>
<li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
<li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
<li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
<li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
<li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
</ul>
</footer>

</body>
</html>
11 changes: 11 additions & 0 deletions partials/_footer.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<footer>
<hr>
<br>
<ul>
<li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
<li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
<li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
<li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
<li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
</ul>
</footer>
9 changes: 9 additions & 0 deletions partials/_header.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<header>
<ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>
20 changes: 20 additions & 0 deletions render.rb
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
require 'erb'

def render_partial(file_name)
File.read("partials/#{file_name}.erb")
end

def render_template(file_name)
template = File.read("views/#{file_name}.erb")
renderer = ERB.new(template)
output = renderer.result(binding)

File.write("#{file_name}.html", output) # Write output to HTML file
end

# List of main files to render
main_files = ['index', 'today_i_learned', 'notes', 'resume']

main_files.each do |file|
render_template(file)
end
29 changes: 26 additions & 3 deletions resume.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,38 @@

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Resume Page</title>
<title>Resume</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<header>
<ul>
<li><a href="./index.html">Index</a></li>
</ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>


Placeholder - resume

<footer>
<hr>
<br>
<ul>
<li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
<li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
<li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
<li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
<li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
</ul>
</footer>

</body>
</html>
25 changes: 14 additions & 11 deletions today_i_learned.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>

<html>
<head>
<meta charset='utf-8'>
Expand All @@ -8,15 +8,16 @@
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<header>
<ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>
<header>
<ul>
<li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
<li class="header">|</li>
<li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
</ul>
<hr>
<br>
</header>


<h1>Posts</h1>
<ul>
Expand All @@ -25,7 +26,8 @@ <h1>Posts</h1>
<li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-log-77cf7346d6f4" target="_blank">git: git log search</a></li>
<li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-logs-by-author-2037e6c40c1e" target="_blank">git: git log author search</a></li>
</ul>
<footer>

<footer>
<hr>
<br>
<ul>
Expand All @@ -36,6 +38,7 @@ <h1>Posts</h1>
<li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
</ul>
</footer>

</body>
</html>

Expand Down
19 changes: 19 additions & 0 deletions views/index.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<% require 'erb' %>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Kelly's Site</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<%= File.read('partials/_header.erb') %>

<ul>
<li><a href="./today_i_learned.html">Today I Learned</a></li>
</ul>

<%= File.read('partials/_footer.erb') %>
</body>
</html>
18 changes: 18 additions & 0 deletions views/notes.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<% require 'erb' %>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Notes</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<%= File.read('partials/_header.erb') %>

Coming soon

<%= File.read('partials/_footer.erb') %>
</body>
</html>
18 changes: 18 additions & 0 deletions views/resume.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<% require 'erb' %>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Resume</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<%= File.read('partials/_header.erb') %>

Placeholder - resume

<%= File.read('partials/_footer.erb') %>
</body>
</html>
25 changes: 25 additions & 0 deletions views/today_i_learned.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<% require 'erb' %>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Today I Learned...</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
</head>
<body>
<%= File.read('partials/_header.erb') %>

<h1>Posts</h1>
<ul>
<li><a href="https://medium.com/@kelpopko/today-i-learned-git-series-custom-base-branch-23296860b403" target="_blank">git: Set custom base branch</a></li>
<li><a href="https://medium.com/@kelpopko/today-i-learned-git-series-custom-base-branch-revisited-71aa8db3e0f2" target="_blank">git: custom base branch revisited</a></li>
<li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-log-77cf7346d6f4" target="_blank">git: git log search</a></li>
<li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-logs-by-author-2037e6c40c1e" target="_blank">git: git log author search</a></li>
</ul>

<%= File.read('partials/_footer.erb') %>
</body>
</html>


0 comments on commit 904643b

Please sign in to comment.