Summary Files Commits Branches @commit @diff @stats
path: root / docs / src
diff options
context:
space:
mode:
6 files changed, 29 insertions, 62 deletions
-rw-r--r--docs/src/_layout/_ad-g.pug13
-rw-r--r--docs/src/_layout/_docs-layout.pug20
-rw-r--r--docs/src/_layout/_example-layout.pug15
-rw-r--r--docs/src/_layout/_layout.pug18
-rw-r--r--docs/src/getting-started.pug13
-rw-r--r--docs/src/index.pug12
diff --git a/docs/src/_layout/_ad-g.pug b/docs/src/_layout/_ad-g.pug
index c227ea8..e69de29 100644
--- a/docs/src/_layout/_ad-g.pug
+++ b/docs/src/_layout/_ad-g.pug
@@ -1,13 +0,0 @@
-block ad-adsense
- .docs-ad
- .hide-md.text-center
- script(async='', src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js')
- // GitHub-lg
- ins.adsbygoogle.mx-auto(style='display:inline-block;width:728px;height:90px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9894180784')
- script.
- (adsbygoogle = window.adsbygoogle || []).push({});
- .show-md.text-center
- // GitHub-sm
- ins.adsbygoogle(style='display:inline-block;width:300px;height:250px', data-ad-client='ca-pub-2225124559530218', data-ad-slot='9278881734')
- script.
- (adsbygoogle = window.adsbygoogle || []).push({}); \ No newline at end of file
diff --git a/docs/src/_layout/_docs-layout.pug b/docs/src/_layout/_docs-layout.pug
index dcec070..e855074 100644
--- a/docs/src/_layout/_docs-layout.pug
+++ b/docs/src/_layout/_docs-layout.pug
@@ -16,12 +16,14 @@ block content
if slug != parent
a.docs-logo(href='../index.html')
img(src='../img/spectre-logo.svg' alt='Spectre.css CSS Framework')
- h2 SPECTRE
+ h2 SPECTRE DARK
+ br
small.label.label-secondary.text-bold DOCS
else
a.docs-logo(href='index.html')
- img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework')
- h2 SPECTRE
+ img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework—now at dark')
+ h2 SPECTRE DARK
+ br
small.label.label-secondary.text-bold DOCS
.docs-nav
.accordion-container
@@ -104,7 +106,7 @@ block content
{url: 'sliders', name: 'Sliders'},
{url: 'timelines', name: 'Timelines'}
)
-
+
a.off-canvas-overlay(href='#close')
.off-canvas-content
#content.docs-content
@@ -112,9 +114,9 @@ block content
script(type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js")
script.
- docsearch({
- apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
- indexName: 'picturepan2_spectre',
- inputSelector: '.docs-search',
+ docsearch({
+ apiKey: 'bede06373c5a1fa3c1bbe8401e24c653',
+ indexName: 'picturepan2_spectre',
+ inputSelector: '.docs-search',
debug: true
- }); \ No newline at end of file
+ });
diff --git a/docs/src/_layout/_example-layout.pug b/docs/src/_layout/_example-layout.pug
index c3afafe..d9c5193 100644
--- a/docs/src/_layout/_example-layout.pug
+++ b/docs/src/_layout/_example-layout.pug
@@ -1,7 +1,7 @@
block variables
- var slug = ''
- var parent = ''
- - var title = 'Spectre.css - A Lightweight, Responsive and Modern CSS Framework'
+ - var title = 'Spectre.css - A Lightweight, Responsive and Modern CSS Framework—now at dark.'
- var description = 'Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.'
doctype html
@@ -18,18 +18,7 @@ html(lang='en')
link(rel='stylesheet' href='../dist/spectre.min.css')
link(rel='stylesheet' href='../dist/spectre-icons.min.css')
link(rel='stylesheet' href='../dist/spectre-exp.min.css')
- link(rel='stylesheet' href='../dist/docs.min.css')
+ link(rel='stylesheet' href='../dist/docs.min.css')
body
block content
-
- script.
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
- ga('create', 'UA-2702768-8', 'auto');
- ga('send', 'pageview');
-
- \ No newline at end of file
diff --git a/docs/src/_layout/_layout.pug b/docs/src/_layout/_layout.pug
index 676bda5..6fc5b99 100644
--- a/docs/src/_layout/_layout.pug
+++ b/docs/src/_layout/_layout.pug
@@ -10,10 +10,10 @@ block variables
if slug == parent
if slug == 'index'
- - var url = domain
+ - var url = domain
else
- var url = domain + slug + '.html'
-else
+else
- var url = domain + parent + '/' + slug + '.html'
doctype html
@@ -38,8 +38,8 @@ html(lang='en')
link(rel='stylesheet' href='../dist/spectre.min.css')
link(rel='stylesheet' href='../dist/spectre-icons.min.css')
link(rel='stylesheet' href='../dist/spectre-exp.min.css')
- link(rel='stylesheet' href='../dist/docs.min.css')
- else
+ link(rel='stylesheet' href='../dist/docs.min.css')
+ else
link(rel='shortcut icon' href='img/favicons/favicon.ico')
link(rel='icon' href='img/favicons/favicon.png')
link(rel='stylesheet' href='dist/spectre.min.css')
@@ -50,13 +50,3 @@ html(lang='en')
body
block content
-
- script.
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
- ga('create', 'UA-2702768-8', 'auto');
- ga('send', 'pageview');
- \ No newline at end of file
diff --git a/docs/src/getting-started.pug b/docs/src/getting-started.pug
index c157ea7..2a4937a 100644
--- a/docs/src/getting-started.pug
+++ b/docs/src/getting-started.pug
@@ -8,12 +8,11 @@ block variables
block docs-content
+docs-heading('getting-started', 'Getting started')
- include _layout/_ad-g.pug
- p
- strong Spectre.css
+ p
+ strong Spectre.css
| is a lightweight, responsive and modern CSS framework for faster and extensible development.
- p
+ p
| Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
.docs-demo.columns
@@ -25,7 +24,7 @@ block docs-content
| How to install and use Spectre.css
.card-footer
a.btn.btn-primary(href="getting-started/installation.html") View
-
+
.column.col-6.col-xs-12
.card
.card-header
@@ -34,7 +33,7 @@ block docs-content
| Customize your version of Spectre.css
.card-footer
a.btn.btn-primary(href="getting-started/custom.html") View
-
+
.column.col-6.col-xs-12
.card
.card-header
@@ -43,7 +42,7 @@ block docs-content
| Browser compatibility and support
.card-footer
a.btn.btn-primary(href="getting-started/browsers.html") View
-
+
.column.col-6.col-xs-12
.card
.card-header
diff --git a/docs/src/index.pug b/docs/src/index.pug
index 25a9359..0cdbc5a 100644
--- a/docs/src/index.pug
+++ b/docs/src/index.pug
@@ -12,7 +12,7 @@ block content
.docs-brand
a.docs-logo(href='index.html')
img(src='img/spectre-logo.svg' alt='Spectre.css CSS Framework')
- h2 SPECTRE
+ h2 SPECTRE DARK
h1 SPECTRE.CSS
h2
| A #[u Lightweight], #[u Responsive] and #[u Modern] CSS Framework
@@ -20,7 +20,7 @@ block content
a.btn.btn-primary.btn-lg.mr-2(href='getting-started.html') Docs
a.btn.btn-primary.btn-lg(href='https://github.com/picturepan2/spectre' target='_blank') GitHub
p.text-gray
- | Latest version:
+ | Latest version:
span.version
.columns
.column.col-4.col-xs-12
@@ -41,7 +41,7 @@ block content
span.card-title Modern
.card-body
| Elegantly designed and developed elements and components
-
+
.section.section-ads.bg-gray
include _layout/_ad-g.pug
@@ -51,7 +51,7 @@ block content
.columns
.column.col-10.col-sm-12.col-mx-auto.text-left
p.text-secondary
- strong Spectre.css
+ strong Spectre.css
| is a lightweight, responsive and modern CSS framework for faster and extensible development.
p.text-secondary
| Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
@@ -66,7 +66,7 @@ block content
.card-header
.card-title.h6 Spectre Twitter
.card-body
- | For the latest announcements and updates, follow on Twitter:
+ | For the latest announcements and updates, follow on Twitter:
a(href='https://twitter.com/spectrecss' target='_blank') @spectrecss
| .
.card-footer
@@ -91,4 +91,4 @@ block content
include _layout/_ad-c.pug
footer.section.section-footer
- include _layout/_footer.pug \ No newline at end of file
+ include _layout/_footer.pug
generated by cgit v1.3.1-23-gd82d (git 2.54.0) at 2026-11-08 21:16:13 +0000