heuzef
/
icon-collection
mirror of https://github.com/benc-uk/icon-collection.git
1
0
Fork 0
Code Issues 0 Releases 1 Wiki Activity
Browse Source

gallery update

pull/5/head
Ben Coleman 4 years ago
parent
a7b7a66eda
commit
8f035c2eb2
7 changed files with 119 additions and 91 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +17
    -13
      _tools/templates/gallery.ejs
  2. +17
    -13
      azure-docs/index.html
  3. +17
    -13
      azure-icons/index.html
  4. +17
    -13
      azure-patterns/index.html
  5. +17
    -13
      cloud-old/index.html
  6. +17
    -13
      logos/index.html
  7. +17
    -13
      other/index.html

+ 17
- 13
_tools/templates/gallery.ejs View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1><%= title %></h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1><%= title %></h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


+ 17
- 13
azure-docs/index.html View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Docs</h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Docs</h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


+ 17
- 13
azure-icons/index.html View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1>Official Azure Icon Set</h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1>Official Azure Icon Set</h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


+ 17
- 13
azure-patterns/index.html View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Patterns Collection</h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Patterns Collection</h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


+ 17
- 13
cloud-old/index.html View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1>Old MS Cloud Icon Set</h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1>Old MS Cloud Icon Set</h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


+ 17
- 13
logos/index.html View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1>Logos &amp; Brands</h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1>Logos &amp; Brands</h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


+ 17
- 13
other/index.html View File

@@ -33,30 +33,33 @@
background-color: #e0e0e0; background-color: #e0e0e0;
} }
h1 { h1 {
font-size: 2.6rem;
font-size: 1.8rem;
} }
.find, .find input { .find, .find input {
font-size: 1.5rem;
font-size: 1.1rem;
} }
.top { .top {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: #aaa;
padding: 1rem;
background-color: rgb(211, 211, 211);
padding: 0.2rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59); box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
} }
.top button { .top button {
float: right; float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 1rem;
border-radius: 4px;
} }
.pngbox { .pngbox {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 1rem; right: 1rem;
font-size: 1.5rem;
font-size: 0.9rem;
} }
input[type="checkbox"] { input[type="checkbox"] {
width: 1.6em; width: 1.6em;
@@ -77,8 +80,9 @@
display:inline; display:inline;
} }
.home { .home {
font-size: 3rem;
text-decoration: none
font-size: 2rem;
text-decoration: none;
color:rgb(99, 99, 99);
} }
</style> </style>
</head> </head>
@@ -87,10 +91,10 @@
<div class="top"> <div class="top">
<a href=".." class="home">&#129093;</a> &nbsp; <h1>Other Icons</h1> <a href=".." class="home">&#129093;</a> &nbsp; <h1>Other Icons</h1>
<br/><br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
<br/>
<span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div> <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
<button onclick="toggleBg()">Toggle Background</button>
</div> </div>
<div class="grid"> <div class="grid">


Write Preview
Loading…
Cancel
Save