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
Unified 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"> <div id="footer" class="page-header mb-4">
<h3>Footer</h3> <h3>Footer</h3>
<!--p class="text-muted">Some Description about scrollspy.</p-->
</div> </div>
<div class="footer col-12 p-5 background-primary text-white"> <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> <h2>Identity Assets</h2>
<p class="text-muted">The I2P brand assets are included here. Use them responsibly.</p> <p class="text-muted">The I2P brand assets are included here. Use them responsibly.</p>
</div> </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> <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> <p class="text-muted">Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.</p>
</div> </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> <h2>Typography</h2>
<p class="text-muted">Our main typography is Source Sans made by Adobe.</p> <p class="text-muted">Our main typography is Source Sans made by Adobe.</p>
</div> </div>

2
_includes/navbar.html
View File

@ -14,7 +14,7 @@
<a class="nav-link" href="{{site.baseurl}}/getting-started">Getting Started</a> <a class="nav-link" href="{{site.baseurl}}/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{site.baseurl}}/components/">Components</a> <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"> <ul class="p-0 list-group pt-3 sidebar-fill">
{% for sidebar_hash in page.sidebar %} {% for sidebar_hash in page.sidebar %}
{% for link in sidebar_hash %} {% 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] }} {{ link[1] }}
</li></a> </li></a>
{% endfor %} {% 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>
<div class="col-lg-9 pt-3 pl-5"> <div class="col-lg-9 pt-3 pl-5">
{{ content }} {{ 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 scrollspy.html %}
{% include scripts.html %} {% include scripts.html %}
</div> </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> <a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a> <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> <a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a> <a class="nav-link" href="/i2p-styleguide/components/">Components</a>
@ -75,43 +75,43 @@
<ul class="p-0 list-group pt-3 sidebar-fill"> <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 Alerts
</li></a> </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 Badges
</li></a> </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 Buttons
</li></a> </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 Cards
</li></a> </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 Footer
</li></a> </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 Forms
</li></a> </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 Header
</li></a> </li></a>
@ -262,7 +262,6 @@
<div class="component-wrapper my-5" id=""> <div class="component-wrapper my-5" id="">
<div id="footer" class="page-header mb-4"> <div id="footer" class="page-header mb-4">
<h3>Footer</h3> <h3>Footer</h3>
<!--p class="text-muted">Some Description about scrollspy.</p-->
</div> </div>
<div class="footer col-12 p-5 background-primary text-white"> <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> <a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a> <a class="nav-link" href="/i2p-styleguide/components/">Components</a>
@ -75,61 +75,61 @@
<ul class="p-0 list-group pt-3 sidebar-fill"> <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 Goals & Principles
</li></a> </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 Voice & Tone
</li></a> </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 Grammar
</li></a> </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 Mechanics
</li></a> </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 People & Design
</li></a> </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 Blog Posts
</li></a> </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 Newsletter
</li></a> </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 Social Media
</li></a> </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 Copyright
</li></a> </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 Word List
</li></a> </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> <a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a> <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> <a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a> <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> <a class="nav-link" href="/i2p-styleguide/getting-started">Getting Started</a>
</li> </li>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/i2p-styleguide/components/">Components</a> <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