Skip to content

Commit 028f8f0

Browse files
intelleximus-xyzintelleximus-xyz
authored
Merge pull request #1 from intelleximus-xyz/copilot/add-basic-navigation-template
Add Jekyll template with navigation structure
2 parents bee5ac9 + 630f501 commit 028f8f0

File tree

9 files changed

+279
-0
lines changed

9 files changed

+279
-0
lines changed

‎.gitignore‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -416,3 +416,10 @@ FodyWeavers.xsd
416416
*.msix
417417
*.msm
418418
*.msp
419+
420+
# Jekyll
421+
_site/
422+
.sass-cache/
423+
.jekyll-cache/
424+
.jekyll-metadata
425+
vendor/

‎README.md‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,52 @@
11
# intelleximus-xyz.github.io
22
Humanorum
3+
4+
## Jekyll Site with Navigation
5+
6+
This repository contains a Jekyll-based GitHub Pages site with a basic navigation template.
7+
8+
### Local Development
9+
10+
1. Install Jekyll and Bundler:
11+
```bash
12+
gem install jekyll bundler
13+
```
14+
15+
2. Build the site:
16+
```bash
17+
jekyll build
18+
```
19+
20+
3. Serve the site locally:
21+
```bash
22+
jekyll serve
23+
```
24+
25+
4. Visit `http://localhost:4000` in your browser
26+
27+
### Adding New Pages
28+
29+
1. Create a new `.md` file in the root directory
30+
2. Add front matter:
31+
```yaml
32+
---
33+
layout: default
34+
title: Your Page Title
35+
---
36+
```
37+
3. Add your content using Markdown
38+
4. Update the navigation in `_config.yml`:
39+
```yaml
40+
navigation:
41+
- title: Your Page
42+
url: /your-page.html
43+
```
44+
45+
### Structure
46+
47+
- `_config.yml` - Site configuration and navigation menu
48+
- `_layouts/default.html` - Main layout template
49+
- `_includes/navigation.html` - Navigation component
50+
- `index.md` - Home page
51+
- `about.md`, `blog.md`, `contact.md` - Sample pages
52+

‎_config.yml‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Site settings
2+
title: Intelleximus
3+
description: Humanorum
4+
baseurl: ""
5+
url: "https://intelleximus-xyz.github.io"
6+
7+
# Build settings
8+
markdown: kramdown
9+
10+
# Navigation items
11+
navigation:
12+
- title: Home
13+
url: /
14+
- title: About
15+
url: /about.html
16+
- title: Blog
17+
url: /blog.html
18+
- title: Contact
19+
url: /contact.html
20+
21+
# Exclude from processing
22+
exclude:
23+
- README.md
24+
- .gitignore

‎_includes/navigation.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<nav class="site-nav">
2+
<ul>
3+
{% for item in site.navigation %}
4+
<li>
5+
<a href="{{ item.url | relative_url }}" {% if page.url == item.url or (item.url == '/' and page.url == '/index.html') %}class="active"{% endif %}>
6+
{{ item.title }}
7+
</a>
8+
</li>
9+
{% endfor %}
10+
</ul>
11+
</nav>

‎_layouts/default.html‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
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>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
7+
<meta name="description" content="{{ site.description }}">
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
}
14+
15+
body {
16+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
17+
line-height: 1.6;
18+
color: #333;
19+
background-color: #f5f5f5;
20+
}
21+
22+
.container {
23+
max-width: 1200px;
24+
margin: 0 auto;
25+
padding: 0 20px;
26+
}
27+
28+
header {
29+
background-color: #2c3e50;
30+
color: white;
31+
padding: 1rem 0;
32+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
33+
}
34+
35+
header h1 {
36+
margin-bottom: 0.5rem;
37+
}
38+
39+
header p {
40+
color: #ecf0f1;
41+
font-size: 0.9rem;
42+
}
43+
44+
.site-nav {
45+
background-color: #34495e;
46+
padding: 0;
47+
}
48+
49+
.site-nav ul {
50+
list-style: none;
51+
display: flex;
52+
flex-wrap: wrap;
53+
max-width: 1200px;
54+
margin: 0 auto;
55+
padding: 0 20px;
56+
}
57+
58+
.site-nav li {
59+
margin: 0;
60+
}
61+
62+
.site-nav a {
63+
display: block;
64+
color: white;
65+
text-decoration: none;
66+
padding: 1rem 1.5rem;
67+
transition: background-color 0.3s ease;
68+
}
69+
70+
.site-nav a:hover {
71+
background-color: #2c3e50;
72+
}
73+
74+
.site-nav a.active {
75+
background-color: #1abc9c;
76+
}
77+
78+
main {
79+
background-color: white;
80+
min-height: 60vh;
81+
padding: 2rem 0;
82+
}
83+
84+
footer {
85+
background-color: #2c3e50;
86+
color: white;
87+
text-align: center;
88+
padding: 2rem 0;
89+
margin-top: 2rem;
90+
}
91+
92+
footer p {
93+
color: #ecf0f1;
94+
}
95+
96+
@media (max-width: 768px) {
97+
.site-nav ul {
98+
flex-direction: column;
99+
}
100+
101+
.site-nav a {
102+
padding: 0.75rem 1rem;
103+
}
104+
}
105+
</style>
106+
</head>
107+
<body>
108+
<header>
109+
<div class="container">
110+
<h1>{{ site.title }}</h1>
111+
<p>{{ site.description }}</p>
112+
</div>
113+
</header>
114+
115+
{% include navigation.html %}
116+
117+
<main>
118+
<div class="container">
119+
{{ content }}
120+
</div>
121+
</main>
122+
123+
<footer>
124+
<div class="container">
125+
<p>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}. All rights reserved.</p>
126+
</div>
127+
</footer>
128+
</body>
129+
</html>

‎about.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: default
3+
title: About
4+
---
5+
6+
# About
7+
8+
This is the About page. Add information about your site or organization here.

‎blog.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: default
3+
title: Blog
4+
---
5+
6+
# Blog
7+
8+
Welcome to the blog section. Blog posts will appear here.

‎contact.md‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
layout: default
3+
title: Contact
4+
---
5+
6+
# Contact
7+
8+
Get in touch with us using the information below.
9+
10+
**Email:** contact@intelleximus.xyz
11+
12+
**Address:** TBD

‎index.md‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
layout: default
3+
title: Home
4+
---
5+
6+
# Welcome to Intelleximus
7+
8+
This is the home page of the Intelleximus website - Humanorum.
9+
10+
## Getting Started
11+
12+
This site uses Jekyll and includes basic navigation. You can easily add new pages by creating markdown files with the appropriate front matter.
13+
14+
### Adding New Pages
15+
16+
To add a new page:
17+
18+
1. Create a new `.md` or `.html` file in the root directory
19+
2. Add front matter at the top:
20+
```yaml
21+
---
22+
layout: default
23+
title: Your Page Title
24+
---
25+
```
26+
3. Add the page to the navigation in `_config.yml`
27+
28+
### Navigation
29+
30+
The navigation menu is automatically generated from the `navigation` section in `_config.yml`. Simply add new items to make them appear in the navigation bar.

0 commit comments

Comments
 (0)