Skip to content

refactor with codex #19

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

Open
stcharitak wants to merge 1 commit into
base: main
Choose a base branch
from
Open

refactor with codex #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
29 changes: 29 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,30 @@
# stcharitak.github.io

This site now uses a simple template build flow so shared HTML is not duplicated across pages.

## Edit flow
- Shared HTML shell: `src/layout.html`
- Shared head/scripts partials: `src/partials/`
- Shared header/footer renderer: `js/layout.js`
- Page-specific content: `src/pages/*.content.html`

## Build pages
Run:

```bash
scripts/build-pages.sh
```

This regenerates:
- `index.html`
- `resume.html`
- `contact.html`

## Watch mode
Run:

```bash
scripts/watch-pages.sh
```

This will rebuild automatically when you save files under `src/` or `js/layout.js`.
134 changes: 35 additions & 99 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,90 +1,48 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Stavros Charitakis</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="description" content="Stavros Charitakis Resume" />
<meta
name="keywords"
content="vcard, resposnive, retina, resume, jquery, css3, bootstrap, portfolio"
/>
<meta name="author" content="lmpixels" />
<link rel="shortcut icon" href="favicon.ico" />

<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/main.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />

<script src="js/modernizr.custom.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Stavros Charitakis</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="description" content="Stavros Charitakis Resume" />
<meta
name="keywords"
content="vcard, resposnive, retina, resume, jquery, css3, bootstrap, portfolio"
/>
<meta name="author" content="lmpixels" />
<link rel="shortcut icon" href="favicon.ico" />

<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/main.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<script src="js/modernizr.custom.js"></script>
</head>

<body class="page">
<body class="page" data-page="contact">
<div class="lm-animated-bg"></div>

<!-- Loading animation -->
<div class="preloader">
<div class="preloader-animation">
<div class="preloader-spinner"></div>
</div>
</div>
<!-- /Loading animation -->

<!-- Scroll To Top Button -->
<div class="lmpixels-scroll-to-top"><i class="lnr lnr-chevron-up"></i></div>
<!-- /Scroll To Top Button -->

<div class="page-scroll">
<div
id="page_container"
class="page-container bg-move-effect"
data-animation="transition-flip-in-right"
>
<!-- Header -->
<header id="site_header" class="header">
<div class="header-content clearfix">
<!-- Text Logo -->
<div class="text-logo">
<a href="/">
<div class="logo-symbol">S</div>
<div class="logo-text">Stavros <span>Charitakis</span></div>
</a>
</div>
<!-- /Text Logo -->

<!-- Navigation -->
<div class="site-nav mobile-menu-hide">
<ul class="leven-classic-menu site-main-menu">
<li class="menu-item">
<a href="/">About Me</a>
</li>

<li class="menu-item">
<a href="resume.html">Resume</a>
</li>

<li class="menu-item current-menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>

<!-- Mobile Menu Toggle -->
<a class="menu-toggle mobile-visible">
<i class="fa fa-bars"></i>
</a>
<!-- Mobile Menu Toggle -->
</div>
</header>
<!-- /Header -->

<div id="layout-header"></div>
<div id="main" class="site-main">
<div id="main-content" class="single-page-content">
<div id="primary" class="content-area">
Expand Down Expand Up @@ -225,42 +183,20 @@ <h2>Feel Free to Reach Out</h2>
</div>
</div>
</div>

<!-- Footer -->
<footer class="site-footer clearfix">
<div class="footer-social">
<ul class="footer-social-links">
<li>
<a
href="https://www.linkedin.com/in/stavros-charitakis-755231175"
target="_blank"
><i class="fab fa-linkedin-in fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/stcharitak" target="_blank">
<i class="fab fa-github fa-2x"></i
></a>
</li>
</ul>
</div>

<div class="footer-copyrights">
<p>© 2025 Stavros Charitakis</p>
</div>
</footer>
<!-- /Footer -->
<div id="layout-footer"></div>
</div>
</div>

<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.shuffle.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/validator.js"></script>
<script src="js/main.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.shuffle.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>

<script src="js/validator.js"></script>
<script src="js/layout.js"></script>
<script src="js/main.js"></script>
</body>
</html>
190 changes: 63 additions & 127 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,89 +1,48 @@
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Stavros Charitakis</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="description" content="Stavros Charitakis Resume" />
<meta
name="keywords"
content="vcard, resposnive, retina, resume, jquery, css3, bootstrap, portfolio"
/>
<meta name="author" content="lmpixels" />
<link rel="shortcut icon" href="favicon.ico" />

<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/main.css" type="text/css" />

<script src="js/modernizr.custom.js"></script>
</head>

<body class="page">
<div class="lm-animated-bg"></div>

<!-- Loading animation -->
<div class="preloader">
<div class="preloader-animation">
<div class="preloader-spinner"></div>
</div>
</div>
<!-- /Loading animation -->

<!-- Scroll To Top Button -->
<div class="lmpixels-scroll-to-top"><i class="lnr lnr-chevron-up"></i></div>
<!-- /Scroll To Top Button -->

<div class="page-scroll">
<div
id="page_container"
class="page-container bg-move-effect"
data-animation="transition-flip-in-right"
>
<!-- Header -->
<header id="site_header" class="header">
<div class="header-content clearfix">
<!-- Text Logo -->
<div class="text-logo">
<a href="/">
<div class="logo-symbol">S</div>
<div class="logo-text">Stavros <span>Charitakis</span></div>
</a>
</div>
<!-- /Text Logo -->

<!-- Navigation -->
<div class="site-nav mobile-menu-hide">
<ul class="leven-classic-menu site-main-menu">
<li class="menu-item current-menu-item">
<a href="/">About Me</a>
</li>

<li class="menu-item">
<a href="resume.html">Resume</a>
</li>

<li class="menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>

<!-- Mobile Menu Toggle -->
<a class="menu-toggle mobile-visible">
<i class="fa fa-bars"></i>
</a>
<!-- Mobile Menu Toggle -->
</div>
</header>
<!-- /Header -->

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Stavros Charitakis</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta name="description" content="Stavros Charitakis Resume" />
<meta
name="keywords"
content="vcard, resposnive, retina, resume, jquery, css3, bootstrap, portfolio"
/>
<meta name="author" content="lmpixels" />
<link rel="shortcut icon" href="favicon.ico" />

<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/main.css" type="text/css" />

<script src="js/modernizr.custom.js"></script>
</head>

<body class="page" data-page="about">
<div class="lm-animated-bg"></div>

<div class="preloader">
<div class="preloader-animation">
<div class="preloader-spinner"></div>
</div>
</div>

<div class="lmpixels-scroll-to-top"><i class="lnr lnr-chevron-up"></i></div>

<div class="page-scroll">
<div
id="page_container"
class="page-container bg-move-effect"
data-animation="transition-flip-in-right"
>
<div id="layout-header"></div>
<div id="main" class="site-main">
<div id="main-content" class="single-page-content">
<div id="primary" class="content-area">
Expand Down Expand Up @@ -232,44 +191,21 @@ <h5 class="testimonial-author">Albert Einstein</h5>
</div>
</div>
</div>
</div>

<!-- Footer -->
<footer class="site-footer clearfix">
<div class="footer-social">
<ul class="footer-social-links">
<li>
<a
href="https://www.linkedin.com/in/stavros-charitakis-755231175"
target="_blank"
><i class="fab fa-linkedin-in fa-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/stcharitak" target="_blank">
<i class="fab fa-github fa-2x"></i
></a>
</li>
</ul>
</div>

<div class="footer-copyrights">
<p>© 2025 Stavros Charitakis</p>
</div>
</footer>
<!-- /Footer -->
</div>
</div>

<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.shuffle.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.googlemap.js"></script>
<script src="js/validator.js"></script>
<script src="js/main.js"></script>
</body>
</html>
</div>
<div id="layout-footer"></div>
</div>
</div>

<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.shuffle.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.googlemap.js"></script>
<script src="js/validator.js"></script>
<script src="js/layout.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Loading