Skip to content

Commit af0bdf2

Browse files
coderoozcoderooz
committed
Add page layout for docs - 2025-11-27 [3]
1 parent f41790d commit af0bdf2

File tree

4 files changed

+120
-10
lines changed

4 files changed

+120
-10
lines changed

‎docs/_config.yml‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
title: Coderooz Expo Template
22
description: A production-ready Expo starter for real business apps
33
theme: jekyll-theme-primer
4+
favicon: /expo-template-coderooz/assets/logo.svg
5+
logo: /expo-template-coderooz/assets/logo.svg
6+
baseurl: "/expo-template-coderooz"
47
markdown: GFM
5-
logo: /assets/logo.svg
68
show_downloads: true
7-
google_analytics:
89
nav:
910
- Home: index.md
1011
- Quick Start: getting-started.md
1112
- Features: features.md
1213
- UI Components: ui-components.md
1314
- API: api-integration.md
1415
- CLI: cli-commands.md
15-
- Changelog: changelog.md
16+
- Changelog: changelog.md

‎docs/_layouts/default.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>{{ page.title }} | {{ site.title }}</title>
6+
7+
<!-- Make relative links work under /expo-template-coderooz/ -->
8+
<base href="{{ site.baseurl }}/">
9+
10+
<!-- Theme meta -->
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
13+
<!-- GitHub theme default CSS -->
14+
<link rel="stylesheet"
15+
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.5.0/github-markdown.min.css">
16+
17+
<!-- Custom style -->
18+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css">
19+
</head>
20+
<body class="markdown-body" style="padding:32px; max-width:960px; margin:auto;">
21+
22+
<header style="display:flex; align-items:center; gap:12px; margin-bottom:28px;">
23+
{% if site.logo %}
24+
<img src="{{ site.logo }}" height="42" alt="logo">
25+
{% endif %}
26+
<h1 style="margin:0;">{{ site.title }}</h1>
27+
</header>
28+
29+
<!-- 🔥 This renders markdown -->
30+
<main>
31+
{{ content }}
32+
</main>
33+
34+
<footer style="margin-top: 40px; font-size:14px; color:#999;">
35+
{{ site.description }} · Powered by GitHub Pages
36+
</footer>
37+
</body>
38+
</html>

‎docs/_layouts/page.html‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
---
2+
# This layout is used for secondary pages such as docs pages.
3+
---
4+
5+
<!DOCTYPE html>
6+
<html lang="en">
7+
<head>
8+
<meta charset="UTF-8">
9+
<title>{{ page.title }} | {{ site.title }}</title>
10+
11+
<base href="{{ site.baseurl }}/">
12+
13+
<meta name="viewport" content="width=device-width, initial-scale=1">
14+
15+
<!-- GitHub Markdown Styles -->
16+
<link rel="stylesheet"
17+
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.5.0/github-markdown.min.css">
18+
19+
<!-- Custom Style -->
20+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css">
21+
</head>
22+
23+
<body class="markdown-body" style="padding:32px; max-width:960px; margin:auto;">
24+
25+
<!-- Header -->
26+
<header style="display:flex; align-items:center; gap:12px; margin-bottom:24px;">
27+
<a href="{{ site.baseurl }}/" style="display:flex; align-items:center; gap:10px; text-decoration:none;">
28+
{% if site.logo %}
29+
<img src="{{ site.logo }}" height="38" alt="Logo">
30+
{% endif %}
31+
<span style="font-size:20px; font-weight:700; color:#24292f;">{{ site.title }}</span>
32+
</a>
33+
</header>
34+
35+
<!-- Navigation Tabs -->
36+
{% if site.nav %}
37+
<nav style="margin-bottom:24px; display:flex; gap:16px; flex-wrap:wrap;">
38+
{% for item in site.nav %}
39+
{% assign label = item[0] %}
40+
{% assign link = item[1] %}
41+
<a href="{{ site.baseurl }}/{{ link }}"
42+
style="text-decoration:none; font-weight:500; padding-bottom:4px; border-bottom:2px solid transparent;"
43+
class="{% if page.url contains link %}active-nav{% endif %}">
44+
{{ label }}
45+
</a>
46+
{% endfor %}
47+
</nav>
48+
{% endif %}
49+
50+
<!-- Page Content -->
51+
<main style="min-height:60vh;">
52+
{{ content }}
53+
</main>
54+
55+
<!-- Footer -->
56+
<footer style="margin-top:40px; text-align:center; font-size:14px; color:#777;">
57+
{{ site.title }} Documentation · Updated {{ site.time | date: "%Y" }}
58+
</footer>
59+
60+
</body>
61+
</html>

‎docs/assets/style.css‎

Lines changed: 17 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,18 @@
11
:root {
2-
--brand: #2563eb;
3-
}
4-
5-
h1, h2, h3, h4 {
6-
color: var(--brand);
7-
font-weight: 700;
8-
}
2+
--brand: #2563eb;
3+
}
4+
5+
h1, h2, h3, h4 {
6+
color: var(--brand);
7+
font-weight: 700;
8+
}
9+
10+
.active-nav {
11+
border-color: #0969da !important;
12+
color: #0969da !important;
13+
}
14+
15+
nav a:hover {
16+
color: #24292f;
17+
border-color: #6e7781;
18+
}

0 commit comments

Comments
 (0)