heraspec 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/heraspec.js +8 -1
- package/bin/heraspec.js.map +2 -2
- package/dist/core/templates/skills/documents/templates/documentation-landing-page.html +57 -0
- package/dist/core/templates/skills/documents/templates/documentation.html +41 -0
- package/dist/core/templates/skills/documents/templates/landing-script.js +38 -0
- package/dist/core/templates/skills/documents/templates/landing-style.css +158 -0
- package/dist/core/templates/skills/documents/templates/script.js +56 -0
- package/dist/core/templates/skills/documents/templates/style.css +155 -0
- package/dist/core/templates/skills/documents/templates/technical-doc-template.md +16 -0
- package/dist/core/templates/skills/documents/templates/user-guide-template.md +16 -0
- package/dist/core/templates/skills/documents-skill.md +52 -90
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/admin-dashboard.php +47 -0
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/admin-settings.php +60 -0
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/assets/admin-css.css +22 -0
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/assets/admin-js.js +15 -0
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/plugin-main.php +169 -0
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/readme.txt +41 -0
- package/dist/core/templates/skills/wordpress-plugin-standard/templates/uninstall.php +21 -0
- package/dist/core/templates/skills/wordpress-plugin-standard-skill.md +80 -0
- package/package.json +1 -1
|
@@ -0,0 +1,57 @@
|
|
|
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>{{title}} - Welcome</title>
|
|
7
|
+
<link rel="stylesheet" href="landing-style.css">
|
|
8
|
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<nav class="navbar">
|
|
12
|
+
<div class="container">
|
|
13
|
+
<span class="logo">{{title}}</span>
|
|
14
|
+
<div class="nav-links">
|
|
15
|
+
<a href="#features">Features</a>
|
|
16
|
+
<a href="documentation.html" class="btn-primary">View Docs</a>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</nav>
|
|
20
|
+
|
|
21
|
+
<header class="hero">
|
|
22
|
+
<div class="container hero-content">
|
|
23
|
+
<h1 class="fade-in">{{title}}</h1>
|
|
24
|
+
<p class="fade-in delay-1">{{description}}</p>
|
|
25
|
+
<div class="hero-btns fade-in delay-2">
|
|
26
|
+
<a href="documentation.html" class="btn-primary btn-lg">Get Started</a>
|
|
27
|
+
<a href="#features" class="btn-outline btn-lg">Learn More</a>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</header>
|
|
31
|
+
|
|
32
|
+
<section id="features" class="features">
|
|
33
|
+
<div class="container">
|
|
34
|
+
<h2 class="section-title">Why Choose {{title}}?</h2>
|
|
35
|
+
<div class="feature-grid">
|
|
36
|
+
{{feature_cards}}
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</section>
|
|
40
|
+
|
|
41
|
+
<section class="cta">
|
|
42
|
+
<div class="container">
|
|
43
|
+
<h2>Ready to dive in?</h2>
|
|
44
|
+
<p>Explore the full potential and detailed implementation guides.</p>
|
|
45
|
+
<a href="documentation.html" class="btn-primary btn-lg">View Detailed Documentation</a>
|
|
46
|
+
</div>
|
|
47
|
+
</section>
|
|
48
|
+
|
|
49
|
+
<footer class="footer">
|
|
50
|
+
<div class="container">
|
|
51
|
+
<p>© {{year}} {{author|default:"HeraSpec"}}. Built for excellence.</p>
|
|
52
|
+
</div>
|
|
53
|
+
</footer>
|
|
54
|
+
|
|
55
|
+
<script src="landing-script.js"></script>
|
|
56
|
+
</body>
|
|
57
|
+
</html>
|
|
@@ -0,0 +1,41 @@
|
|
|
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>{{title}} - Documentation</title>
|
|
7
|
+
<link rel="stylesheet" href="style.css">
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div class="wrapper">
|
|
11
|
+
<!-- Sidebar -->
|
|
12
|
+
<nav id="sidebar" class="sidebar">
|
|
13
|
+
<div class="sidebar-header">
|
|
14
|
+
<h3>{{title}}</h3>
|
|
15
|
+
</div>
|
|
16
|
+
<ul class="list-unstyled components">
|
|
17
|
+
{{navigation_items}}
|
|
18
|
+
</ul>
|
|
19
|
+
</nav>
|
|
20
|
+
|
|
21
|
+
<!-- Page Content -->
|
|
22
|
+
<div id="content" class="content">
|
|
23
|
+
<header>
|
|
24
|
+
<button type="button" id="sidebarCollapse" class="btn btn-info">
|
|
25
|
+
<span>Toggle Sidebar</span>
|
|
26
|
+
</button>
|
|
27
|
+
</header>
|
|
28
|
+
|
|
29
|
+
<div class="main-content">
|
|
30
|
+
{{main_content}}
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<footer>
|
|
34
|
+
<p>© {{year}} {{author|default:"HeraSpec"}}. All rights reserved.</p>
|
|
35
|
+
</footer>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
<script src="script.js"></script>
|
|
40
|
+
</body>
|
|
41
|
+
</html>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
2
|
+
// Smooth scroll for nav links
|
|
3
|
+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
4
|
+
anchor.addEventListener('click', function (e) {
|
|
5
|
+
e.preventDefault();
|
|
6
|
+
const target = document.querySelector(this.getAttribute('href'));
|
|
7
|
+
if (target) {
|
|
8
|
+
target.scrollIntoView({
|
|
9
|
+
behavior: 'smooth'
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// Reveal on scroll
|
|
16
|
+
const scrollReveal = () => {
|
|
17
|
+
const reveals = document.querySelectorAll('.feature-card');
|
|
18
|
+
reveals.forEach(el => {
|
|
19
|
+
const windowHeight = window.innerHeight;
|
|
20
|
+
const elementTop = el.getBoundingClientRect().top;
|
|
21
|
+
const elementVisible = 150;
|
|
22
|
+
if (elementTop < windowHeight - elementVisible) {
|
|
23
|
+
el.style.opacity = "1";
|
|
24
|
+
el.style.transform = "translateY(0)";
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
// Initial state for reveal
|
|
30
|
+
document.querySelectorAll('.feature-card').forEach(el => {
|
|
31
|
+
el.style.opacity = "0";
|
|
32
|
+
el.style.transform = "translateY(30px)";
|
|
33
|
+
el.style.transition = "all 0.6s ease-out";
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
window.addEventListener('scroll', scrollReveal);
|
|
37
|
+
scrollReveal(); // Run once
|
|
38
|
+
});
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--primary: #6366f1;
|
|
3
|
+
--primary-hover: #4f46e5;
|
|
4
|
+
--text-dark: #111827;
|
|
5
|
+
--text-light: #6b7280;
|
|
6
|
+
--bg-white: #ffffff;
|
|
7
|
+
--bg-gray: #f9fafb;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
11
|
+
|
|
12
|
+
body {
|
|
13
|
+
font-family: 'Inter', sans-serif;
|
|
14
|
+
color: var(--text-dark);
|
|
15
|
+
line-height: 1.6;
|
|
16
|
+
background: var(--bg-white);
|
|
17
|
+
overflow-x: hidden;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.container {
|
|
21
|
+
max-width: 1200px;
|
|
22
|
+
margin: 0 auto;
|
|
23
|
+
padding: 0 20px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Navbar */
|
|
27
|
+
.navbar {
|
|
28
|
+
height: 80px;
|
|
29
|
+
display: flex;
|
|
30
|
+
align-items: center;
|
|
31
|
+
border-bottom: 1px solid #eee;
|
|
32
|
+
background: rgba(255,255,255,0.8);
|
|
33
|
+
backdrop-filter: blur(10px);
|
|
34
|
+
position: sticky;
|
|
35
|
+
top: 0;
|
|
36
|
+
z-index: 100;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.navbar .container {
|
|
40
|
+
display: flex;
|
|
41
|
+
justify-content: space-between;
|
|
42
|
+
width: 100%;
|
|
43
|
+
align-items: center;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.logo { font-weight: 800; font-size: 1.5rem; color: var(--primary); }
|
|
47
|
+
|
|
48
|
+
.nav-links a {
|
|
49
|
+
text-decoration: none;
|
|
50
|
+
color: var(--text-dark);
|
|
51
|
+
margin-left: 30px;
|
|
52
|
+
font-weight: 600;
|
|
53
|
+
transition: 0.3s;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.btn-primary {
|
|
57
|
+
background: var(--primary);
|
|
58
|
+
color: #fff !important;
|
|
59
|
+
padding: 10px 24px;
|
|
60
|
+
border-radius: 8px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.btn-primary:hover { background: var(--primary-hover); }
|
|
64
|
+
|
|
65
|
+
/* Hero */
|
|
66
|
+
.hero {
|
|
67
|
+
padding: 120px 0;
|
|
68
|
+
text-align: center;
|
|
69
|
+
background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.05), transparent);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.hero h1 {
|
|
73
|
+
font-size: 4rem;
|
|
74
|
+
font-weight: 800;
|
|
75
|
+
margin-bottom: 20px;
|
|
76
|
+
letter-spacing: -2px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.hero p {
|
|
80
|
+
font-size: 1.25rem;
|
|
81
|
+
color: var(--text-light);
|
|
82
|
+
max-width: 700px;
|
|
83
|
+
margin: 0 auto 40px;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.hero-btns .btn-lg {
|
|
87
|
+
padding: 16px 36px;
|
|
88
|
+
font-size: 1.1rem;
|
|
89
|
+
display: inline-block;
|
|
90
|
+
border-radius: 12px;
|
|
91
|
+
text-decoration: none;
|
|
92
|
+
margin: 0 10px;
|
|
93
|
+
font-weight: 600;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.btn-outline {
|
|
97
|
+
border: 2px solid #eee;
|
|
98
|
+
color: var(--text-dark);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.btn-outline:hover { border-color: var(--primary); color: var(--primary); }
|
|
102
|
+
|
|
103
|
+
/* Features */
|
|
104
|
+
.features { padding: 100px 0; background: var(--bg-gray); }
|
|
105
|
+
|
|
106
|
+
.section-title {
|
|
107
|
+
text-align: center;
|
|
108
|
+
font-size: 2.5rem;
|
|
109
|
+
margin-bottom: 60px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.feature-grid {
|
|
113
|
+
display: grid;
|
|
114
|
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
115
|
+
gap: 30px;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.feature-card {
|
|
119
|
+
background: #fff;
|
|
120
|
+
padding: 40px;
|
|
121
|
+
border-radius: 20px;
|
|
122
|
+
transition: 0.4s;
|
|
123
|
+
border: 1px solid #f0f0f0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.feature-card:hover {
|
|
127
|
+
transform: translateY(-10px);
|
|
128
|
+
box-shadow: 0 20px 40px rgba(0,0,0,0.05);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.feature-card h3 { margin-bottom: 15px; }
|
|
132
|
+
|
|
133
|
+
/* CTA */
|
|
134
|
+
.cta {
|
|
135
|
+
padding: 100px 0;
|
|
136
|
+
text-align: center;
|
|
137
|
+
background: var(--text-dark);
|
|
138
|
+
color: #fff;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.cta h2 { font-size: 3rem; margin-bottom: 20px; }
|
|
142
|
+
.cta p { margin-bottom: 40px; opacity: 0.7; }
|
|
143
|
+
|
|
144
|
+
/* Footer */
|
|
145
|
+
.footer { padding: 40px 0; border-top: 1px solid #eee; text-align: center; color: var(--text-light); }
|
|
146
|
+
|
|
147
|
+
/* Animations */
|
|
148
|
+
.fade-in { opacity: 0; transform: translateY(20px); animation: fadeIn 0.8s forwards; }
|
|
149
|
+
.delay-1 { animation-delay: 0.2s; }
|
|
150
|
+
.delay-2 { animation-delay: 0.4s; }
|
|
151
|
+
|
|
152
|
+
@keyframes fadeIn {
|
|
153
|
+
to { opacity: 1; transform: translateY(0); }
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@media (max-width: 768px) {
|
|
157
|
+
.hero h1 { font-size: 2.5rem; }
|
|
158
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
2
|
+
const sidebar = document.getElementById('sidebar');
|
|
3
|
+
const sidebarCollapse = document.getElementById('sidebarCollapse');
|
|
4
|
+
const navLinks = document.querySelectorAll('.sidebar ul li a');
|
|
5
|
+
|
|
6
|
+
// Toggle Sidebar
|
|
7
|
+
if (sidebarCollapse) {
|
|
8
|
+
sidebarCollapse.addEventListener('click', () => {
|
|
9
|
+
sidebar.classList.toggle('active');
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// Smooth Scroll and Active Link Highlight
|
|
14
|
+
navLinks.forEach(link => {
|
|
15
|
+
link.addEventListener('click', (e) => {
|
|
16
|
+
e.preventDefault();
|
|
17
|
+
const targetId = link.getAttribute('href').substring(1);
|
|
18
|
+
const targetElement = document.getElementById(targetId);
|
|
19
|
+
|
|
20
|
+
if (targetElement) {
|
|
21
|
+
targetElement.scrollIntoView({
|
|
22
|
+
behavior: 'smooth'
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
// Update URL hash
|
|
26
|
+
history.pushState(null, null, `#${targetId}`);
|
|
27
|
+
|
|
28
|
+
// Close sidebar on mobile after click
|
|
29
|
+
if (window.innerWidth <= 768) {
|
|
30
|
+
sidebar.classList.remove('active');
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
// Simple Scroll Spy
|
|
37
|
+
window.addEventListener('scroll', () => {
|
|
38
|
+
let current = "";
|
|
39
|
+
const sections = document.querySelectorAll("section[id]");
|
|
40
|
+
const scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
|
|
41
|
+
|
|
42
|
+
sections.forEach((section) => {
|
|
43
|
+
const sectionTop = section.offsetTop;
|
|
44
|
+
if (scrollPosition >= sectionTop - 60) {
|
|
45
|
+
current = section.getAttribute("id");
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
navLinks.forEach((link) => {
|
|
50
|
+
link.parentElement.classList.remove("active");
|
|
51
|
+
if (link.getAttribute("href").substring(1) === current) {
|
|
52
|
+
link.parentElement.classList.add("active");
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
});
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--primary-color: #3498db;
|
|
3
|
+
--secondary-color: #2c3e50;
|
|
4
|
+
--bg-light: #f4f7f6;
|
|
5
|
+
--text-color: #333;
|
|
6
|
+
--sidebar-bg: #2c3e50;
|
|
7
|
+
--sidebar-text: #fff;
|
|
8
|
+
--sidebar-active: #34495e;
|
|
9
|
+
--content-bg: #fff;
|
|
10
|
+
--shadow: 0 2px 5px rgba(0,0,0,0.1);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
* {
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
body {
|
|
18
|
+
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
19
|
+
background: var(--bg-light);
|
|
20
|
+
color: var(--text-color);
|
|
21
|
+
margin: 0;
|
|
22
|
+
display: flex;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.wrapper {
|
|
26
|
+
display: flex;
|
|
27
|
+
width: 100%;
|
|
28
|
+
align-items: stretch;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* Sidebar */
|
|
32
|
+
.sidebar {
|
|
33
|
+
min-width: 280px;
|
|
34
|
+
max-width: 280px;
|
|
35
|
+
background: var(--sidebar-bg);
|
|
36
|
+
color: var(--sidebar-text);
|
|
37
|
+
transition: all 0.3s;
|
|
38
|
+
height: 100vh;
|
|
39
|
+
position: sticky;
|
|
40
|
+
top: 0;
|
|
41
|
+
overflow-y: auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.sidebar .sidebar-header {
|
|
45
|
+
padding: 30px 20px;
|
|
46
|
+
background: #243342;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.sidebar ul.components {
|
|
50
|
+
padding: 20px 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.sidebar ul li a {
|
|
54
|
+
padding: 12px 25px;
|
|
55
|
+
font-size: 0.95em;
|
|
56
|
+
display: block;
|
|
57
|
+
color: rgba(255,255,255,0.8);
|
|
58
|
+
text-decoration: none;
|
|
59
|
+
transition: 0.3s;
|
|
60
|
+
border-left: 4px solid transparent;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.sidebar ul li a:hover {
|
|
64
|
+
background: var(--sidebar-active);
|
|
65
|
+
color: #fff;
|
|
66
|
+
border-left-color: var(--primary-color);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.sidebar ul li.active > a {
|
|
70
|
+
color: #fff;
|
|
71
|
+
background: var(--sidebar-active);
|
|
72
|
+
border-left-color: var(--primary-color);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/* Content */
|
|
76
|
+
.content {
|
|
77
|
+
width: 100%;
|
|
78
|
+
padding: 40px;
|
|
79
|
+
min-height: 100vh;
|
|
80
|
+
transition: all 0.3s;
|
|
81
|
+
background: var(--content-bg);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
header {
|
|
85
|
+
margin-bottom: 40px;
|
|
86
|
+
display: flex;
|
|
87
|
+
justify-content: space-between;
|
|
88
|
+
align-items: center;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.main-content {
|
|
92
|
+
max-width: 900px;
|
|
93
|
+
margin: 0 auto;
|
|
94
|
+
line-height: 1.7;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
h1, h2, h3 {
|
|
98
|
+
color: var(--secondary-color);
|
|
99
|
+
margin-top: 2em;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
h1:first-child {
|
|
103
|
+
margin-top: 0;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
p {
|
|
107
|
+
margin-bottom: 1.5em;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
code {
|
|
111
|
+
background: #f1f1f1;
|
|
112
|
+
padding: 2px 5px;
|
|
113
|
+
border-radius: 4px;
|
|
114
|
+
font-family: 'Fira Code', monospace;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
pre {
|
|
118
|
+
background: #2d3436;
|
|
119
|
+
color: #dfe6e9;
|
|
120
|
+
padding: 20px;
|
|
121
|
+
border-radius: 8px;
|
|
122
|
+
overflow-x: auto;
|
|
123
|
+
margin: 20px 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
pre code {
|
|
127
|
+
background: none;
|
|
128
|
+
color: inherit;
|
|
129
|
+
padding: 0;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
footer {
|
|
133
|
+
margin-top: 80px;
|
|
134
|
+
padding-top: 20px;
|
|
135
|
+
border-top: 1px solid #eee;
|
|
136
|
+
color: #999;
|
|
137
|
+
font-size: 0.9em;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
/* Scroll target adjustment */
|
|
141
|
+
section[id] {
|
|
142
|
+
scroll-margin-top: 40px;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@media (max-width: 768px) {
|
|
146
|
+
.sidebar {
|
|
147
|
+
margin-left: -280px;
|
|
148
|
+
}
|
|
149
|
+
.sidebar.active {
|
|
150
|
+
margin-left: 0;
|
|
151
|
+
}
|
|
152
|
+
.content {
|
|
153
|
+
padding: 20px;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
# Technical Documentation: {{title}}
|
|
2
|
+
|
|
3
|
+
## Overview
|
|
4
|
+
{{description}}
|
|
5
|
+
|
|
6
|
+
## Architecture
|
|
7
|
+
{{architecture_details}}
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
{{installation_steps}}
|
|
11
|
+
|
|
12
|
+
## API Reference
|
|
13
|
+
{{api_details}}
|
|
14
|
+
|
|
15
|
+
## Troubleshooting
|
|
16
|
+
{{common_issues}}
|