uracreative
/
i2p-styleguide
mirror of https://github.com/uracreative/i2p-styleguide
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Made some pages standalone

writing-page-updates
Anxhelo Lushka 6 years ago
parent
38cc84abef
commit
9217af6a42
No known key found for this signature in database GPG Key ID: 86086158C83770F8
21 changed files with 232 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      _includes/components/footer.html
  2. 2
      _includes/design/assets.html
  3. 2
      _includes/design/grid.html
  4. 2
      _includes/design/typography.html
  5. 2
      _includes/navbar.html
  6. 2
      _includes/sidebar.html
  7. 25
      _layouts/assets.html
  8. 25
      _layouts/colors.html
  9. 4
      _layouts/design.html
  10. 25
      _layouts/grid.html
  11. 25
      _layouts/typography.html
  12. 2
      _site/404.html
  13. 17
      _site/components/index.html
  14. 22
      _site/copywriting/index.html
  15. 2
      _site/getting-started/index.html
  16. 2
      _site/index.html
  17. 2
      _site/jekyll/update/2018/05/06/welcome-to-jekyll.html
  18. 26
      assets.md
  19. 26
      colors.md
  20. 26
      grid.md
  21. 26
      typography.md

1
_includes/components/footer.html
View File

@ -1,6 +1,5 @@
<div id="footer" class="page-header mb-4">
<h3>Footer</h3>
<!--p class="text-muted">Some Description about scrollspy.</p-->
</div>
<div class="footer col-12 p-5 background-primary text-white">

2
_includes/design/assets.html
View File

@ -1,4 +1,4 @@
<div id="assets" class="page-header mb-4 mt-5">
<div id="assets" class="page-header mb-4">
<h2>Identity Assets</h2>
<p class="text-muted">The I2P brand assets are included here. Use them responsibly.</p>
</div>

2
_includes/design/grid.html
View File

@ -1,4 +1,4 @@
<div id="grid" class="page-header mb-4 mt-5">
<div id="grid" class="page-header mb-4">
<h2>Grid</h2>
<p class="text-muted">Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.</p>
</div>

2
_includes/design/typography.html
View File

@ -1,4 +1,4 @@
<div id="typography" class="page-header mb-4 mt-5">
<div id="typography" class="page-header mb-4">
<h2>Typography</h2>
<p class="text-muted">Our main typography is Source Sans made by Adobe.</p>
</div>

2
_includes/navbar.html
View File

@ -14,7 +14,7 @@
<a class="nav-link" href="{{site.baseurl}}/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{site.baseurl}}/design/">Visuals</a>
<a class="nav-link" href="{{site.baseurl}}/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{site.baseurl}}/components/">Components</a>

2
_includes/sidebar.html
View File

@ -2,7 +2,7 @@
<ul class="p-0 list-group pt-3 sidebar-fill">
{% for sidebar_hash in page.sidebar %}
{% for link in sidebar_hash %}
<a class="sidebar__link__light" href="#{{ link[0] }}"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="{{ link[0] }}"><li class="list-group-item rb-sidebar">
{{ link[1] }}
</li></a>
{% endfor %}

25
_layouts/assets.html
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
{% include head.html %}
<body>
{% include navbar.html %}
<div class="row">
<div class="col-md-3 col-sm-5 hidden-sm p-0">
<div class="row" style="height: 100%">
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
</div>
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include sidebar.html sidebarClassName="rb-sidebar__2" %}
</div>
</div>
</div>
<div class="col-lg-9 pt-3 pl-5">
{{ content }}
{% include /design/assets.html participants=site.data.profiles %}
{% include scrollspy.html %}
{% include scripts.html %}
</div>
</div>
</body>
</html>

25
_layouts/colors.html
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
{% include head.html %}
<body>
{% include navbar.html %}
<div class="row">
<div class="col-md-3 col-sm-5 hidden-sm p-0">
<div class="row" style="height: 100%">
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
</div>
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include sidebar.html sidebarClassName="rb-sidebar__2" %}
</div>
</div>
</div>
<div class="col-lg-9 pt-3 pl-5">
{{ content }}
{% include /design/colors.html participants=site.data.profiles %}
{% include scrollspy.html %}
{% include scripts.html %}
</div>
</div>
</body>
</html>

4
_layouts/design.html
View File

@ -16,10 +16,6 @@
</div>
<div class="col-lg-9 pt-3 pl-5">
{{ content }}
{% include /design/colors.html participants=site.data.profiles %}
{% include /design/grid.html participants=site.data.profiles %}
{% include /design/typography.html participants=site.data.profiles %}
{% include /design/assets.html participants=site.data.profiles %}
{% include scrollspy.html %}
{% include scripts.html %}
</div>

25
_layouts/grid.html
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
{% include head.html %}
<body>
{% include navbar.html %}
<div class="row">
<div class="col-md-3 col-sm-5 hidden-sm p-0">
<div class="row" style="height: 100%">
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
</div>
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include sidebar.html sidebarClassName="rb-sidebar__2" %}
</div>
</div>
</div>
<div class="col-lg-9 pt-3 pl-5">
{{ content }}
{% include /design/grid.html participants=site.data.profiles %}
{% include scrollspy.html %}
{% include scripts.html %}
</div>
</div>
</body>
</html>

25
_layouts/typography.html
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
{% include head.html %}
<body>
{% include navbar.html %}
<div class="row">
<div class="col-md-3 col-sm-5 hidden-sm p-0">
<div class="row" style="height: 100%">
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
</div>
<div class="col-md-6 col-sm-6 col-xs-6 p-0">
{% include sidebar.html sidebarClassName="rb-sidebar__2" %}
</div>
</div>
</div>
<div class="col-lg-9 pt-3 pl-5">
{{ content }}
{% include /design/typography.html participants=site.data.profiles %}
{% include scrollspy.html %}
{% include scripts.html %}
</div>
</div>
</body>
</html>

2
_site/404.html
View File

@ -29,7 +29,7 @@
<a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/design/">Visuals</a>
<a class="nav-link" href="/i2p-styleguide/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a>

17
_site/components/index.html
View File

@ -29,7 +29,7 @@
<a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/design/">Visuals</a>
<a class="nav-link" href="/i2p-styleguide/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a>
@ -75,43 +75,43 @@
<ul class="p-0 list-group pt-3 sidebar-fill">
<a class="sidebar__link__light" href="#alerts"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="alerts"><li class="list-group-item rb-sidebar">
Alerts
</li></a>
<a class="sidebar__link__light" href="#badges"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="badges"><li class="list-group-item rb-sidebar">
Badges
</li></a>
<a class="sidebar__link__light" href="#buttons"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="buttons"><li class="list-group-item rb-sidebar">
Buttons
</li></a>
<a class="sidebar__link__light" href="#cards"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="cards"><li class="list-group-item rb-sidebar">
Cards
</li></a>
<a class="sidebar__link__light" href="#footer"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="footer"><li class="list-group-item rb-sidebar">
Footer
</li></a>
<a class="sidebar__link__light" href="#forms"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="forms"><li class="list-group-item rb-sidebar">
Forms
</li></a>
<a class="sidebar__link__light" href="#header"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="header"><li class="list-group-item rb-sidebar">
Header
</li></a>
@ -262,7 +262,6 @@
<div class="component-wrapper my-5" id="">
<div id="footer" class="page-header mb-4">
<h3>Footer</h3>
<!--p class="text-muted">Some Description about scrollspy.</p-->
</div>
<div class="footer col-12 p-5 background-primary text-white">

22
_site/copywriting/index.html
View File

@ -29,7 +29,7 @@
<a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/design/">Visuals</a>
<a class="nav-link" href="/i2p-styleguide/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a>
@ -75,61 +75,61 @@
<ul class="p-0 list-group pt-3 sidebar-fill">
<a class="sidebar__link__light" href="#goals"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="goals"><li class="list-group-item rb-sidebar">
Goals & Principles
</li></a>
<a class="sidebar__link__light" href="#voice"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="voice"><li class="list-group-item rb-sidebar">
Voice & Tone
</li></a>
<a class="sidebar__link__light" href="#grammar"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="grammar"><li class="list-group-item rb-sidebar">
Grammar
</li></a>
<a class="sidebar__link__light" href="#mechanics"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="mechanics"><li class="list-group-item rb-sidebar">
Mechanics
</li></a>
<a class="sidebar__link__light" href="#people"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="people"><li class="list-group-item rb-sidebar">
People & Design
</li></a>
<a class="sidebar__link__light" href="#blog-posts"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="blog-posts"><li class="list-group-item rb-sidebar">
Blog Posts
</li></a>
<a class="sidebar__link__light" href="#newsletter"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="newsletter"><li class="list-group-item rb-sidebar">
Newsletter
</li></a>
<a class="sidebar__link__light" href="#social-media"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="social-media"><li class="list-group-item rb-sidebar">
Social Media
</li></a>
<a class="sidebar__link__light" href="#copyright"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="copyright"><li class="list-group-item rb-sidebar">
Copyright
</li></a>
<a class="sidebar__link__light" href="#word-list"><li class="list-group-item rb-sidebar">
<a class="sidebar__link__light" href="word-list"><li class="list-group-item rb-sidebar">
Word List
</li></a>

2
_site/getting-started/index.html
View File

@ -29,7 +29,7 @@
<a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/design/">Visuals</a>
<a class="nav-link" href="/i2p-styleguide/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a>

2
_site/index.html
View File

@ -30,7 +30,7 @@
<a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/design/">Visuals</a>
<a class="nav-link" href="/i2p-styleguide/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a>

2
_site/jekyll/update/2018/05/06/welcome-to-jekyll.html
View File

@ -29,7 +29,7 @@
<a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/design/">Visuals</a>
<a class="nav-link" href="/i2p-styleguide/design/">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a>

26
assets.md
View File

@ -0,0 +1,26 @@
---
layout: assets
title: Assets
permalink: /design/assets
sidebar:
- colors: Colors
- grid: Grid
- typography: Typography
- assets: Assets
icons:
- login: oi oi-account-login
- logout: oi oi-account-logout
- redo: oi oi-action-redo
- undo: oi oi-action-undo
- center: oi oi-align-center
- left: oi oi-align-left
- right: oi oi-align-right
- aperture: oi oi-aperture
- bottom: oi oi-arrow-bottom
- circleb: oi oi-arrow-circle-bottom
- circlel: oi oi-arrow-circle-left
- circler: oi oi-arrow-circle-right
- circlet: oi oi-arrow-circle-top
---

26
colors.md
View File

@ -0,0 +1,26 @@
---
layout: colors
title: Colors
permalink: /design/colors
sidebar:
- colors: Colors
- grid: Grid
- typography: Typography
- assets: Assets
icons:
- login: oi oi-account-login
- logout: oi oi-account-logout
- redo: oi oi-action-redo
- undo: oi oi-action-undo
- center: oi oi-align-center
- left: oi oi-align-left
- right: oi oi-align-right
- aperture: oi oi-aperture
- bottom: oi oi-arrow-bottom
- circleb: oi oi-arrow-circle-bottom
- circlel: oi oi-arrow-circle-left
- circler: oi oi-arrow-circle-right
- circlet: oi oi-arrow-circle-top
---

26
grid.md
View File

@ -0,0 +1,26 @@
---
layout: grid
title: Grid
permalink: /design/grid
sidebar:
- colors: Colors
- grid: Grid
- typography: Typography
- assets: Assets
icons:
- login: oi oi-account-login
- logout: oi oi-account-logout
- redo: oi oi-action-redo
- undo: oi oi-action-undo
- center: oi oi-align-center
- left: oi oi-align-left
- right: oi oi-align-right
- aperture: oi oi-aperture
- bottom: oi oi-arrow-bottom
- circleb: oi oi-arrow-circle-bottom
- circlel: oi oi-arrow-circle-left
- circler: oi oi-arrow-circle-right
- circlet: oi oi-arrow-circle-top
---

26
typography.md
View File

@ -0,0 +1,26 @@
---
layout: typography
title: Typography
permalink: /design/typography
sidebar:
- colors: Colors
- grid: Grid
- typography: Typography
- assets: Assets
icons:
- login: oi oi-account-login
- logout: oi oi-account-logout
- redo: oi oi-action-redo
- undo: oi oi-action-undo
- center: oi oi-align-center
- left: oi oi-align-left
- right: oi oi-align-right
- aperture: oi oi-aperture
- bottom: oi oi-arrow-bottom
- circleb: oi oi-arrow-circle-bottom
- circlel: oi oi-arrow-circle-left
- circler: oi oi-arrow-circle-right
- circlet: oi oi-arrow-circle-top
---
Write Preview
Loading…
Cancel
Save