diff --git a/_includes/visuals/assets.html b/_includes/design/assets.html similarity index 100% rename from _includes/visuals/assets.html rename to _includes/design/assets.html diff --git a/_includes/visuals/colors.html b/_includes/design/colors.html similarity index 100% rename from _includes/visuals/colors.html rename to _includes/design/colors.html diff --git a/_includes/visuals/grid.html b/_includes/design/grid.html similarity index 100% rename from _includes/visuals/grid.html rename to _includes/design/grid.html diff --git a/_includes/visuals/icons.html b/_includes/design/icons.html similarity index 100% rename from _includes/visuals/icons.html rename to _includes/design/icons.html diff --git a/_includes/visuals/typography.html b/_includes/design/typography.html similarity index 100% rename from _includes/visuals/typography.html rename to _includes/design/typography.html diff --git a/_includes/navbar.html b/_includes/navbar.html index 048c95a..7d2dd30 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -14,7 +14,7 @@ Getting Started
  • - Visuals + Visuals
  • Components diff --git a/_includes/navbar_side.html b/_includes/navbar_side.html index 508b899..f865bab 100644 --- a/_includes/navbar_side.html +++ b/_includes/navbar_side.html @@ -8,8 +8,8 @@
  • Getting Started
    • - -
  • Visuals
    • +     +
  • Design
    •  diff --git a/_layouts/visuals.html b/_layouts/design.html similarity index 70% rename from _layouts/visuals.html rename to _layouts/design.html index b17f4a6..8e3af2d 100644 --- a/_layouts/visuals.html +++ b/_layouts/design.html @@ -16,10 +16,10 @@
    {{ content }} - {% include /visuals/colors.html participants=site.data.profiles %} - {% include /visuals/grid.html participants=site.data.profiles %} - {% include /visuals/typography.html participants=site.data.profiles %} - {% include /visuals/assets.html participants=site.data.profiles %} + {% 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 %}
    diff --git a/_site/404.html b/_site/404.html index 1f15cd6..354fff9 100644 --- a/_site/404.html +++ b/_site/404.html @@ -29,7 +29,7 @@     Getting Started
  • - Visuals + Visuals
  • Components diff --git a/_site/components/index.html b/_site/components/index.html index 17f752f..c31891d 100644 --- a/_site/components/index.html +++ b/_site/components/index.html @@ -29,7 +29,7 @@ Getting Started
  • - Visuals + Visuals
  • Components @@ -55,8 +55,8 @@
  • Getting Started
    • - -
  • Visuals
    • +     +
  • Design
    •  diff --git a/_site/copywriting/index.html b/_site/copywriting/index.html index 3896694..01121e8 100644 --- a/_site/copywriting/index.html +++ b/_site/copywriting/index.html @@ -29,7 +29,7 @@ Getting Started
  • - Visuals + Visuals
  • Components @@ -55,8 +55,8 @@
  • Getting Started
    • - -
  • Visuals
    • +     +
  • Design
    •  diff --git a/_site/getting-started/index.html b/_site/getting-started/index.html index 5d35c9c..e196ac2 100644 --- a/_site/getting-started/index.html +++ b/_site/getting-started/index.html @@ -29,7 +29,7 @@ Getting Started
  • - Visuals + Visuals
  • Components @@ -55,8 +55,8 @@
  • Getting Started
    • - -
  • Visuals
    • +     +
  • Design
    •  diff --git a/_site/index.html b/_site/index.html index 6b484ec..f38ee63 100644 --- a/_site/index.html +++ b/_site/index.html @@ -30,7 +30,7 @@ Getting Started
  • - Visuals + Visuals
  • Components @@ -56,8 +56,8 @@
  • Getting Started
    • - -
  • Visuals
    • +     +
  • Design
    •  diff --git a/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html b/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html index 0c39196..e389eed 100644 --- a/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html +++ b/_site/jekyll/update/2018/05/06/welcome-to-jekyll.html @@ -29,7 +29,7 @@ Getting Started
  • - Visuals + Visuals
  • Components @@ -46,7 +46,7 @@

    Reproducible Builds Styleguide

    -

    diff --git a/_site/visuals/index.html b/_site/visuals/index.html deleted file mode 100644 index 15c0373..0000000 --- a/_site/visuals/index.html +++ /dev/null @@ -1,546 +0,0 @@ - - - - - I2P Styleguide - - - - - - - - - - - - -
    - -
    - - -
    -

    Colors

    -

    The main I2P color is Blue. Use Green as a secondary option and Yellow as accent color.

    -
    -
    -
    -
    #4661A9
    -
    Primary Color
    -
    -
    -
    #60AB60
    -
    Secondary color
    -
    -
    -
    #FFC434
    -
    Warning
    -
    -
    -
    #E15647
    -
    Danger
    -
    -
    -
    -
    -
    #f8f9fa
    -
    Gray 0
    -
    -
    -
    #f1f3f5
    -
    Gray 1
    -
    -
    -
    #e9ecef
    -
    Gray 2
    -
    -
    -
    #dee2e6
    -
    Gray 3
    -
    -
    -
    -
    -
    #ced4da
    -
    Gray 4
    -
    -
    -
    #adb5bd
    -
    Gray 5
    -
    -
    -
    #868e96
    -
    Gray 6
    -
    -
    -
    #495057
    -
    Gray 7
    -
    -
    - -
    -
    -
    #343a40
    -
    Gray 8
    -
    -
    -
    #212529
    -
    Gray 9
    -
    -
    - -
    -

    Grid

    -

    Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.

    -
    -
    -
    -
    -

    - 12 -

    -
    -
    -
    -
    -

    - 4 -

    -
    -
    -

    - 8 -

    -
    -
    -
    -
    -

    - 3 -

    -
    -
    -

    - 9 -

    -
    -
    -
    -
    -

    - 2 -

    -
    -
    -

    - 2 -

    -
    -
    -

    - 2 -

    -
    -
    -

    - 2 -

    -
    -
    -

    - 2 -

    -
    -
    -

    - 2 -

    -
    -
    -
    -
    -

    - 3 -

    -
    -
    -

    - 3 -

    -
    -
    -

    - 3 -

    -
    -
    -

    - 3 -

    -
    -
    -
    -
    -

    - 4 -

    -
    -
    -

    - 4 -

    -
    -
    -

    - 4 -

    -
    -
    -
    -
    -

    - 6 -

    -
    -
    -

    - 6 -

    -
    -
    -
    -
    -

    - 8 -

    -
    -
    -
    -
    -

    - 6 -

    -
    -
    -
    - -
    -

    Typography

    -

    Our main typography is Source Sans made by Adobe.

    -
    -
    -
    -
    -

    H1

    -

    Protect communications from monitoring

    -
    -
    -

    H2

    -

    Protect communications from monitoring

    -
    -
    -

    H3

    -

    Protect communications from monitoring

    -
    -
    -

    H4

    -

    Protect communications from monitoring

    -
    -
    -

    H5

    -
    Protect communications from monitoring
    -
    -
    -

    H6

    -
    Protect communications from monitoring
    -
    - -
    -

    H1 display

    -

    I2P Anonymous Network

    -
    -
    -

    H2 display

    -

    I2P Anonymous Network

    -
    -
    -

    H3 display

    -

    I2P Anonymous Network

    -
    -
    -

    H4 display

    -

    I2P Anonymous Network

    -
    -
    -
    -
    -
    -

    - Paragraph - Source Sans Regular -

    -

    - I2P is an anonymous network, exposing a simple layer that applications can use to anonymously and securely send messages to each other. -

    -
    -
    -
    -

    - Code Snippet - Source Code -

    - 
    -          $('.rb-sidebar').on('click', 'a',function() {
-              $('.rb-sidebar a.active').removeClass('active');
-              $(this).addClass('active');
-          });
-
    -
    -
    - -
    -

    Identity Assets

    -

    The I2P brand assets are included here. Use them responsibly.

    -
    -
    -
    -
    - -
    -

    - Default - - Download SVG - -

    - -
    - -
    -
    - -
    -

    - White - - Download SVG - -

    -
    -
    - -
    -
    -
    - -
    -

    - Default - - Download SVG - -

    -
    - -
    -
    - -
    -

    - White - - Download SVG - -

    -
    -
    - -
    -
    -
    - -
    -

    - Default - - Download SVG - -

    -
    - -
    -
    - -
    -

    - White - - Download SVG - -

    -
    -
    - -
    -
    -
    -
    I2P repo
    -

    Download SVG and PNG files

    - Visit Repo
    -
    -
    -
    -
    Styleguide Mirror on Identihub
    -

    Identihub Project

    - Visit Project Page -
    -
    -
    - -
    -

    Scrollspy

    - -
    -
    -
    -
    -
    - -
    -
    -
    - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem error eum inventore laboriosam necessitatibus nobis numquam praesentium quae tempore. Dignissimos minima rerum tenetur vel vero! Eius molestias natus nesciunt! -
    -
    -
    -
    -
    - -
    - -
    -
    -

    - Styleguide code licensed under MIT, documents licensed under a Creative Commons Attribution 3.0 United States License. I2P is an anonymous network, exposing a simple layer that applications can use to anonymously and securely send messages to each other.
    Templates and styles based on the Reproducible Builds styleguide.     -

    -
    -
    - - - - - - - - -
    -
    - - diff --git a/visuals.md b/design.md similarity index 90% rename from visuals.md rename to design.md index 2410c55..d5c9ddb 100644 --- a/visuals.md +++ b/design.md @@ -1,7 +1,7 @@ --- - layout: visuals - title: Visuals - permalink: /visuals/ + layout: design + title: Design + permalink: /design/ sidebar: - colors: Colors