Browse Source

Added I2P font and icons

writing-page-updates
Anxhelo Lushka 6 years ago
parent
commit
fbc1ec76db
No known key found for this signature in database GPG Key ID: 86086158C83770F8
  1. 6
      _includes/design/icons.html
  2. 1
      _includes/head.html
  3. 2
      _includes/sidebar.html
  4. 25
      _layouts/assets.html
  5. 25
      _layouts/colors.html
  6. 5
      _layouts/design.html
  7. 25
      _layouts/grid.html
  8. 25
      _layouts/typography.html
  9. 1
      _site/404.html
  10. 2
      _site/assets/styles/layout.scss
  11. 2
      _site/assets/styles/main.css
  12. 15
      _site/components/index.html
  13. 21
      _site/copywriting/index.html
  14. 1
      _site/getting-started/index.html
  15. 1
      _site/index.html
  16. 1
      _site/jekyll/update/2018/05/06/welcome-to-jekyll.html
  17. 26
      assets.md
  18. 77
      assets/fonts/i2p.css
  19. BIN
      assets/fonts/i2p.eot
  20. 50
      assets/fonts/i2p.svg
  21. BIN
      assets/fonts/i2p.ttf
  22. BIN
      assets/fonts/i2p.woff
  23. BIN
      assets/fonts/i2p.woff2
  24. 2
      assets/styles/layout.scss
  25. 26
      colors.md
  26. 34
      design.md
  27. 26
      grid.md
  28. 26
      typography.md

6
_includes/design/icons.html

@ -1,16 +1,16 @@
<div class="mt-5" id="icons"> <div class="mt-5" id="icons">
<h2>Icons</h2> <h2>Icons</h2>
<div class=""> <div class="">
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span> <span>I2P uses the following icons in its interface.</span>
</div> </div>
<div class="mt-3"> <div class="mt-3">
<div class="mt-3"> <div class="mt-3">
<div class="row"> <div class="row">
{% for icons_hash in page.icons %} {% for icons_hash in page.icons %}
{% for icon in icons_hash %} {% for icon in icons_hash %}
<div class="col-md-1 col-sm-1 col-xs-1 "> <div class="col-4 col-sm-3 col-lg-2 text-center pt-3 pb-3">
<div class=""> <div class="">
<span class="{{ icon[1] }} icon"></span> <span class="{{ icon[1] }} text-muted" style="font-size:2rem;"></span>
</div> </div>
<div class="mb-5 text-center"> <div class="mb-5 text-center">
<span>{{icon[0]}}</span> <span>{{icon[0]}}</span>

1
_includes/head.html

@ -7,5 +7,6 @@
<link rel="shortcut icon" type="image/png" href="{{'/assets/images/favicon.png' | prepend: site.baseurl}}"/> <link rel="shortcut icon" type="image/png" href="{{'/assets/images/favicon.png' | prepend: site.baseurl}}"/>
<link href="{{'/assets/fonts/sourcesans.css' | prepend: site.baseurl}}" rel="stylesheet"> <link href="{{'/assets/fonts/sourcesans.css' | prepend: site.baseurl}}" rel="stylesheet">
<link href="{{'/assets/fonts/sourcecode.css' | prepend: site.baseurl}}" rel="stylesheet"> <link href="{{'/assets/fonts/sourcecode.css' | prepend: site.baseurl}}" rel="stylesheet">
<link href="{{'/assets/fonts/i2p.css' | prepend: site.baseurl}}" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>

2
_includes/sidebar.html

@ -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

@ -1,25 +0,0 @@
<!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

@ -1,25 +0,0 @@
<!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>

5
_layouts/design.html

@ -16,6 +16,11 @@
</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 %}
{% include design/grid.html %}
{% include design/typography.html %}
{% include design/icons.html %}
{% include design/assets.html %}
{% include scrollspy.html %} {% include scrollspy.html %}
{% include scripts.html %} {% include scripts.html %}
</div> </div>

25
_layouts/grid.html

@ -1,25 +0,0 @@
<!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

@ -1,25 +0,0 @@
<!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>

1
_site/404.html

@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/> <link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/>
<link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/i2p.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>

2
_site/assets/styles/layout.scss

@ -35,7 +35,7 @@
} }
.sidebar__link__light { .sidebar__link__light {
color: $oc-gray-6 !important; color: $oc-gray-7 !important;
&:hover { &:hover {
color: $oc-black !important; color: $oc-black !important;

2
_site/assets/styles/main.css

@ -8,7 +8,7 @@
.sidebar-wrapper { background-color: #dee2e6; } .sidebar-wrapper { background-color: #dee2e6; }
.sidebar__link__light { color: #868e96 !important; } .sidebar__link__light { color: #495057 !important; }
.sidebar__link__light:hover { color: #000000 !important; transition-timing-function: linear; -webkit-transition-timing-function: linear; -webkit-transition-duration: .3s; transition-duration: .3s; } .sidebar__link__light:hover { color: #000000 !important; transition-timing-function: linear; -webkit-transition-timing-function: linear; -webkit-transition-duration: .3s; transition-duration: .3s; }
.sidebar__link__light:active { color: #4661A9; } .sidebar__link__light:active { color: #4661A9; }

15
_site/components/index.html

@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/> <link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/>
<link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/i2p.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
@ -75,43 +76,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>

21
_site/copywriting/index.html

@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/> <link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/>
<link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/i2p.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
@ -75,61 +76,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>

1
_site/getting-started/index.html

@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/> <link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/>
<link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/i2p.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>

1
_site/index.html

@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/> <link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/>
<link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/i2p.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>

1
_site/jekyll/update/2018/05/06/welcome-to-jekyll.html

@ -9,6 +9,7 @@
<link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/> <link rel="shortcut icon" type="image/png" href="/i2p-styleguide/assets/images/favicon.png"/>
<link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcesans.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet"> <link href="/i2p-styleguide/assets/fonts/sourcecode.css" rel="stylesheet">
<link href="/i2p-styleguide/assets/fonts/i2p.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>

26
assets.md

@ -1,26 +0,0 @@
---
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
---

77
assets/fonts/i2p.css

@ -0,0 +1,77 @@
@font-face {
font-family: 'i2p';
src: url('i2p.eot');
src: url('i2p.eot') format('embedded-opentype'),
url('i2p.woff2') format('woff2'),
url('i2p.woff') format('woff'),
url('i2p.ttf') format('truetype'),
url('i2p.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'i2p';
src: url('../font/i2p.svg?48147931#i2p') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "i2p";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-i2p-help:before { content: '\e800'; } /* '' */
.icon-i2p-mail:before { content: '\e801'; } /* '' */
.icon-i2p-plugin:before { content: '\e802'; } /* '' */
.icon-i2p-router:before { content: '\e803'; } /* '' */
.icon-i2p-dashboard:before { content: '\e804'; } /* '' */
.icon-i2p-bandwidth:before { content: '\e805'; } /* '' */
.icon-i2p-server:before { content: '\e806'; } /* '' */
.icon-i2p-paste:before { content: '\e807'; } /* '' */
.icon-i2p-bug:before { content: '\e808'; } /* '' */
.icon-i2p-docs:before { content: '\e809'; } /* '' */
.icon-i2p-address:before { content: '\e80a'; } /* '' */
.icon-i2p-wiki:before { content: '\e80b'; } /* '' */
.icon-i2p-sync:before { content: '\e80c'; } /* '' */
.icon-i2p-power:before { content: '\e80d'; } /* '' */
.icon-i2p-directory:before { content: '\e80e'; } /* '' */
.icon-i2p-fingerprint:before { content: '\e80f'; } /* '' */
.icon-i2p-alert:before { content: '\e810'; } /* '' */
.icon-i2p-valid:before { content: '\e811'; } /* '' */
.icon-i2p-fast:before { content: '\e812'; } /* '' */
.icon-i2p-anon:before { content: '\e813'; } /* '' */

BIN
assets/fonts/i2p.eot

Binary file not shown.

50
assets/fonts/i2p.svg

@ -0,0 +1,50 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2018 by original authors @ fontello.com</metadata>
<defs>
<font id="i2p" horiz-adv-x="1000" >
<font-face font-family="i2p" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="i2p-help" unicode="&#xe800;" d="M825 208c39 90 39 194 0 284l-115-52c25-57 25-122 1-180l114-52m-182 467c-91 39-195 39-285 0l52-114c58 24 123 24 181-1l52 115m-468-182c-39-91-39-195 0-285l115 52c-25 57-25 123 0 181l-115 52m183-468c90-39 194-39 285 1l-52 114c-58-25-123-25-181-1l-52-114m142 742c230 0 417-187 417-417s-187-417-417-417-417 187-417 417 187 417 417 417m0-250c-92 0-167-75-167-167s75-167 167-167 167 75 167 167-75 167-167 167z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-mail" unicode="&#xe801;" d="M833 517l-333-209-333 209v83l333-208 333 208m0 83h-666c-47 0-84-37-84-83v-500c0-46 38-83 84-83h666c46 0 84 37 84 83v500c0 46-38 83-84 83z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-plugin" unicode="&#xe802;" d="M833 371h-62v167c0 46-38 83-83 83h-167v62c0 58-47 105-104 105s-104-47-104-105v-62h-167c-46 0-83-37-83-83v-159h62c63 0 113-50 113-112s-50-113-113-113h-62v-158c0-46 37-84 83-84h158v63c0 63 50 113 113 113s112-50 112-113v-63h159c46 0 83 38 83 84v167h62c58 0 105 46 105 104s-47 104-105 104z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-router" unicode="&#xe803;" d="M714 767c46 0 84-38 84-84v-416c0-46-38-84-84-84h-166v-83h41c23 0 42-19 42-42h292v-83h-292c0-23-19-42-42-42h-166c-23 0-42 19-42 42h-292v83h292c0 23 19 42 42 42h41v83h-166c-46 0-84 38-84 84v416c0 46 38 84 84 84h416m-416-167l166-167-166-166h119l136 136c16 17 16 43 0 60l-137 137h-118m416-250h-125v-83h125v83z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-dashboard" unicode="&#xe804;" d="M542 725v-250h333v250m-333-750h333v417h-333m-417-417h333v250h-333m0 83h333v417h-333v-417z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-bandwidth" unicode="&#xe805;" d="M500 170c-69 0-125 56-125 125 0 47 25 87 63 109l404 234-230-399c-21-41-63-69-112-69m0 542c75 0 146-21 207-55l-87-51c-37 14-78 22-120 22-184 0-333-149-333-333 0-92 37-176 97-236h1c16-16 16-42 0-58-17-17-43-17-60-1l0 0c-75 76-122 180-122 295 0 230 187 417 417 417m417-417c0-115-47-219-122-295l0 0c-17-16-43-16-59 1-16 16-16 42 0 58l0 0c60 61 97 144 97 236 0 42-8 83-22 121l50 87c35-62 56-132 56-208z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-server" unicode="&#xe806;" d="M167 808h666c23 0 42-18 42-41v-167c0-23-19-42-42-42h-666c-23 0-42 19-42 42v167c0 23 19 41 42 41m0-333h666c23 0 42-19 42-42v-166c0-23-19-42-42-42h-666c-23 0-42 19-42 42v166c0 23 19 42 42 42m0-333h666c23 0 42-19 42-42v-167c0-23-19-41-42-41h-666c-23 0-42 18-42 41v167c0 23 19 42 42 42m208 500h42v83h-42v-83m0-334h42v84h-42v-84m0-333h42v83h-42v-83m-167 750v-83h84v83h-84m0-333v-84h84v84h-84m0-334v-83h84v83h-84z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-paste" unicode="&#xe807;" d="M798-25h-584v667h84v-125h416v125h84m-292 83c23 0 42-19 42-42s-19-41-42-41c-23 0-42 18-42 41s19 42 42 42m292 0h-174c-18 48-64 83-118 83s-100-35-117-83h-175c-46 0-83-37-83-83v-667c0-46 37-83 83-83h584c46 0 83 37 83 83v667c0 46-37 83-83 83z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-bug" unicode="&#xe808;" d="M583 350h-166v83h166m0-250h-166v84h166m250 250h-117c-18 32-44 60-76 81l68 68-58 59-91-90c-19 4-38 7-59 7s-40-3-59-7l-91 90-58-59 67-68c-31-21-56-49-75-81h-117v-84h87c-2-13-4-27-4-41v-42h-83v-83h83v-42c0-14 2-28 4-42h-87v-83h117c43-75 124-125 216-125s173 50 216 125h117v83h-87c2 14 4 28 4 42v42h83v83h-83v42c0 14-2 28-4 41h87v84z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-docs" unicode="&#xe809;" d="M619 549h218l-218 217v-217m-277 277h316l238-238v-475c0-44-36-79-79-79h-475c-44 0-79 36-79 79v634c0 43 35 79 79 79m356-634v80h-356v-80h356m119 159v79h-475v-79h475z m-634 355v-753h634v-79h-634c-43 0-79 36-79 79v753h79z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-address" unicode="&#xe80a;" d="M125 558v84h83v41c0 47 38 84 84 84h250v-292l104 63 104-63v292h42c43 0 83-40 83-84v-666c0-44-40-84-83-84h-500c-44 0-84 40-84 84v41h-83v84h83v166h-83v84h83v166h-83m167-166h-84v-84h84v84m0 166v84h-84v-84h84m0-500v84h-84v-84h84z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-wiki" unicode="&#xe80b;" d="M895 294c4-64-26-126-79-164l32-62c10-19 11-41 3-61-8-20-24-35-44-42l-33-10c-7-3-15-4-23-4-21 0-41 10-55 27l-88 104c-37 6-72 22-102 46-21-6-42-10-62-10-37 0-74 12-105 33-22-6-44-9-67-9-33 0-65 6-96 19-59 27-99 85-101 150-3 30 2 61 14 88-12 31-13 66-2 97 15 40 44 73 80 94 25 70 92 117 167 112 67 63 169 69 243 16 17 4 36 7 54 7 57 1 111-24 146-69 85-22 146-98 149-186 2-46-10-92-36-130 3-15 5-30 5-46m-208 59c23-3 42-21 42-45 0-23-19-41-42-41h-26c-13-38-37-71-67-96 10-3 21-6 32-8 213 2 188 133 188 135-2 60-52 106-112 104-23 0-41 18-41 41s18 42 41 42c52-1 101-20 139-54 2 12 3 24 3 37-2 52-25 97-119 105-52 124-183 55-183 17l0 0c-2-10 8-30 10-31 23 0 42-19 42-42 0-23-19-42-42-42l0 0c-22 1-43 10-60 24-20-13-43-21-66-24l0 0c-24-2-44 15-45 38-3 23 14 44 37 46 6 1 39 6 39 32l0 0c0 27 10 54 28 74-38 11-79-3-121-53-77 12-108 1-131-80-39-19-60-33-69-75 45 9 91 6 134-10 21-8 32-32 24-54-8-22-32-33-53-25-31 14-65 15-96 3-14-11-14-35-14-53 0-31 16-60 42-76 22-12 47-17 71-17-6 11-11 22-16 34-8 22 4 47 27 55 22 8 47-4 55-27 16-47 59-80 109-85 57 3 108 36 133 88 9 58 56 63 107 63m83-311l-26 54-30-7 42-52 14 5m-194 358c1 23-16 41-38 43-29 2-58-8-80-28-24-24-36-57-35-91 0-23 19-41 41-41 24 0 42 18 42 41 0 11 3 23 10 32 5 4 11 6 18 6 23-1 42 16 42 38z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-sync" unicode="&#xe80c;" d="M500 100c-138 0-250 112-250 250 0 42 10 82 29 117l-61 61c-32-52-51-113-51-178 0-184 149-333 333-333v-125l167 166-167 167m0 458v125l-167-166 167-167v125c138 0 250-112 250-250 0-42-10-82-29-117l61-60c32 51 51 112 51 177 0 184-149 333-333 333z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-power" unicode="&#xe80d;" d="M690 582l-60-61c72-43 120-122 120-213 0-138-112-250-250-250s-250 112-250 250c0 91 48 170 120 214l-60 60c-87-60-143-160-143-274 0-184 149-333 333-333s333 149 333 333c0 114-56 214-143 274m-148 101h-84v-416h84" horiz-adv-x="1000" />
<glyph glyph-name="i2p-directory" unicode="&#xe80e;" d="M792 17h-625c-47 0-84 37-84 83v500c0 46 37 83 84 83h250l83-83h292c46 0 83-37 83-83l0 0h-708v-417l89 333h711l-95-354c-9-36-42-62-80-62z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-fingerprint" unicode="&#xe80f;" d="M748 664c-3 0-6 1-9 2-80 42-150 59-233 59-82 0-160-20-232-59-10-5-22-1-28 9-5 10-2 23 8 28 78 43 163 64 252 64s167-20 252-63c10-6 14-19 9-29-4-7-11-11-19-11m-596-219c-4 0-8 1-12 4-9 6-12 19-5 29 41 58 94 104 156 136 132 68 298 68 430 1 62-32 115-77 156-136 7-9 4-22-5-29-10-7-23-5-29 4-38 54-85 95-141 124-120 61-273 61-392-1-57-29-104-71-142-123-3-6-9-9-16-9m260-503c-5 0-10 2-14 6-36 37-56 60-84 110-29 52-44 114-44 181 0 124 106 225 236 225s236-101 236-225c0-11-9-21-21-21-11 0-21 10-21 21 0 101-87 183-194 183s-194-82-194-183c0-60 13-115 39-160 26-48 45-69 77-101 8-8 8-21 0-30-5-4-10-6-16-6m299 77c-49 0-93 13-129 37-62 42-99 111-99 183 0 12 9 21 21 21s20-9 20-21c0-59 30-114 81-148 30-20 64-30 106-30 10 0 27 2 43 4 12 3 23-5 25-17 2-10-6-22-17-24-24-4-45-5-51-5m-84-86c-1 0-3 0-5 0-66 19-110 44-155 89-58 57-90 135-90 217 0 68 57 123 128 123s128-55 128-123c0-44 40-81 87-81 48 0 87 37 87 81 0 157-136 285-303 285-118 0-227-66-275-168-16-34-25-73-25-117 0-32 3-84 28-150 5-11-1-23-12-27-11-4-23 2-26 12-21 55-31 109-31 165 0 50 10 96 29 135 55 116 178 192 312 192 190 0 344-146 344-326 0-68-57-123-128-123-71 0-128 55-128 123 0 44-39 80-87 80-48 0-87-36-87-80 0-72 28-138 78-188 40-39 78-61 136-77 12-3 18-15 15-26-2-9-11-16-20-16z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-alert" unicode="&#xe810;" d="M542 267h-84v166h84m0-333h-84v83h84m-500-208h916l-458 792-458-792z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-valid" unicode="&#xe811;" d="M500 767c230 0 417-187 417-417s-187-417-417-417-417 187-417 417 187 417 417 417m-42-604l292 291-59 59-233-233-128 129-59-59 187-187z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-fast" unicode="&#xe812;" d="M292 767v-459h125v-375l291 500h-166l166 334h-416z" horiz-adv-x="1000" />
<glyph glyph-name="i2p-anon" unicode="&#xe813;" d="M506 695c-96 0-163 28-163 28l-50-212c0-1 0-1 0-1h426c1 0 1 1 1 1l-51 212c0 0-67-28-163-28l0 0z m-244-234c-37-10-133-107-133-107h754c0 0-97 97-134 107 0 0-478 2-487 0z m31-161c0-55 44-88 99-88 54 0 99 77 99 77 0 1 9 5 15 5 5 0 15-4 15-5 0 0 44-77 99-77 55 0 99 33 99 88 0 7-1 14-2 20h-422c-1-6-2-13-2-20z m156-317l-258 0c-7 0-10 10-3 14l84 49c0 0 0 0 0 0-49 43-211 83-211 83s103 99 234 112c0 0 11-160 154-258 0 0 0 0 0 0z m114 0l258 0c7 0 10 10 4 14l-84 49c0 0 0 0 0 0 48 43 209 83 210 83 0 0 0 0 0 0 0 0-103 99-234 112 0 0-11-159-154-258 0 0 0 0 0 0z" horiz-adv-x="1000" />
</font>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
assets/fonts/i2p.ttf

Binary file not shown.

BIN
assets/fonts/i2p.woff

Binary file not shown.

BIN
assets/fonts/i2p.woff2

Binary file not shown.

2
assets/styles/layout.scss

@ -35,7 +35,7 @@
} }
.sidebar__link__light { .sidebar__link__light {
color: $oc-gray-6 !important; color: $oc-gray-7 !important;
&:hover { &:hover {
color: $oc-black !important; color: $oc-black !important;

26
colors.md

@ -1,26 +0,0 @@
---
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
---

34
design.md

@ -7,20 +7,28 @@
- colors: Colors - colors: Colors
- grid: Grid - grid: Grid
- typography: Typography - typography: Typography
- icons: Icons
- assets: Assets - assets: Assets
icons: icons:
- login: oi oi-account-login - Help: icon-i2p-help
- logout: oi oi-account-logout - Mail: icon-i2p-mail
- redo: oi oi-action-redo - Plugin: icon-i2p-plugin
- undo: oi oi-action-undo - Router: icon-i2p-router
- center: oi oi-align-center - Dashboard: icon-i2p-dashboard
- left: oi oi-align-left - Bandwidth: icon-i2p-bandwidth
- right: oi oi-align-right - Server: icon-i2p-server
- aperture: oi oi-aperture - Paste: icon-i2p-paste
- bottom: oi oi-arrow-bottom - Bug: icon-i2p-bug
- circleb: oi oi-arrow-circle-bottom - Docs: icon-i2p-docs
- circlel: oi oi-arrow-circle-left - Address Book: icon-i2p-address
- circler: oi oi-arrow-circle-right - Wiki: icon-i2p-wiki
- circlet: oi oi-arrow-circle-top - Sync: icon-i2p-sync
- Power: icon-i2p-power
- Directory: icon-i2p-directory
- Fingerprint: icon-i2p-fingerprint
- Alert: icon-i2p-alert
- Valid: icon-i2p-valid
- Fast: icon-i2p-fast
- Anonymous: icon-i2p-anon
--- ---

26
grid.md

@ -1,26 +0,0 @@
---
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

@ -1,26 +0,0 @@
---
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
---
Loading…
Cancel
Save