@ -1,67 +1,54 @@ |
|||||
<div id="colors" class="page-header mb-4"> |
<div id="colors" class="col page-header mb-4"> |
||||
<h2>Colors</h2> |
<h2>Colors</h2> |
||||
<p class="text-muted">The main I2P color is Blue. Use Green as a secondary option and Yellow as accent color.</p> |
<p class="text-muted">The I2P brand currently consists of 2 primary colors and 2 secondary colors.</p> |
||||
</div> |
</div> |
||||
|
|
||||
<div class="row"> |
<div class="row pt-1 p-0"> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
<div class="col-md-6 col-xs-12 mb-3"> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-primary text-white small">#4661A9</div> |
<h5 class="pb-3">Primary</h5> |
||||
<h6 class="pt2 text-left">Primary Color</h6> |
<div class="bg-smallest"> |
||||
|
<div class="row no-gutters"> |
||||
|
<div class="col-md-6 col-sm-6"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 py-3"> |
||||
|
<div class="curved background-indigo-600 mr-3"></div> |
||||
|
<span><strong>Free Speech Blue</strong><br>#526BCE<br>R82 G107 B206</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 col-sm-6"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 py-3"> |
||||
|
<div class="curved background-indigo-900 mr-3"></div> |
||||
|
<span><strong>Deep Komaru</strong><br>#363A68<br>R54 G58 B104</span> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-secondary text-white small">#60AB60</div> |
|
||||
<h6 class="pt2 text-left">Secondary color</h6> |
|
||||
</div> |
</div> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-warning text-white small">#FFC434</div> |
|
||||
<h6 class="pt2 text-left">Warning</h6> |
|
||||
</div> |
</div> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-danger text-white small">#E15647</div> |
|
||||
<h6 class="pt2 text-left">Danger</h6> |
|
||||
</div> |
</div> |
||||
</div> |
|
||||
|
|
||||
|
|
||||
<div class="row"> |
<div class="col-md-6 col-xs-12"> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
<h5 class="pb-3">Secondary</h5> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-0 text-black small">#f8f9fa</div> |
<div class="bg-smallest"> |
||||
<h6 class="pt2 text-left">Gray 0</h6> |
<div class="row no-gutters"> |
||||
</div> |
<div class="col-md-6 col-sm-6"> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
<div class="row"> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-1 text-black small">#f1f3f5</div> |
<div class="col-md-12 col-sm-6 pt-3 mb-3"> |
||||
<h6 class="pt2 text-left">Gray 1</h6> |
<div class="curved background-teal-400 mr-3"></div> |
||||
</div> |
<span><strong>Medium Torquoise</strong><br>#A6F8F8<br>R166 G248 B248</span> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
</div> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-2 text-black small">#e9ecef</div> |
</div> |
||||
<h6 class="pt2 text-left">Gray 2</h6> |
</div> |
||||
</div> |
<div class="col-md-6 col-sm-6"> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
<div class="row"> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-3 text-black small">#dee2e6</div> |
<div class="col-md-12 py-3"> |
||||
<h6 class="pt2 text-left">Gray 3</h6> |
<div class="curved background-orange-400 mr-3"></div> |
||||
</div> |
<span><strong>Sandy Brown</strong><br>#EF9252<br>R246 G173 B85</span> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
</div> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-4 text-black small">#ced4da</div> |
</div> |
||||
<h6 class="pt2 text-left">Gray 4</h6> |
</div> |
||||
</div> |
</div> |
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
</div> |
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-5 text-black small">#adb5bd</div> |
|
||||
<h6 class="pt2 text-left">Gray 5</h6> |
|
||||
</div> |
|
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-6 text-white small">#868e96</div> |
|
||||
<h6 class="pt2 text-left">Gray 6</h6> |
|
||||
</div> |
|
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-1 pb-1 mt-3 mb-2 background-gray-7 text-white small">#495057</div> |
|
||||
<h6 class="pt2 text-left">Gray 7</h6> |
|
||||
</div> |
|
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-8 text-white small">#343a40</div> |
|
||||
<h6 class="pt2 text-left">Gray 8</h6> |
|
||||
</div> |
|
||||
<div class="col-xs-12 col-sm-2 col-md-2"> |
|
||||
<div class="rounded pt-5 pl-2 pb-2 mt-3 mb-2 background-gray-9 text-white small">#212529</div> |
|
||||
<h6 class="pt2 text-left">Gray 9</h6> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
@ -0,0 +1,231 @@ |
|||||
|
<div id="logo" class="col page-header mb-5 mt-5"> |
||||
|
<h2>Logo</h2> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 col-sm-12 mb-3"> |
||||
|
<h5 class="pb-3">Composition (Horizontal)</h5> |
||||
|
<div class="bg-box text-center p-5"> |
||||
|
<img src="{{ site.baseurl }}/assets/images/composition-horizontal.svg" alt="I2P Horizontal Composition"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 col-sm-12"> |
||||
|
<h5 class="pb-3">Composition (Vertical)</h5> |
||||
|
<div class="bg-box text-center p-5"> |
||||
|
<img src="{{ site.baseurl }}/assets/images/composition-vertical.svg" alt="I2P Vertical Composition"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row my-5"> |
||||
|
<div class="col-md-6 col-sm-12 mb-3"> |
||||
|
<h5 class="pb-3">Safe Space (Horizontal)</h5> |
||||
|
<div class="bg-box text-center p-5"> |
||||
|
<img src="{{ site.baseurl }}/assets//images/safespace-horizontal.svg" alt="I2P Safe Space Horizontal"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 col-sm-12"> |
||||
|
<h5 class="pb-3">Safe Space (Vertical)</h5> |
||||
|
<div class="bg-box text-center p-5"> |
||||
|
<img src="{{ site.baseurl }}/assets//images/safespace-vertical.svg" alt="I2P Safe Space Vertical"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div id="assets" class="col mb-4 mt-5"> |
||||
|
<h4>Download Logo Assets</h4> |
||||
|
</div> |
||||
|
<div class="row mb-5"> |
||||
|
<div class="col-sm-12 col-md-3 col-sm-3 mb-4"> |
||||
|
<div class="image flexing border p-4"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_horizontal_color.png" alt="I2P Horizontal color logo"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Horizontal Color Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_color.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_color.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-12 col-md-3 col-sm-3 mb-4"> |
||||
|
<div class="image flexing border p-4"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_horizontal_black.png" alt="I2P Horizontal black logo"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Horizontal Black Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_black.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_black.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-12 col-md-3 col-sm-3 mb-4"> |
||||
|
<div class="image flexing border p-4 background-indigo-600"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_horizontal_white.png" alt="I2P Horizontal color logo with light background"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Horizontal Color Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_color_bg.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_color_bg.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12 col-md-3 col-sm-3 mb-4"> |
||||
|
<div class="image flexing border p-4 background-black"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_horizontal_white.png" alt="I2P Horizontal white logo with black background"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Horizontal White Black Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_white_bg.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_horizontal_white_bg.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row pt-2"> |
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-4"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_vertical_color.png" alt="I2P Vertical color logo"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Vertical Color Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_color.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_color.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-4"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_vertical_black.png" alt="I2P Vertical black logo"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Vertical Black Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_black.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_black.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-4 background-indigo-600"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_vertical_white.png" alt="I2P Vertical color logo with light background"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Vertical Color Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_color_bg.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_color_bg.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-4 background-black"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_vertical_white.png" alt="I2P Vertical white logo with black background"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Vertical White Black Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_white_bg.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_vertical_white_bg.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row mb-5"> |
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-5"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_icon_color.png" alt="I2P icon color logo"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Icon Color Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_color.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_color.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-5"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_icon_black.png" alt="I2P icon black logo"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Icon Black Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_black.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_black.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-5 background-indigo-600"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_icon_white.png" alt="I2P icon color logo with light background"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Icon Color Light Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_color_bg.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_color_bg.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-12 col-md-3 col-sm-3"> |
||||
|
<div class="image border p-5 background-black"> |
||||
|
<img class="rb-contain" src="{{ site.baseurl }}/assets/images/i2p_icon_white.png" alt="I2P icon white logo with black background"> |
||||
|
</div> |
||||
|
<p class="mb-0 mt-2 caption">Icon White Black Background</p> |
||||
|
<div class="dropdown mb-5"> |
||||
|
<button class="button btn btn-default-dropdown dropdown-toggle mt-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
||||
|
Download |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_white_bg.png" download>PNG</a> |
||||
|
<a class="dropdown-item" href="/images/i2p_icon_white_bg.svg" download>SVG</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
@ -0,0 +1,26 @@ |
|||||
|
<div id="typography" class="col page-header mb-4 mt-5"> |
||||
|
<h2>Typography</h2> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 col-sm-12"> |
||||
|
<div class="bg-box"> |
||||
|
<p class="font-20 pt-2">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p> |
||||
|
<p class="font-20">a b c d e f g h i j k l m n o p q r s t u v w x y z</p> |
||||
|
<p class="font-20 mb-2">0 1 2 3 4 5 6 7 8 9</p> |
||||
|
</div> |
||||
|
<p class="pt-3">All marketing materials use the Nunito typeface for the headers and the Inter typeface by Rasmus Andersson for the text body. Both fonts are licensed under the Open Font License v1.1</p> |
||||
|
</div> |
||||
|
<div class="col-md-6 col-sm-12"> |
||||
|
<div class="bg-box text-center p-5"> |
||||
|
<svg width="174" height="94" viewBox="0 0 174 94" fill="none" xmlns="http://www.w3.org/2000/svg"> |
||||
|
<path class="logo-text-switch" d="M87.4654 73.5123H64.1721V72.9798L72.7713 65.8169C93.691 48.417 99.0216 39.3755 99.0216 28.7667C99.0216 11.6782 85.0013 0.486816 63.0055 0.486816C45.3444 0.486816 32.8026 8.58401 29.0009 22.287C27.7034 26.9785 31.1934 31.6299 36.0713 31.6299H45.2639C48.4321 31.6299 51.1778 29.5805 52.2338 26.6068C53.843 22.086 57.7956 19.6348 63.0055 19.6348C69.8647 19.6348 74.7426 23.8843 74.7426 30.9066C74.7426 37.3964 70.5788 41.5957 63.8101 47.1914L37.7308 68.7403C32.5713 72.9999 29.5842 79.339 29.5842 86.0298C29.5842 90.0884 32.873 93.3735 36.9363 93.3735H92.6551C96.7184 93.3735 100.007 90.0884 100.007 86.0298C100.007 79.118 94.385 73.5123 87.4654 73.5123Z"/> |
||||
|
<path class="logo-text-switch" d="M15.2519 1.74268C7.66846 1.74268 0.939941 7.88087 0.939941 15.4657V86.5221C0.939941 90.3095 4.0075 93.3736 7.7992 93.3736H14.9099C18.7116 93.3736 21.7893 90.2995 21.7893 86.502V67.3139V41.2441V27.2197V8.26263C21.7792 4.6661 18.8525 1.74268 15.2519 1.74268Z"/> |
||||
|
<path class="logo-text-switch" d="M139.955 1.74268H127.585H127.575H120.474C112.891 1.74268 106.735 7.88087 106.735 15.4657V86.5221C106.735 90.3095 109.803 93.3736 113.595 93.3736H120.705C124.507 93.3736 127.585 90.2995 127.585 86.502V71.2319V67.3139C127.585 66.681 128.098 66.1686 128.731 66.1686H139.06C159.98 66.1686 174 53.8621 174 34.1315C174 14.6319 160.342 1.74268 139.955 1.74268ZM137.622 46.8499H135.53H133.991H129.184C128.319 46.8499 127.615 46.1667 127.585 45.3028V27.2197C127.585 24.1255 130.451 21.614 133.991 21.614H137.612C147.589 21.614 153.583 26.2653 153.583 34.1415C153.583 41.9675 147.599 46.8499 137.622 46.8499Z"/> |
||||
|
</svg> |
||||
|
</div> |
||||
|
<div class="alert alert-warning mt-3" role="alert"> |
||||
|
A modified <a class="underline" href="https://www.fontsquirrel.com/fonts/sinkin-sans" target="_blank" rel="noopener">Nunito</a> font is used for the I2P wordmark. Its use is limited to the I2P logo exclusively and should not be used elsewhere. |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
@ -1,4 +1,5 @@ |
|||||
<!--<script src="{{'/assets/javascript/modernizr.min.js' | prepend: site.baseurl}}"></script>--> |
<!--<script src="{{'/assets/javascript/modernizr.min.js' | prepend: site.baseurl}}"></script>--> |
||||
<script src="{{'/assets/javascript/jquery-3.4.1.slim.min.js' | prepend: site.baseurl}}"></script> |
<script src="{{'/assets/javascript/jquery-3.4.1.slim.min.js' | prepend: site.baseurl}}"></script> |
||||
|
<script src="{{'/assets/javascript/popper.min.js' | prepend: site.baseurl}}"></script> |
||||
<script src="{{'/assets/javascript/bootstrap.min.js' | prepend: site.baseurl}}"></script> |
<script src="{{'/assets/javascript/bootstrap.min.js' | prepend: site.baseurl}}"></script> |
||||
<script type="text/javascript" src="{{'/assets/javascript/index.js' | prepend: site.baseurl}}"></script> |
<script type="text/javascript" src="{{'/assets/javascript/index.js' | prepend: site.baseurl}}"></script> |
After Width: | Height: | Size: 9.8 KiB |
After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 6.7 KiB |
After Width: | Height: | Size: 8.0 KiB |
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 4.9 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 5.6 KiB |
Before Width: | Height: | Size: 9.6 KiB |
Before Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 9.4 KiB |