heuzef
/
icon-collection
kopie van https://github.com/benc-uk/icon-collection.git
1
0
Vork 0
Code Kwesties 0 Publicaties 1 Wiki Activiteit
Bladeren bron

Yes

pull/1/head
Ben Coleman 5 jaren geleden
bovenliggende
590cbdaa84
commit
ccdda98865
7 gewijzigde bestanden met toevoegingen van 203 en 77 verwijderingen
Zij-aan-zij weergave
Diff opties
Statistieken weergeven Download Patch-bestand Download Diff-bestand
  1. +29
    -11
      _tools/gallery.js
  2. +29
    -11
      azure-docs/index.html
  3. +29
    -11
      azure-dotcom/index.html
  4. +29
    -11
      azure-patterns/index.html
  5. +29
    -11
      learning-site/index.html
  6. +29
    -11
      logos/index.html
  7. +29
    -11
      other/index.html

+ 29
- 11
_tools/gallery.js Bestand weergeven

@@ -22,7 +22,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -65,6 +65,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -80,7 +90,8 @@ h1 {
<body>
<div class="top">
<h1>${TITLE}</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -120,19 +131,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
azure-docs/index.html Bestand weergeven

@@ -10,7 +10,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body>
<div class="top">
<h1>Azure Docs</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -288,19 +299,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
azure-dotcom/index.html Bestand weergeven

@@ -10,7 +10,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body>
<div class="top">
<h1>Azure.com Various</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -111,19 +122,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
azure-patterns/index.html Bestand weergeven

@@ -10,7 +10,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body>
<div class="top">
<h1>Azure Patterns Collection</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -798,19 +809,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
learning-site/index.html Bestand weergeven

@@ -10,7 +10,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body>
<div class="top">
<h1>Microsoft Learning Site</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -226,19 +237,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
logos/index.html Bestand weergeven

@@ -10,7 +10,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body>
<div class="top">
<h1>Logos & Brands</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -156,19 +167,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


+ 29
- 11
other/index.html Bestand weergeven

@@ -10,7 +10,7 @@ body {
margin: 0;
}
.bg0 {
background-image: url("../_tools/background.png")
background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
}
.bg1 {
background-color: #333;
@@ -53,6 +53,16 @@ h1 {
top: -2rem;
font-size: 1.5rem;
}
.pngbox {
position: absolute;
top: 2rem;
right: 1rem;
font-size: 1.5rem;
}
input[type="checkbox"] {
width: 1.6em;
height: 1.6em;
}
.label {
height: 2.5em;
line-height: 1em;
@@ -68,7 +78,8 @@ h1 {
<body>
<div class="top">
<h1>Other Icons</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
@@ -125,19 +136,26 @@ function search() {
}

function download(f, e) {
let a = document.createElement('a')
a.href = f
a.download = f
//a.click()

console.log(getBase64Image(e))

var downloadPNG = document.getElementById("pngcheck").checked;
if(downloadPNG) {
var data = getBase64Image(e);
let a = document.createElement('a')
a.href = "data:application/octet-stream;base64," + data
a.download = f.replace('.svg', '.png')
a.click()
} else {
let a = document.createElement('a')
a.href = f
a.download = f
a.click()
}
}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;
console.log(canvas.width , canvas.height)
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");


Schrijf Voorbeeld
Laden…
Annuleren
Opslaan