Ver código fonte

testing

pull/1/head
Ben Coleman 5 anos atrás
pai
commit
590cbdaa84
8 arquivos alterados com 1234 adições e 1133 exclusões
  1. +19
    -5
      _tools/gallery.js
  2. +3
    -0
      _tools/readme.md
  3. +206
    -192
      azure-docs/index.html
  4. +29
    -15
      azure-dotcom/index.html
  5. +716
    -702
      azure-patterns/index.html
  6. +144
    -130
      learning-site/index.html
  7. +74
    -60
      logos/index.html
  8. +43
    -29
      other/index.html

+ 19
- 5
_tools/gallery.js Ver arquivo

@@ -11,7 +11,9 @@ if(!DIR || !TITLE) {
}

outHtml = `
<head><title>${TITLE}</title></head>
<head><title>${TITLE}</title>
<script src="http://pablojs.com/downloads/pablo.min.js"></script>
</head>
<style>
body {
font-family: 'Segoe UI', Arial;
@@ -87,7 +89,7 @@ h1 {
var files = fs.readdirSync(DIR);
for(let f of files) {
if(!f.endsWith(".svg")) continue;
outHtml += `<div id="${f}" class="imgbox"><a href="${f}" download><img src="${f}" class="bg0"/></a><div class="label">${f}</div></div>\n`
outHtml += `<div id="${f}" class="imgbox"><img src="${f}" class="bg0" onclick="download('${f}', this)"/><div class="label">${f}</div></div>\n`
}

outHtml += `
@@ -117,12 +119,24 @@ function search() {
}
}

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

console.log(getBase64Image(e))

}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\\/(png|jpg);base64,/, "");
}
</script>
</body></html>`


+ 3
- 0
_tools/readme.md Ver arquivo

@@ -0,0 +1,3 @@
# Tools

Here be dragons

+ 206
- 192
azure-docs/index.html Ver arquivo

@@ -1,5 +1,7 @@

<head><title>Azure Docs</title></head>
<head><title>Azure Docs</title>
<script src="http://pablojs.com/downloads/pablo.min.js"></script>
</head>
<style>
body {
font-family: 'Segoe UI', Arial;
@@ -70,194 +72,194 @@ h1 {
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="activedirectory.svg" class="imgbox"><a href="activedirectory.svg" download><img src="activedirectory.svg" class="bg0"/></a><div class="label">activedirectory.svg</div></div>
<div id="advisor.svg" class="imgbox"><a href="advisor.svg" download><img src="advisor.svg" class="bg0"/></a><div class="label">advisor.svg</div></div>
<div id="analysisservices.svg" class="imgbox"><a href="analysisservices.svg" download><img src="analysisservices.svg" class="bg0"/></a><div class="label">analysisservices.svg</div></div>
<div id="ansible.svg" class="imgbox"><a href="ansible.svg" download><img src="ansible.svg" class="bg0"/></a><div class="label">ansible.svg</div></div>
<div id="api_anomaly_finder.svg" class="imgbox"><a href="api_anomaly_finder.svg" download><img src="api_anomaly_finder.svg" class="bg0"/></a><div class="label">api_anomaly_finder.svg</div></div>
<div id="api_answer_search.svg" class="imgbox"><a href="api_answer_search.svg" download><img src="api_answer_search.svg" class="bg0"/></a><div class="label">api_answer_search.svg</div></div>
<div id="api_bing_autosuggest.svg" class="imgbox"><a href="api_bing_autosuggest.svg" download><img src="api_bing_autosuggest.svg" class="bg0"/></a><div class="label">api_bing_autosuggest.svg</div></div>
<div id="api_bing_custom_search.svg" class="imgbox"><a href="api_bing_custom_search.svg" download><img src="api_bing_custom_search.svg" class="bg0"/></a><div class="label">api_bing_custom_search.svg</div></div>
<div id="api_bing_entity_search.svg" class="imgbox"><a href="api_bing_entity_search.svg" download><img src="api_bing_entity_search.svg" class="bg0"/></a><div class="label">api_bing_entity_search.svg</div></div>
<div id="api_bing_image_search.svg" class="imgbox"><a href="api_bing_image_search.svg" download><img src="api_bing_image_search.svg" class="bg0"/></a><div class="label">api_bing_image_search.svg</div></div>
<div id="api_bing_news_search.svg" class="imgbox"><a href="api_bing_news_search.svg" download><img src="api_bing_news_search.svg" class="bg0"/></a><div class="label">api_bing_news_search.svg</div></div>
<div id="api_bing_speech.svg" class="imgbox"><a href="api_bing_speech.svg" download><img src="api_bing_speech.svg" class="bg0"/></a><div class="label">api_bing_speech.svg</div></div>
<div id="api_bing_spell_check.svg" class="imgbox"><a href="api_bing_spell_check.svg" download><img src="api_bing_spell_check.svg" class="bg0"/></a><div class="label">api_bing_spell_check.svg</div></div>
<div id="api_bing_video_search.svg" class="imgbox"><a href="api_bing_video_search.svg" download><img src="api_bing_video_search.svg" class="bg0"/></a><div class="label">api_bing_video_search.svg</div></div>
<div id="api_bing_visual_search.svg" class="imgbox"><a href="api_bing_visual_search.svg" download><img src="api_bing_visual_search.svg" class="bg0"/></a><div class="label">api_bing_visual_search.svg</div></div>
<div id="api_bing_web_search.svg" class="imgbox"><a href="api_bing_web_search.svg" download><img src="api_bing_web_search.svg" class="bg0"/></a><div class="label">api_bing_web_search.svg</div></div>
<div id="api_computer_vision.svg" class="imgbox"><a href="api_computer_vision.svg" download><img src="api_computer_vision.svg" class="bg0"/></a><div class="label">api_computer_vision.svg</div></div>
<div id="api_content_moderator.svg" class="imgbox"><a href="api_content_moderator.svg" download><img src="api_content_moderator.svg" class="bg0"/></a><div class="label">api_content_moderator.svg</div></div>
<div id="api_conversation_learner.svg" class="imgbox"><a href="api_conversation_learner.svg" download><img src="api_conversation_learner.svg" class="bg0"/></a><div class="label">api_conversation_learner.svg</div></div>
<div id="api_custom_decision_service.svg" class="imgbox"><a href="api_custom_decision_service.svg" download><img src="api_custom_decision_service.svg" class="bg0"/></a><div class="label">api_custom_decision_service.svg</div></div>
<div id="api_custom_speech.svg" class="imgbox"><a href="api_custom_speech.svg" download><img src="api_custom_speech.svg" class="bg0"/></a><div class="label">api_custom_speech.svg</div></div>
<div id="api_custom_vision.svg" class="imgbox"><a href="api_custom_vision.svg" download><img src="api_custom_vision.svg" class="bg0"/></a><div class="label">api_custom_vision.svg</div></div>
<div id="api_emotion.svg" class="imgbox"><a href="api_emotion.svg" download><img src="api_emotion.svg" class="bg0"/></a><div class="label">api_emotion.svg</div></div>
<div id="api_entity_linkingintelligence.svg" class="imgbox"><a href="api_entity_linkingintelligence.svg" download><img src="api_entity_linkingintelligence.svg" class="bg0"/></a><div class="label">api_entity_linkingintelligence.svg</div></div>
<div id="api_face.svg" class="imgbox"><a href="api_face.svg" download><img src="api_face.svg" class="bg0"/></a><div class="label">api_face.svg</div></div>
<div id="api_know_academic.svg" class="imgbox"><a href="api_know_academic.svg" download><img src="api_know_academic.svg" class="bg0"/></a><div class="label">api_know_academic.svg</div></div>
<div id="api_knowledgeexploration.svg" class="imgbox"><a href="api_knowledgeexploration.svg" download><img src="api_knowledgeexploration.svg" class="bg0"/></a><div class="label">api_knowledgeexploration.svg</div></div>
<div id="api_linguisticanalysis.svg" class="imgbox"><a href="api_linguisticanalysis.svg" download><img src="api_linguisticanalysis.svg" class="bg0"/></a><div class="label">api_linguisticanalysis.svg</div></div>
<div id="api_luis.svg" class="imgbox"><a href="api_luis.svg" download><img src="api_luis.svg" class="bg0"/></a><div class="label">api_luis.svg</div></div>
<div id="api_qnamaker.svg" class="imgbox"><a href="api_qnamaker.svg" download><img src="api_qnamaker.svg" class="bg0"/></a><div class="label">api_qnamaker.svg</div></div>
<div id="api_recommendations.svg" class="imgbox"><a href="api_recommendations.svg" download><img src="api_recommendations.svg" class="bg0"/></a><div class="label">api_recommendations.svg</div></div>
<div id="api_speaker_recognition.svg" class="imgbox"><a href="api_speaker_recognition.svg" download><img src="api_speaker_recognition.svg" class="bg0"/></a><div class="label">api_speaker_recognition.svg</div></div>
<div id="api_speech_service.svg" class="imgbox"><a href="api_speech_service.svg" download><img src="api_speech_service.svg" class="bg0"/></a><div class="label">api_speech_service.svg</div></div>
<div id="api_textanalytics.svg" class="imgbox"><a href="api_textanalytics.svg" download><img src="api_textanalytics.svg" class="bg0"/></a><div class="label">api_textanalytics.svg</div></div>
<div id="api_translatorspeech.svg" class="imgbox"><a href="api_translatorspeech.svg" download><img src="api_translatorspeech.svg" class="bg0"/></a><div class="label">api_translatorspeech.svg</div></div>
<div id="api_translatortext.svg" class="imgbox"><a href="api_translatortext.svg" download><img src="api_translatortext.svg" class="bg0"/></a><div class="label">api_translatortext.svg</div></div>
<div id="api_url_preview.svg" class="imgbox"><a href="api_url_preview.svg" download><img src="api_url_preview.svg" class="bg0"/></a><div class="label">api_url_preview.svg</div></div>
<div id="api_videoindexer.svg" class="imgbox"><a href="api_videoindexer.svg" download><img src="api_videoindexer.svg" class="bg0"/></a><div class="label">api_videoindexer.svg</div></div>
<div id="api_weblanguagemodel.svg" class="imgbox"><a href="api_weblanguagemodel.svg" download><img src="api_weblanguagemodel.svg" class="bg0"/></a><div class="label">api_weblanguagemodel.svg</div></div>
<div id="apimanagement.svg" class="imgbox"><a href="apimanagement.svg" download><img src="apimanagement.svg" class="bg0"/></a><div class="label">apimanagement.svg</div></div>
<div id="app-service-api.svg" class="imgbox"><a href="app-service-api.svg" download><img src="app-service-api.svg" class="bg0"/></a><div class="label">app-service-api.svg</div></div>
<div id="app-service-mobile.svg" class="imgbox"><a href="app-service-mobile.svg" download><img src="app-service-mobile.svg" class="bg0"/></a><div class="label">app-service-mobile.svg</div></div>
<div id="app-service-web.svg" class="imgbox"><a href="app-service-web.svg" download><img src="app-service-web.svg" class="bg0"/></a><div class="label">app-service-web.svg</div></div>
<div id="applicationgateway.svg" class="imgbox"><a href="applicationgateway.svg" download><img src="applicationgateway.svg" class="bg0"/></a><div class="label">applicationgateway.svg</div></div>
<div id="applicationinsights.svg" class="imgbox"><a href="applicationinsights.svg" download><img src="applicationinsights.svg" class="bg0"/></a><div class="label">applicationinsights.svg</div></div>
<div id="appservice.svg" class="imgbox"><a href="appservice.svg" download><img src="appservice.svg" class="bg0"/></a><div class="label">appservice.svg</div></div>
<div id="automate-azure-tasks-with-powershell.svg" class="imgbox"><a href="automate-azure-tasks-with-powershell.svg" download><img src="automate-azure-tasks-with-powershell.svg" class="bg0"/></a><div class="label">automate-azure-tasks-with-powershell.svg</div></div>
<div id="automation.svg" class="imgbox"><a href="automation.svg" download><img src="automation.svg" class="bg0"/></a><div class="label">automation.svg</div></div>
<div id="availabilitysetold.svg" class="imgbox"><a href="availabilitysetold.svg" download><img src="availabilitysetold.svg" class="bg0"/></a><div class="label">availabilitysetold.svg</div></div>
<div id="avere.svg" class="imgbox"><a href="avere.svg" download><img src="avere.svg" class="bg0"/></a><div class="label">avere.svg</div></div>
<div id="azure-data-lake-analytics-color.svg" class="imgbox"><a href="azure-data-lake-analytics-color.svg" download><img src="azure-data-lake-analytics-color.svg" class="bg0"/></a><div class="label">azure-data-lake-analytics-color.svg</div></div>
<div id="azure-data-lake-store-color.svg" class="imgbox"><a href="azure-data-lake-store-color.svg" download><img src="azure-data-lake-store-color.svg" class="bg0"/></a><div class="label">azure-data-lake-store-color.svg</div></div>
<div id="azure-germany.svg" class="imgbox"><a href="azure-germany.svg" download><img src="azure-germany.svg" class="bg0"/></a><div class="label">azure-germany.svg</div></div>
<div id="azure-government.svg" class="imgbox"><a href="azure-government.svg" download><img src="azure-government.svg" class="bg0"/></a><div class="label">azure-government.svg</div></div>
<div id="azure-maps-icon-portal.svg" class="imgbox"><a href="azure-maps-icon-portal.svg" download><img src="azure-maps-icon-portal.svg" class="bg0"/></a><div class="label">azure-maps-icon-portal.svg</div></div>
<div id="azure-migrate.svg" class="imgbox"><a href="azure-migrate.svg" download><img src="azure-migrate.svg" class="bg0"/></a><div class="label">azure-migrate.svg</div></div>
<div id="azure-resource-manager.svg" class="imgbox"><a href="azure-resource-manager.svg" download><img src="azure-resource-manager.svg" class="bg0"/></a><div class="label">azure-resource-manager.svg</div></div>
<div id="azure-signalr.svg" class="imgbox"><a href="azure-signalr.svg" download><img src="azure-signalr.svg" class="bg0"/></a><div class="label">azure-signalr.svg</div></div>
<div id="azure-stack.svg" class="imgbox"><a href="azure-stack.svg" download><img src="azure-stack.svg" class="bg0"/></a><div class="label">azure-stack.svg</div></div>
<div id="azure_best-practices.svg" class="imgbox"><a href="azure_best-practices.svg" download><img src="azure_best-practices.svg" class="bg0"/></a><div class="label">azure_best-practices.svg</div></div>
<div id="azure_dev-1.svg" class="imgbox"><a href="azure_dev-1.svg" download><img src="azure_dev-1.svg" class="bg0"/></a><div class="label">azure_dev-1.svg</div></div>
<div id="azure_dev-10.svg" class="imgbox"><a href="azure_dev-10.svg" download><img src="azure_dev-10.svg" class="bg0"/></a><div class="label">azure_dev-10.svg</div></div>
<div id="azure_dev-11.svg" class="imgbox"><a href="azure_dev-11.svg" download><img src="azure_dev-11.svg" class="bg0"/></a><div class="label">azure_dev-11.svg</div></div>
<div id="azure_dev-2.svg" class="imgbox"><a href="azure_dev-2.svg" download><img src="azure_dev-2.svg" class="bg0"/></a><div class="label">azure_dev-2.svg</div></div>
<div id="azure_dev-3.svg" class="imgbox"><a href="azure_dev-3.svg" download><img src="azure_dev-3.svg" class="bg0"/></a><div class="label">azure_dev-3.svg</div></div>
<div id="azure_dev-4.svg" class="imgbox"><a href="azure_dev-4.svg" download><img src="azure_dev-4.svg" class="bg0"/></a><div class="label">azure_dev-4.svg</div></div>
<div id="azure_dev-6.svg" class="imgbox"><a href="azure_dev-6.svg" download><img src="azure_dev-6.svg" class="bg0"/></a><div class="label">azure_dev-6.svg</div></div>
<div id="azure_dev-7.svg" class="imgbox"><a href="azure_dev-7.svg" download><img src="azure_dev-7.svg" class="bg0"/></a><div class="label">azure_dev-7.svg</div></div>
<div id="azure_dev-8.svg" class="imgbox"><a href="azure_dev-8.svg" download><img src="azure_dev-8.svg" class="bg0"/></a><div class="label">azure_dev-8.svg</div></div>
<div id="azure_event_grid.svg" class="imgbox"><a href="azure_event_grid.svg" download><img src="azure_event_grid.svg" class="bg0"/></a><div class="label">azure_event_grid.svg</div></div>
<div id="azure_firewall.svg" class="imgbox"><a href="azure_firewall.svg" download><img src="azure_firewall.svg" class="bg0"/></a><div class="label">azure_firewall.svg</div></div>
<div id="azure_fundamentals.svg" class="imgbox"><a href="azure_fundamentals.svg" download><img src="azure_fundamentals.svg" class="bg0"/></a><div class="label">azure_fundamentals.svg</div></div>
<div id="azure_patterns.svg" class="imgbox"><a href="azure_patterns.svg" download><img src="azure_patterns.svg" class="bg0"/></a><div class="label">azure_patterns.svg</div></div>
<div id="azure_reference-archictectures.svg" class="imgbox"><a href="azure_reference-archictectures.svg" download><img src="azure_reference-archictectures.svg" class="bg0"/></a><div class="label">azure_reference-archictectures.svg</div></div>
<div id="azuredevspacecontroller_50x.svg" class="imgbox"><a href="azuredevspacecontroller_50x.svg" download><img src="azuredevspacecontroller_50x.svg" class="bg0"/></a><div class="label">azuredevspacecontroller_50x.svg</div></div>
<div id="azurefunctions.svg" class="imgbox"><a href="azurefunctions.svg" download><img src="azurefunctions.svg" class="bg0"/></a><div class="label">azurefunctions.svg</div></div>
<div id="azuremonitoring.svg" class="imgbox"><a href="azuremonitoring.svg" download><img src="azuremonitoring.svg" class="bg0"/></a><div class="label">azuremonitoring.svg</div></div>
<div id="backup.svg" class="imgbox"><a href="backup.svg" download><img src="backup.svg" class="bg0"/></a><div class="label">backup.svg</div></div>
<div id="batch.svg" class="imgbox"><a href="batch.svg" download><img src="batch.svg" class="bg0"/></a><div class="label">batch.svg</div></div>
<div id="billing.svg" class="imgbox"><a href="billing.svg" download><img src="billing.svg" class="bg0"/></a><div class="label">billing.svg</div></div>
<div id="blockchain-workbench.svg" class="imgbox"><a href="blockchain-workbench.svg" download><img src="blockchain-workbench.svg" class="bg0"/></a><div class="label">blockchain-workbench.svg</div></div>
<div id="blueprints.svg" class="imgbox"><a href="blueprints.svg" download><img src="blueprints.svg" class="bg0"/></a><div class="label">blueprints.svg</div></div>
<div id="bot-service.svg" class="imgbox"><a href="bot-service.svg" download><img src="bot-service.svg" class="bg0"/></a><div class="label">bot-service.svg</div></div>
<div id="chef_regular.svg" class="imgbox"><a href="chef_regular.svg" download><img src="chef_regular.svg" class="bg0"/></a><div class="label">chef_regular.svg</div></div>
<div id="cloud-shell.svg" class="imgbox"><a href="cloud-shell.svg" download><img src="cloud-shell.svg" class="bg0"/></a><div class="label">cloud-shell.svg</div></div>
<div id="cloudservice.svg" class="imgbox"><a href="cloudservice.svg" download><img src="cloudservice.svg" class="bg0"/></a><div class="label">cloudservice.svg</div></div>
<div id="container-registry.svg" class="imgbox"><a href="container-registry.svg" download><img src="container-registry.svg" class="bg0"/></a><div class="label">container-registry.svg</div></div>
<div id="containerinstances.svg" class="imgbox"><a href="containerinstances.svg" download><img src="containerinstances.svg" class="bg0"/></a><div class="label">containerinstances.svg</div></div>
<div id="containerservice.svg" class="imgbox"><a href="containerservice.svg" download><img src="containerservice.svg" class="bg0"/></a><div class="label">containerservice.svg</div></div>
<div id="contentdeliverynetwork.svg" class="imgbox"><a href="contentdeliverynetwork.svg" download><img src="contentdeliverynetwork.svg" class="bg0"/></a><div class="label">contentdeliverynetwork.svg</div></div>
<div id="control-azure-services-with-cli.svg" class="imgbox"><a href="control-azure-services-with-cli.svg" download><img src="control-azure-services-with-cli.svg" class="bg0"/></a><div class="label">control-azure-services-with-cli.svg</div></div>
<div id="cosmosdb.svg" class="imgbox"><a href="cosmosdb.svg" download><img src="cosmosdb.svg" class="bg0"/></a><div class="label">cosmosdb.svg</div></div>
<div id="cosmosdb_rgb_ui_lighttheme.svg" class="imgbox"><a href="cosmosdb_rgb_ui_lighttheme.svg" download><img src="cosmosdb_rgb_ui_lighttheme.svg" class="bg0"/></a><div class="label">cosmosdb_rgb_ui_lighttheme.svg</div></div>
<div id="data-catalog.svg" class="imgbox"><a href="data-catalog.svg" download><img src="data-catalog.svg" class="bg0"/></a><div class="label">data-catalog.svg</div></div>
<div id="database-migration.svg" class="imgbox"><a href="database-migration.svg" download><img src="database-migration.svg" class="bg0"/></a><div class="label">database-migration.svg</div></div>
<div id="datafactory.svg" class="imgbox"><a href="datafactory.svg" download><img src="datafactory.svg" class="bg0"/></a><div class="label">datafactory.svg</div></div>
<div id="ddos-protection.svg" class="imgbox"><a href="ddos-protection.svg" download><img src="ddos-protection.svg" class="bg0"/></a><div class="label">ddos-protection.svg</div></div>
<div id="ddos.svg" class="imgbox"><a href="ddos.svg" download><img src="ddos.svg" class="bg0"/></a><div class="label">ddos.svg</div></div>
<div id="dedicated-hsm.svg" class="imgbox"><a href="dedicated-hsm.svg" download><img src="dedicated-hsm.svg" class="bg0"/></a><div class="label">dedicated-hsm.svg</div></div>
<div id="devopsiconpipelines96.svg" class="imgbox"><a href="devopsiconpipelines96.svg" download><img src="devopsiconpipelines96.svg" class="bg0"/></a><div class="label">devopsiconpipelines96.svg</div></div>
<div id="devtestlabs.svg" class="imgbox"><a href="devtestlabs.svg" download><img src="devtestlabs.svg" class="bg0"/></a><div class="label">devtestlabs.svg</div></div>
<div id="digital_twin.svg" class="imgbox"><a href="digital_twin.svg" download><img src="digital_twin.svg" class="bg0"/></a><div class="label">digital_twin.svg</div></div>
<div id="disks-color.svg" class="imgbox"><a href="disks-color.svg" download><img src="disks-color.svg" class="bg0"/></a><div class="label">disks-color.svg</div></div>
<div id="dns.svg" class="imgbox"><a href="dns.svg" download><img src="dns.svg" class="bg0"/></a><div class="label">dns.svg</div></div>
<div id="dps.svg" class="imgbox"><a href="dps.svg" download><img src="dps.svg" class="bg0"/></a><div class="label">dps.svg</div></div>
<div id="eventhubs.svg" class="imgbox"><a href="eventhubs.svg" download><img src="eventhubs.svg" class="bg0"/></a><div class="label">eventhubs.svg</div></div>
<div id="expressroute.svg" class="imgbox"><a href="expressroute.svg" download><img src="expressroute.svg" class="bg0"/></a><div class="label">expressroute.svg</div></div>
<div id="fabric.svg" class="imgbox"><a href="fabric.svg" download><img src="fabric.svg" class="bg0"/></a><div class="label">fabric.svg</div></div>
<div id="frontdoor.svg" class="imgbox"><a href="frontdoor.svg" download><img src="frontdoor.svg" class="bg0"/></a><div class="label">frontdoor.svg</div></div>
<div id="genomics.svg" class="imgbox"><a href="genomics.svg" download><img src="genomics.svg" class="bg0"/></a><div class="label">genomics.svg</div></div>
<div id="governance.svg" class="imgbox"><a href="governance.svg" download><img src="governance.svg" class="bg0"/></a><div class="label">governance.svg</div></div>
<div id="hdinsight.svg" class="imgbox"><a href="hdinsight.svg" download><img src="hdinsight.svg" class="bg0"/></a><div class="label">hdinsight.svg</div></div>
<div id="hockeyapp.svg" class="imgbox"><a href="hockeyapp.svg" download><img src="hockeyapp.svg" class="bg0"/></a><div class="label">hockeyapp.svg</div></div>
<div id="i_azure-cognitive-services-color.svg" class="imgbox"><a href="i_azure-cognitive-services-color.svg" download><img src="i_azure-cognitive-services-color.svg" class="bg0"/></a><div class="label">i_azure-cognitive-services-color.svg</div></div>
<div id="i_cligeneric.svg" class="imgbox"><a href="i_cligeneric.svg" download><img src="i_cligeneric.svg" class="bg0"/></a><div class="label">i_cligeneric.svg</div></div>
<div id="i_extensions.svg" class="imgbox"><a href="i_extensions.svg" download><img src="i_extensions.svg" class="bg0"/></a><div class="label">i_extensions.svg</div></div>
<div id="i_information-protection.svg" class="imgbox"><a href="i_information-protection.svg" download><img src="i_information-protection.svg" class="bg0"/></a><div class="label">i_information-protection.svg</div></div>
<div id="i_managed-application.svg" class="imgbox"><a href="i_managed-application.svg" download><img src="i_managed-application.svg" class="bg0"/></a><div class="label">i_managed-application.svg</div></div>
<div id="i_mobile-app-developement.svg" class="imgbox"><a href="i_mobile-app-developement.svg" download><img src="i_mobile-app-developement.svg" class="bg0"/></a><div class="label">i_mobile-app-developement.svg</div></div>
<div id="i_tools.svg" class="imgbox"><a href="i_tools.svg" download><img src="i_tools.svg" class="bg0"/></a><div class="label">i_tools.svg</div></div>
<div id="iot-central.svg" class="imgbox"><a href="iot-central.svg" download><img src="iot-central.svg" class="bg0"/></a><div class="label">iot-central.svg</div></div>
<div id="iot-edge-alt.svg" class="imgbox"><a href="iot-edge-alt.svg" download><img src="iot-edge-alt.svg" class="bg0"/></a><div class="label">iot-edge-alt.svg</div></div>
<div id="iot-solution-accelerators.svg" class="imgbox"><a href="iot-solution-accelerators.svg" download><img src="iot-solution-accelerators.svg" class="bg0"/></a><div class="label">iot-solution-accelerators.svg</div></div>
<div id="iothub.svg" class="imgbox"><a href="iothub.svg" download><img src="iothub.svg" class="bg0"/></a><div class="label">iothub.svg</div></div>
<div id="keyvault.svg" class="imgbox"><a href="keyvault.svg" download><img src="keyvault.svg" class="bg0"/></a><div class="label">keyvault.svg</div></div>
<div id="loadbalancer.svg" class="imgbox"><a href="loadbalancer.svg" download><img src="loadbalancer.svg" class="bg0"/></a><div class="label">loadbalancer.svg</div></div>
<div id="logicapp.svg" class="imgbox"><a href="logicapp.svg" download><img src="logicapp.svg" class="bg0"/></a><div class="label">logicapp.svg</div></div>
<div id="logo_Go-lightblue.svg" class="imgbox"><a href="logo_Go-lightblue.svg" download><img src="logo_Go-lightblue.svg" class="bg0"/></a><div class="label">logo_Go-lightblue.svg</div></div>
<div id="logo_azure-blob-storage.svg" class="imgbox"><a href="logo_azure-blob-storage.svg" download><img src="logo_azure-blob-storage.svg" class="bg0"/></a><div class="label">logo_azure-blob-storage.svg</div></div>
<div id="logo_azure-storage-file.svg" class="imgbox"><a href="logo_azure-storage-file.svg" download><img src="logo_azure-storage-file.svg" class="bg0"/></a><div class="label">logo_azure-storage-file.svg</div></div>
<div id="logo_azure-storage-q.svg" class="imgbox"><a href="logo_azure-storage-q.svg" download><img src="logo_azure-storage-q.svg" class="bg0"/></a><div class="label">logo_azure-storage-q.svg</div></div>
<div id="logo_azure.svg" class="imgbox"><a href="logo_azure.svg" download><img src="logo_azure.svg" class="bg0"/></a><div class="label">logo_azure.svg</div></div>
<div id="logo_cyclecloud.svg" class="imgbox"><a href="logo_cyclecloud.svg" download><img src="logo_cyclecloud.svg" class="bg0"/></a><div class="label">logo_cyclecloud.svg</div></div>
<div id="logo_databricks.svg" class="imgbox"><a href="logo_databricks.svg" download><img src="logo_databricks.svg" class="bg0"/></a><div class="label">logo_databricks.svg</div></div>
<div id="logo_java.svg" class="imgbox"><a href="logo_java.svg" download><img src="logo_java.svg" class="bg0"/></a><div class="label">logo_java.svg</div></div>
<div id="logo_jenkins.svg" class="imgbox"><a href="logo_jenkins.svg" download><img src="logo_jenkins.svg" class="bg0"/></a><div class="label">logo_jenkins.svg</div></div>
<div id="logo_net.svg" class="imgbox"><a href="logo_net.svg" download><img src="logo_net.svg" class="bg0"/></a><div class="label">logo_net.svg</div></div>
<div id="logo_nodejs.svg" class="imgbox"><a href="logo_nodejs.svg" download><img src="logo_nodejs.svg" class="bg0"/></a><div class="label">logo_nodejs.svg</div></div>
<div id="logo_php.svg" class="imgbox"><a href="logo_php.svg" download><img src="logo_php.svg" class="bg0"/></a><div class="label">logo_php.svg</div></div>
<div id="logo_python.svg" class="imgbox"><a href="logo_python.svg" download><img src="logo_python.svg" class="bg0"/></a><div class="label">logo_python.svg</div></div>
<div id="logo_terraform.svg" class="imgbox"><a href="logo_terraform.svg" download><img src="logo_terraform.svg" class="bg0"/></a><div class="label">logo_terraform.svg</div></div>
<div id="logo_visual-studio.svg" class="imgbox"><a href="logo_visual-studio.svg" download><img src="logo_visual-studio.svg" class="bg0"/></a><div class="label">logo_visual-studio.svg</div></div>
<div id="logo_vs-code.svg" class="imgbox"><a href="logo_vs-code.svg" download><img src="logo_vs-code.svg" class="bg0"/></a><div class="label">logo_vs-code.svg</div></div>
<div id="logo_vs-mobile-center.svg" class="imgbox"><a href="logo_vs-mobile-center.svg" download><img src="logo_vs-mobile-center.svg" class="bg0"/></a><div class="label">logo_vs-mobile-center.svg</div></div>
<div id="logo_vs-team-services.svg" class="imgbox"><a href="logo_vs-team-services.svg" download><img src="logo_vs-team-services.svg" class="bg0"/></a><div class="label">logo_vs-team-services.svg</div></div>
<div id="logo_xamarin.svg" class="imgbox"><a href="logo_xamarin.svg" download><img src="logo_xamarin.svg" class="bg0"/></a><div class="label">logo_xamarin.svg</div></div>
<div id="machinelearning.svg" class="imgbox"><a href="machinelearning.svg" download><img src="machinelearning.svg" class="bg0"/></a><div class="label">machinelearning.svg</div></div>
<div id="managed-disks.svg" class="imgbox"><a href="managed-disks.svg" download><img src="managed-disks.svg" class="bg0"/></a><div class="label">managed-disks.svg</div></div>
<div id="mariadb.svg" class="imgbox"><a href="mariadb.svg" download><img src="mariadb.svg" class="bg0"/></a><div class="label">mariadb.svg</div></div>
<div id="media-encoding.svg" class="imgbox"><a href="media-encoding.svg" download><img src="media-encoding.svg" class="bg0"/></a><div class="label">media-encoding.svg</div></div>
<div id="media-indexer.svg" class="imgbox"><a href="media-indexer.svg" download><img src="media-indexer.svg" class="bg0"/></a><div class="label">media-indexer.svg</div></div>
<div id="media-ondemand.svg" class="imgbox"><a href="media-ondemand.svg" download><img src="media-ondemand.svg" class="bg0"/></a><div class="label">media-ondemand.svg</div></div>
<div id="media-player.svg" class="imgbox"><a href="media-player.svg" download><img src="media-player.svg" class="bg0"/></a><div class="label">media-player.svg</div></div>
<div id="media-protection.svg" class="imgbox"><a href="media-protection.svg" download><img src="media-protection.svg" class="bg0"/></a><div class="label">media-protection.svg</div></div>
<div id="media-services.svg" class="imgbox"><a href="media-services.svg" download><img src="media-services.svg" class="bg0"/></a><div class="label">media-services.svg</div></div>
<div id="mediaservices.svg" class="imgbox"><a href="mediaservices.svg" download><img src="mediaservices.svg" class="bg0"/></a><div class="label">mediaservices.svg</div></div>
<div id="multifactorauthentication.svg" class="imgbox"><a href="multifactorauthentication.svg" download><img src="multifactorauthentication.svg" class="bg0"/></a><div class="label">multifactorauthentication.svg</div></div>
<div id="mysql.svg" class="imgbox"><a href="mysql.svg" download><img src="mysql.svg" class="bg0"/></a><div class="label">mysql.svg</div></div>
<div id="netappstorage.svg" class="imgbox"><a href="netappstorage.svg" download><img src="netappstorage.svg" class="bg0"/></a><div class="label">netappstorage.svg</div></div>
<div id="network-watcher.svg" class="imgbox"><a href="network-watcher.svg" download><img src="network-watcher.svg" class="bg0"/></a><div class="label">network-watcher.svg</div></div>
<div id="networking-overview.svg" class="imgbox"><a href="networking-overview.svg" download><img src="networking-overview.svg" class="bg0"/></a><div class="label">networking-overview.svg</div></div>
<div id="notebooks.svg" class="imgbox"><a href="notebooks.svg" download><img src="notebooks.svg" class="bg0"/></a><div class="label">notebooks.svg</div></div>
<div id="notificationhubs.svg" class="imgbox"><a href="notificationhubs.svg" download><img src="notificationhubs.svg" class="bg0"/></a><div class="label">notificationhubs.svg</div></div>
<div id="operationsmanagementsuite.svg" class="imgbox"><a href="operationsmanagementsuite.svg" download><img src="operationsmanagementsuite.svg" class="bg0"/></a><div class="label">operationsmanagementsuite.svg</div></div>
<div id="personwithfriend.svg" class="imgbox"><a href="personwithfriend.svg" download><img src="personwithfriend.svg" class="bg0"/></a><div class="label">personwithfriend.svg</div></div>
<div id="postgresql.svg" class="imgbox"><a href="postgresql.svg" download><img src="postgresql.svg" class="bg0"/></a><div class="label">postgresql.svg</div></div>
<div id="powerbiembedded.svg" class="imgbox"><a href="powerbiembedded.svg" download><img src="powerbiembedded.svg" class="bg0"/></a><div class="label">powerbiembedded.svg</div></div>
<div id="principles-cloud-computing.svg" class="imgbox"><a href="principles-cloud-computing.svg" download><img src="principles-cloud-computing.svg" class="bg0"/></a><div class="label">principles-cloud-computing.svg</div></div>
<div id="rediscache.svg" class="imgbox"><a href="rediscache.svg" download><img src="rediscache.svg" class="bg0"/></a><div class="label">rediscache.svg</div></div>
<div id="resource-graph.svg" class="imgbox"><a href="resource-graph.svg" download><img src="resource-graph.svg" class="bg0"/></a><div class="label">resource-graph.svg</div></div>
<div id="resource-health.svg" class="imgbox"><a href="resource-health.svg" download><img src="resource-health.svg" class="bg0"/></a><div class="label">resource-health.svg</div></div>
<div id="scheduler.svg" class="imgbox"><a href="scheduler.svg" download><img src="scheduler.svg" class="bg0"/></a><div class="label">scheduler.svg</div></div>
<div id="search.svg" class="imgbox"><a href="search.svg" download><img src="search.svg" class="bg0"/></a><div class="label">search.svg</div></div>
<div id="securitycenter.svg" class="imgbox"><a href="securitycenter.svg" download><img src="securitycenter.svg" class="bg0"/></a><div class="label">securitycenter.svg</div></div>
<div id="servicebus.svg" class="imgbox"><a href="servicebus.svg" download><img src="servicebus.svg" class="bg0"/></a><div class="label">servicebus.svg</div></div>
<div id="siterecovery.svg" class="imgbox"><a href="siterecovery.svg" download><img src="siterecovery.svg" class="bg0"/></a><div class="label">siterecovery.svg</div></div>
<div id="sqldatabase.svg" class="imgbox"><a href="sqldatabase.svg" download><img src="sqldatabase.svg" class="bg0"/></a><div class="label">sqldatabase.svg</div></div>
<div id="sqldatawarehouse.svg" class="imgbox"><a href="sqldatawarehouse.svg" download><img src="sqldatawarehouse.svg" class="bg0"/></a><div class="label">sqldatawarehouse.svg</div></div>
<div id="storage.svg" class="imgbox"><a href="storage.svg" download><img src="storage.svg" class="bg0"/></a><div class="label">storage.svg</div></div>
<div id="storsimple.svg" class="imgbox"><a href="storsimple.svg" download><img src="storsimple.svg" class="bg0"/></a><div class="label">storsimple.svg</div></div>
<div id="streamanalytics.svg" class="imgbox"><a href="streamanalytics.svg" download><img src="streamanalytics.svg" class="bg0"/></a><div class="label">streamanalytics.svg</div></div>
<div id="time-series-insights.svg" class="imgbox"><a href="time-series-insights.svg" download><img src="time-series-insights.svg" class="bg0"/></a><div class="label">time-series-insights.svg</div></div>
<div id="tour-azure-services-and-features.svg" class="imgbox"><a href="tour-azure-services-and-features.svg" download><img src="tour-azure-services-and-features.svg" class="bg0"/></a><div class="label">tour-azure-services-and-features.svg</div></div>
<div id="trafficmanager.svg" class="imgbox"><a href="trafficmanager.svg" download><img src="trafficmanager.svg" class="bg0"/></a><div class="label">trafficmanager.svg</div></div>
<div id="virtualmachine.svg" class="imgbox"><a href="virtualmachine.svg" download><img src="virtualmachine.svg" class="bg0"/></a><div class="label">virtualmachine.svg</div></div>
<div id="virtualnetwork.svg" class="imgbox"><a href="virtualnetwork.svg" download><img src="virtualnetwork.svg" class="bg0"/></a><div class="label">virtualnetwork.svg</div></div>
<div id="vpngateway.svg" class="imgbox"><a href="vpngateway.svg" download><img src="vpngateway.svg" class="bg0"/></a><div class="label">vpngateway.svg</div></div>
<div id="wan.svg" class="imgbox"><a href="wan.svg" download><img src="wan.svg" class="bg0"/></a><div class="label">wan.svg</div></div>
<div id="activedirectory.svg" class="imgbox"><img src="activedirectory.svg" class="bg0" onclick="download('activedirectory.svg', this)"/><div class="label">activedirectory.svg</div></div>
<div id="advisor.svg" class="imgbox"><img src="advisor.svg" class="bg0" onclick="download('advisor.svg', this)"/><div class="label">advisor.svg</div></div>
<div id="analysisservices.svg" class="imgbox"><img src="analysisservices.svg" class="bg0" onclick="download('analysisservices.svg', this)"/><div class="label">analysisservices.svg</div></div>
<div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg0" onclick="download('ansible.svg', this)"/><div class="label">ansible.svg</div></div>
<div id="api_anomaly_finder.svg" class="imgbox"><img src="api_anomaly_finder.svg" class="bg0" onclick="download('api_anomaly_finder.svg', this)"/><div class="label">api_anomaly_finder.svg</div></div>
<div id="api_answer_search.svg" class="imgbox"><img src="api_answer_search.svg" class="bg0" onclick="download('api_answer_search.svg', this)"/><div class="label">api_answer_search.svg</div></div>
<div id="api_bing_autosuggest.svg" class="imgbox"><img src="api_bing_autosuggest.svg" class="bg0" onclick="download('api_bing_autosuggest.svg', this)"/><div class="label">api_bing_autosuggest.svg</div></div>
<div id="api_bing_custom_search.svg" class="imgbox"><img src="api_bing_custom_search.svg" class="bg0" onclick="download('api_bing_custom_search.svg', this)"/><div class="label">api_bing_custom_search.svg</div></div>
<div id="api_bing_entity_search.svg" class="imgbox"><img src="api_bing_entity_search.svg" class="bg0" onclick="download('api_bing_entity_search.svg', this)"/><div class="label">api_bing_entity_search.svg</div></div>
<div id="api_bing_image_search.svg" class="imgbox"><img src="api_bing_image_search.svg" class="bg0" onclick="download('api_bing_image_search.svg', this)"/><div class="label">api_bing_image_search.svg</div></div>
<div id="api_bing_news_search.svg" class="imgbox"><img src="api_bing_news_search.svg" class="bg0" onclick="download('api_bing_news_search.svg', this)"/><div class="label">api_bing_news_search.svg</div></div>
<div id="api_bing_speech.svg" class="imgbox"><img src="api_bing_speech.svg" class="bg0" onclick="download('api_bing_speech.svg', this)"/><div class="label">api_bing_speech.svg</div></div>
<div id="api_bing_spell_check.svg" class="imgbox"><img src="api_bing_spell_check.svg" class="bg0" onclick="download('api_bing_spell_check.svg', this)"/><div class="label">api_bing_spell_check.svg</div></div>
<div id="api_bing_video_search.svg" class="imgbox"><img src="api_bing_video_search.svg" class="bg0" onclick="download('api_bing_video_search.svg', this)"/><div class="label">api_bing_video_search.svg</div></div>
<div id="api_bing_visual_search.svg" class="imgbox"><img src="api_bing_visual_search.svg" class="bg0" onclick="download('api_bing_visual_search.svg', this)"/><div class="label">api_bing_visual_search.svg</div></div>
<div id="api_bing_web_search.svg" class="imgbox"><img src="api_bing_web_search.svg" class="bg0" onclick="download('api_bing_web_search.svg', this)"/><div class="label">api_bing_web_search.svg</div></div>
<div id="api_computer_vision.svg" class="imgbox"><img src="api_computer_vision.svg" class="bg0" onclick="download('api_computer_vision.svg', this)"/><div class="label">api_computer_vision.svg</div></div>
<div id="api_content_moderator.svg" class="imgbox"><img src="api_content_moderator.svg" class="bg0" onclick="download('api_content_moderator.svg', this)"/><div class="label">api_content_moderator.svg</div></div>
<div id="api_conversation_learner.svg" class="imgbox"><img src="api_conversation_learner.svg" class="bg0" onclick="download('api_conversation_learner.svg', this)"/><div class="label">api_conversation_learner.svg</div></div>
<div id="api_custom_decision_service.svg" class="imgbox"><img src="api_custom_decision_service.svg" class="bg0" onclick="download('api_custom_decision_service.svg', this)"/><div class="label">api_custom_decision_service.svg</div></div>
<div id="api_custom_speech.svg" class="imgbox"><img src="api_custom_speech.svg" class="bg0" onclick="download('api_custom_speech.svg', this)"/><div class="label">api_custom_speech.svg</div></div>
<div id="api_custom_vision.svg" class="imgbox"><img src="api_custom_vision.svg" class="bg0" onclick="download('api_custom_vision.svg', this)"/><div class="label">api_custom_vision.svg</div></div>
<div id="api_emotion.svg" class="imgbox"><img src="api_emotion.svg" class="bg0" onclick="download('api_emotion.svg', this)"/><div class="label">api_emotion.svg</div></div>
<div id="api_entity_linkingintelligence.svg" class="imgbox"><img src="api_entity_linkingintelligence.svg" class="bg0" onclick="download('api_entity_linkingintelligence.svg', this)"/><div class="label">api_entity_linkingintelligence.svg</div></div>
<div id="api_face.svg" class="imgbox"><img src="api_face.svg" class="bg0" onclick="download('api_face.svg', this)"/><div class="label">api_face.svg</div></div>
<div id="api_know_academic.svg" class="imgbox"><img src="api_know_academic.svg" class="bg0" onclick="download('api_know_academic.svg', this)"/><div class="label">api_know_academic.svg</div></div>
<div id="api_knowledgeexploration.svg" class="imgbox"><img src="api_knowledgeexploration.svg" class="bg0" onclick="download('api_knowledgeexploration.svg', this)"/><div class="label">api_knowledgeexploration.svg</div></div>
<div id="api_linguisticanalysis.svg" class="imgbox"><img src="api_linguisticanalysis.svg" class="bg0" onclick="download('api_linguisticanalysis.svg', this)"/><div class="label">api_linguisticanalysis.svg</div></div>
<div id="api_luis.svg" class="imgbox"><img src="api_luis.svg" class="bg0" onclick="download('api_luis.svg', this)"/><div class="label">api_luis.svg</div></div>
<div id="api_qnamaker.svg" class="imgbox"><img src="api_qnamaker.svg" class="bg0" onclick="download('api_qnamaker.svg', this)"/><div class="label">api_qnamaker.svg</div></div>
<div id="api_recommendations.svg" class="imgbox"><img src="api_recommendations.svg" class="bg0" onclick="download('api_recommendations.svg', this)"/><div class="label">api_recommendations.svg</div></div>
<div id="api_speaker_recognition.svg" class="imgbox"><img src="api_speaker_recognition.svg" class="bg0" onclick="download('api_speaker_recognition.svg', this)"/><div class="label">api_speaker_recognition.svg</div></div>
<div id="api_speech_service.svg" class="imgbox"><img src="api_speech_service.svg" class="bg0" onclick="download('api_speech_service.svg', this)"/><div class="label">api_speech_service.svg</div></div>
<div id="api_textanalytics.svg" class="imgbox"><img src="api_textanalytics.svg" class="bg0" onclick="download('api_textanalytics.svg', this)"/><div class="label">api_textanalytics.svg</div></div>
<div id="api_translatorspeech.svg" class="imgbox"><img src="api_translatorspeech.svg" class="bg0" onclick="download('api_translatorspeech.svg', this)"/><div class="label">api_translatorspeech.svg</div></div>
<div id="api_translatortext.svg" class="imgbox"><img src="api_translatortext.svg" class="bg0" onclick="download('api_translatortext.svg', this)"/><div class="label">api_translatortext.svg</div></div>
<div id="api_url_preview.svg" class="imgbox"><img src="api_url_preview.svg" class="bg0" onclick="download('api_url_preview.svg', this)"/><div class="label">api_url_preview.svg</div></div>
<div id="api_videoindexer.svg" class="imgbox"><img src="api_videoindexer.svg" class="bg0" onclick="download('api_videoindexer.svg', this)"/><div class="label">api_videoindexer.svg</div></div>
<div id="api_weblanguagemodel.svg" class="imgbox"><img src="api_weblanguagemodel.svg" class="bg0" onclick="download('api_weblanguagemodel.svg', this)"/><div class="label">api_weblanguagemodel.svg</div></div>
<div id="apimanagement.svg" class="imgbox"><img src="apimanagement.svg" class="bg0" onclick="download('apimanagement.svg', this)"/><div class="label">apimanagement.svg</div></div>
<div id="app-service-api.svg" class="imgbox"><img src="app-service-api.svg" class="bg0" onclick="download('app-service-api.svg', this)"/><div class="label">app-service-api.svg</div></div>
<div id="app-service-mobile.svg" class="imgbox"><img src="app-service-mobile.svg" class="bg0" onclick="download('app-service-mobile.svg', this)"/><div class="label">app-service-mobile.svg</div></div>
<div id="app-service-web.svg" class="imgbox"><img src="app-service-web.svg" class="bg0" onclick="download('app-service-web.svg', this)"/><div class="label">app-service-web.svg</div></div>
<div id="applicationgateway.svg" class="imgbox"><img src="applicationgateway.svg" class="bg0" onclick="download('applicationgateway.svg', this)"/><div class="label">applicationgateway.svg</div></div>
<div id="applicationinsights.svg" class="imgbox"><img src="applicationinsights.svg" class="bg0" onclick="download('applicationinsights.svg', this)"/><div class="label">applicationinsights.svg</div></div>
<div id="appservice.svg" class="imgbox"><img src="appservice.svg" class="bg0" onclick="download('appservice.svg', this)"/><div class="label">appservice.svg</div></div>
<div id="automate-azure-tasks-with-powershell.svg" class="imgbox"><img src="automate-azure-tasks-with-powershell.svg" class="bg0" onclick="download('automate-azure-tasks-with-powershell.svg', this)"/><div class="label">automate-azure-tasks-with-powershell.svg</div></div>
<div id="automation.svg" class="imgbox"><img src="automation.svg" class="bg0" onclick="download('automation.svg', this)"/><div class="label">automation.svg</div></div>
<div id="availabilitysetold.svg" class="imgbox"><img src="availabilitysetold.svg" class="bg0" onclick="download('availabilitysetold.svg', this)"/><div class="label">availabilitysetold.svg</div></div>
<div id="avere.svg" class="imgbox"><img src="avere.svg" class="bg0" onclick="download('avere.svg', this)"/><div class="label">avere.svg</div></div>
<div id="azure-data-lake-analytics-color.svg" class="imgbox"><img src="azure-data-lake-analytics-color.svg" class="bg0" onclick="download('azure-data-lake-analytics-color.svg', this)"/><div class="label">azure-data-lake-analytics-color.svg</div></div>
<div id="azure-data-lake-store-color.svg" class="imgbox"><img src="azure-data-lake-store-color.svg" class="bg0" onclick="download('azure-data-lake-store-color.svg', this)"/><div class="label">azure-data-lake-store-color.svg</div></div>
<div id="azure-germany.svg" class="imgbox"><img src="azure-germany.svg" class="bg0" onclick="download('azure-germany.svg', this)"/><div class="label">azure-germany.svg</div></div>
<div id="azure-government.svg" class="imgbox"><img src="azure-government.svg" class="bg0" onclick="download('azure-government.svg', this)"/><div class="label">azure-government.svg</div></div>
<div id="azure-maps-icon-portal.svg" class="imgbox"><img src="azure-maps-icon-portal.svg" class="bg0" onclick="download('azure-maps-icon-portal.svg', this)"/><div class="label">azure-maps-icon-portal.svg</div></div>
<div id="azure-migrate.svg" class="imgbox"><img src="azure-migrate.svg" class="bg0" onclick="download('azure-migrate.svg', this)"/><div class="label">azure-migrate.svg</div></div>
<div id="azure-resource-manager.svg" class="imgbox"><img src="azure-resource-manager.svg" class="bg0" onclick="download('azure-resource-manager.svg', this)"/><div class="label">azure-resource-manager.svg</div></div>
<div id="azure-signalr.svg" class="imgbox"><img src="azure-signalr.svg" class="bg0" onclick="download('azure-signalr.svg', this)"/><div class="label">azure-signalr.svg</div></div>
<div id="azure-stack.svg" class="imgbox"><img src="azure-stack.svg" class="bg0" onclick="download('azure-stack.svg', this)"/><div class="label">azure-stack.svg</div></div>
<div id="azure_best-practices.svg" class="imgbox"><img src="azure_best-practices.svg" class="bg0" onclick="download('azure_best-practices.svg', this)"/><div class="label">azure_best-practices.svg</div></div>
<div id="azure_dev-1.svg" class="imgbox"><img src="azure_dev-1.svg" class="bg0" onclick="download('azure_dev-1.svg', this)"/><div class="label">azure_dev-1.svg</div></div>
<div id="azure_dev-10.svg" class="imgbox"><img src="azure_dev-10.svg" class="bg0" onclick="download('azure_dev-10.svg', this)"/><div class="label">azure_dev-10.svg</div></div>
<div id="azure_dev-11.svg" class="imgbox"><img src="azure_dev-11.svg" class="bg0" onclick="download('azure_dev-11.svg', this)"/><div class="label">azure_dev-11.svg</div></div>
<div id="azure_dev-2.svg" class="imgbox"><img src="azure_dev-2.svg" class="bg0" onclick="download('azure_dev-2.svg', this)"/><div class="label">azure_dev-2.svg</div></div>
<div id="azure_dev-3.svg" class="imgbox"><img src="azure_dev-3.svg" class="bg0" onclick="download('azure_dev-3.svg', this)"/><div class="label">azure_dev-3.svg</div></div>
<div id="azure_dev-4.svg" class="imgbox"><img src="azure_dev-4.svg" class="bg0" onclick="download('azure_dev-4.svg', this)"/><div class="label">azure_dev-4.svg</div></div>
<div id="azure_dev-6.svg" class="imgbox"><img src="azure_dev-6.svg" class="bg0" onclick="download('azure_dev-6.svg', this)"/><div class="label">azure_dev-6.svg</div></div>
<div id="azure_dev-7.svg" class="imgbox"><img src="azure_dev-7.svg" class="bg0" onclick="download('azure_dev-7.svg', this)"/><div class="label">azure_dev-7.svg</div></div>
<div id="azure_dev-8.svg" class="imgbox"><img src="azure_dev-8.svg" class="bg0" onclick="download('azure_dev-8.svg', this)"/><div class="label">azure_dev-8.svg</div></div>
<div id="azure_event_grid.svg" class="imgbox"><img src="azure_event_grid.svg" class="bg0" onclick="download('azure_event_grid.svg', this)"/><div class="label">azure_event_grid.svg</div></div>
<div id="azure_firewall.svg" class="imgbox"><img src="azure_firewall.svg" class="bg0" onclick="download('azure_firewall.svg', this)"/><div class="label">azure_firewall.svg</div></div>
<div id="azure_fundamentals.svg" class="imgbox"><img src="azure_fundamentals.svg" class="bg0" onclick="download('azure_fundamentals.svg', this)"/><div class="label">azure_fundamentals.svg</div></div>
<div id="azure_patterns.svg" class="imgbox"><img src="azure_patterns.svg" class="bg0" onclick="download('azure_patterns.svg', this)"/><div class="label">azure_patterns.svg</div></div>
<div id="azure_reference-archictectures.svg" class="imgbox"><img src="azure_reference-archictectures.svg" class="bg0" onclick="download('azure_reference-archictectures.svg', this)"/><div class="label">azure_reference-archictectures.svg</div></div>
<div id="azuredevspacecontroller_50x.svg" class="imgbox"><img src="azuredevspacecontroller_50x.svg" class="bg0" onclick="download('azuredevspacecontroller_50x.svg', this)"/><div class="label">azuredevspacecontroller_50x.svg</div></div>
<div id="azurefunctions.svg" class="imgbox"><img src="azurefunctions.svg" class="bg0" onclick="download('azurefunctions.svg', this)"/><div class="label">azurefunctions.svg</div></div>
<div id="azuremonitoring.svg" class="imgbox"><img src="azuremonitoring.svg" class="bg0" onclick="download('azuremonitoring.svg', this)"/><div class="label">azuremonitoring.svg</div></div>
<div id="backup.svg" class="imgbox"><img src="backup.svg" class="bg0" onclick="download('backup.svg', this)"/><div class="label">backup.svg</div></div>
<div id="batch.svg" class="imgbox"><img src="batch.svg" class="bg0" onclick="download('batch.svg', this)"/><div class="label">batch.svg</div></div>
<div id="billing.svg" class="imgbox"><img src="billing.svg" class="bg0" onclick="download('billing.svg', this)"/><div class="label">billing.svg</div></div>
<div id="blockchain-workbench.svg" class="imgbox"><img src="blockchain-workbench.svg" class="bg0" onclick="download('blockchain-workbench.svg', this)"/><div class="label">blockchain-workbench.svg</div></div>
<div id="blueprints.svg" class="imgbox"><img src="blueprints.svg" class="bg0" onclick="download('blueprints.svg', this)"/><div class="label">blueprints.svg</div></div>
<div id="bot-service.svg" class="imgbox"><img src="bot-service.svg" class="bg0" onclick="download('bot-service.svg', this)"/><div class="label">bot-service.svg</div></div>
<div id="chef_regular.svg" class="imgbox"><img src="chef_regular.svg" class="bg0" onclick="download('chef_regular.svg', this)"/><div class="label">chef_regular.svg</div></div>
<div id="cloud-shell.svg" class="imgbox"><img src="cloud-shell.svg" class="bg0" onclick="download('cloud-shell.svg', this)"/><div class="label">cloud-shell.svg</div></div>
<div id="cloudservice.svg" class="imgbox"><img src="cloudservice.svg" class="bg0" onclick="download('cloudservice.svg', this)"/><div class="label">cloudservice.svg</div></div>
<div id="container-registry.svg" class="imgbox"><img src="container-registry.svg" class="bg0" onclick="download('container-registry.svg', this)"/><div class="label">container-registry.svg</div></div>
<div id="containerinstances.svg" class="imgbox"><img src="containerinstances.svg" class="bg0" onclick="download('containerinstances.svg', this)"/><div class="label">containerinstances.svg</div></div>
<div id="containerservice.svg" class="imgbox"><img src="containerservice.svg" class="bg0" onclick="download('containerservice.svg', this)"/><div class="label">containerservice.svg</div></div>
<div id="contentdeliverynetwork.svg" class="imgbox"><img src="contentdeliverynetwork.svg" class="bg0" onclick="download('contentdeliverynetwork.svg', this)"/><div class="label">contentdeliverynetwork.svg</div></div>
<div id="control-azure-services-with-cli.svg" class="imgbox"><img src="control-azure-services-with-cli.svg" class="bg0" onclick="download('control-azure-services-with-cli.svg', this)"/><div class="label">control-azure-services-with-cli.svg</div></div>
<div id="cosmosdb.svg" class="imgbox"><img src="cosmosdb.svg" class="bg0" onclick="download('cosmosdb.svg', this)"/><div class="label">cosmosdb.svg</div></div>
<div id="cosmosdb_rgb_ui_lighttheme.svg" class="imgbox"><img src="cosmosdb_rgb_ui_lighttheme.svg" class="bg0" onclick="download('cosmosdb_rgb_ui_lighttheme.svg', this)"/><div class="label">cosmosdb_rgb_ui_lighttheme.svg</div></div>
<div id="data-catalog.svg" class="imgbox"><img src="data-catalog.svg" class="bg0" onclick="download('data-catalog.svg', this)"/><div class="label">data-catalog.svg</div></div>
<div id="database-migration.svg" class="imgbox"><img src="database-migration.svg" class="bg0" onclick="download('database-migration.svg', this)"/><div class="label">database-migration.svg</div></div>
<div id="datafactory.svg" class="imgbox"><img src="datafactory.svg" class="bg0" onclick="download('datafactory.svg', this)"/><div class="label">datafactory.svg</div></div>
<div id="ddos-protection.svg" class="imgbox"><img src="ddos-protection.svg" class="bg0" onclick="download('ddos-protection.svg', this)"/><div class="label">ddos-protection.svg</div></div>
<div id="ddos.svg" class="imgbox"><img src="ddos.svg" class="bg0" onclick="download('ddos.svg', this)"/><div class="label">ddos.svg</div></div>
<div id="dedicated-hsm.svg" class="imgbox"><img src="dedicated-hsm.svg" class="bg0" onclick="download('dedicated-hsm.svg', this)"/><div class="label">dedicated-hsm.svg</div></div>
<div id="devopsiconpipelines96.svg" class="imgbox"><img src="devopsiconpipelines96.svg" class="bg0" onclick="download('devopsiconpipelines96.svg', this)"/><div class="label">devopsiconpipelines96.svg</div></div>
<div id="devtestlabs.svg" class="imgbox"><img src="devtestlabs.svg" class="bg0" onclick="download('devtestlabs.svg', this)"/><div class="label">devtestlabs.svg</div></div>
<div id="digital_twin.svg" class="imgbox"><img src="digital_twin.svg" class="bg0" onclick="download('digital_twin.svg', this)"/><div class="label">digital_twin.svg</div></div>
<div id="disks-color.svg" class="imgbox"><img src="disks-color.svg" class="bg0" onclick="download('disks-color.svg', this)"/><div class="label">disks-color.svg</div></div>
<div id="dns.svg" class="imgbox"><img src="dns.svg" class="bg0" onclick="download('dns.svg', this)"/><div class="label">dns.svg</div></div>
<div id="dps.svg" class="imgbox"><img src="dps.svg" class="bg0" onclick="download('dps.svg', this)"/><div class="label">dps.svg</div></div>
<div id="eventhubs.svg" class="imgbox"><img src="eventhubs.svg" class="bg0" onclick="download('eventhubs.svg', this)"/><div class="label">eventhubs.svg</div></div>
<div id="expressroute.svg" class="imgbox"><img src="expressroute.svg" class="bg0" onclick="download('expressroute.svg', this)"/><div class="label">expressroute.svg</div></div>
<div id="fabric.svg" class="imgbox"><img src="fabric.svg" class="bg0" onclick="download('fabric.svg', this)"/><div class="label">fabric.svg</div></div>
<div id="frontdoor.svg" class="imgbox"><img src="frontdoor.svg" class="bg0" onclick="download('frontdoor.svg', this)"/><div class="label">frontdoor.svg</div></div>
<div id="genomics.svg" class="imgbox"><img src="genomics.svg" class="bg0" onclick="download('genomics.svg', this)"/><div class="label">genomics.svg</div></div>
<div id="governance.svg" class="imgbox"><img src="governance.svg" class="bg0" onclick="download('governance.svg', this)"/><div class="label">governance.svg</div></div>
<div id="hdinsight.svg" class="imgbox"><img src="hdinsight.svg" class="bg0" onclick="download('hdinsight.svg', this)"/><div class="label">hdinsight.svg</div></div>
<div id="hockeyapp.svg" class="imgbox"><img src="hockeyapp.svg" class="bg0" onclick="download('hockeyapp.svg', this)"/><div class="label">hockeyapp.svg</div></div>
<div id="i_azure-cognitive-services-color.svg" class="imgbox"><img src="i_azure-cognitive-services-color.svg" class="bg0" onclick="download('i_azure-cognitive-services-color.svg', this)"/><div class="label">i_azure-cognitive-services-color.svg</div></div>
<div id="i_cligeneric.svg" class="imgbox"><img src="i_cligeneric.svg" class="bg0" onclick="download('i_cligeneric.svg', this)"/><div class="label">i_cligeneric.svg</div></div>
<div id="i_extensions.svg" class="imgbox"><img src="i_extensions.svg" class="bg0" onclick="download('i_extensions.svg', this)"/><div class="label">i_extensions.svg</div></div>
<div id="i_information-protection.svg" class="imgbox"><img src="i_information-protection.svg" class="bg0" onclick="download('i_information-protection.svg', this)"/><div class="label">i_information-protection.svg</div></div>
<div id="i_managed-application.svg" class="imgbox"><img src="i_managed-application.svg" class="bg0" onclick="download('i_managed-application.svg', this)"/><div class="label">i_managed-application.svg</div></div>
<div id="i_mobile-app-developement.svg" class="imgbox"><img src="i_mobile-app-developement.svg" class="bg0" onclick="download('i_mobile-app-developement.svg', this)"/><div class="label">i_mobile-app-developement.svg</div></div>
<div id="i_tools.svg" class="imgbox"><img src="i_tools.svg" class="bg0" onclick="download('i_tools.svg', this)"/><div class="label">i_tools.svg</div></div>
<div id="iot-central.svg" class="imgbox"><img src="iot-central.svg" class="bg0" onclick="download('iot-central.svg', this)"/><div class="label">iot-central.svg</div></div>
<div id="iot-edge-alt.svg" class="imgbox"><img src="iot-edge-alt.svg" class="bg0" onclick="download('iot-edge-alt.svg', this)"/><div class="label">iot-edge-alt.svg</div></div>
<div id="iot-solution-accelerators.svg" class="imgbox"><img src="iot-solution-accelerators.svg" class="bg0" onclick="download('iot-solution-accelerators.svg', this)"/><div class="label">iot-solution-accelerators.svg</div></div>
<div id="iothub.svg" class="imgbox"><img src="iothub.svg" class="bg0" onclick="download('iothub.svg', this)"/><div class="label">iothub.svg</div></div>
<div id="keyvault.svg" class="imgbox"><img src="keyvault.svg" class="bg0" onclick="download('keyvault.svg', this)"/><div class="label">keyvault.svg</div></div>
<div id="loadbalancer.svg" class="imgbox"><img src="loadbalancer.svg" class="bg0" onclick="download('loadbalancer.svg', this)"/><div class="label">loadbalancer.svg</div></div>
<div id="logicapp.svg" class="imgbox"><img src="logicapp.svg" class="bg0" onclick="download('logicapp.svg', this)"/><div class="label">logicapp.svg</div></div>
<div id="logo_Go-lightblue.svg" class="imgbox"><img src="logo_Go-lightblue.svg" class="bg0" onclick="download('logo_Go-lightblue.svg', this)"/><div class="label">logo_Go-lightblue.svg</div></div>
<div id="logo_azure-blob-storage.svg" class="imgbox"><img src="logo_azure-blob-storage.svg" class="bg0" onclick="download('logo_azure-blob-storage.svg', this)"/><div class="label">logo_azure-blob-storage.svg</div></div>
<div id="logo_azure-storage-file.svg" class="imgbox"><img src="logo_azure-storage-file.svg" class="bg0" onclick="download('logo_azure-storage-file.svg', this)"/><div class="label">logo_azure-storage-file.svg</div></div>
<div id="logo_azure-storage-q.svg" class="imgbox"><img src="logo_azure-storage-q.svg" class="bg0" onclick="download('logo_azure-storage-q.svg', this)"/><div class="label">logo_azure-storage-q.svg</div></div>
<div id="logo_azure.svg" class="imgbox"><img src="logo_azure.svg" class="bg0" onclick="download('logo_azure.svg', this)"/><div class="label">logo_azure.svg</div></div>
<div id="logo_cyclecloud.svg" class="imgbox"><img src="logo_cyclecloud.svg" class="bg0" onclick="download('logo_cyclecloud.svg', this)"/><div class="label">logo_cyclecloud.svg</div></div>
<div id="logo_databricks.svg" class="imgbox"><img src="logo_databricks.svg" class="bg0" onclick="download('logo_databricks.svg', this)"/><div class="label">logo_databricks.svg</div></div>
<div id="logo_java.svg" class="imgbox"><img src="logo_java.svg" class="bg0" onclick="download('logo_java.svg', this)"/><div class="label">logo_java.svg</div></div>
<div id="logo_jenkins.svg" class="imgbox"><img src="logo_jenkins.svg" class="bg0" onclick="download('logo_jenkins.svg', this)"/><div class="label">logo_jenkins.svg</div></div>
<div id="logo_net.svg" class="imgbox"><img src="logo_net.svg" class="bg0" onclick="download('logo_net.svg', this)"/><div class="label">logo_net.svg</div></div>
<div id="logo_nodejs.svg" class="imgbox"><img src="logo_nodejs.svg" class="bg0" onclick="download('logo_nodejs.svg', this)"/><div class="label">logo_nodejs.svg</div></div>
<div id="logo_php.svg" class="imgbox"><img src="logo_php.svg" class="bg0" onclick="download('logo_php.svg', this)"/><div class="label">logo_php.svg</div></div>
<div id="logo_python.svg" class="imgbox"><img src="logo_python.svg" class="bg0" onclick="download('logo_python.svg', this)"/><div class="label">logo_python.svg</div></div>
<div id="logo_terraform.svg" class="imgbox"><img src="logo_terraform.svg" class="bg0" onclick="download('logo_terraform.svg', this)"/><div class="label">logo_terraform.svg</div></div>
<div id="logo_visual-studio.svg" class="imgbox"><img src="logo_visual-studio.svg" class="bg0" onclick="download('logo_visual-studio.svg', this)"/><div class="label">logo_visual-studio.svg</div></div>
<div id="logo_vs-code.svg" class="imgbox"><img src="logo_vs-code.svg" class="bg0" onclick="download('logo_vs-code.svg', this)"/><div class="label">logo_vs-code.svg</div></div>
<div id="logo_vs-mobile-center.svg" class="imgbox"><img src="logo_vs-mobile-center.svg" class="bg0" onclick="download('logo_vs-mobile-center.svg', this)"/><div class="label">logo_vs-mobile-center.svg</div></div>
<div id="logo_vs-team-services.svg" class="imgbox"><img src="logo_vs-team-services.svg" class="bg0" onclick="download('logo_vs-team-services.svg', this)"/><div class="label">logo_vs-team-services.svg</div></div>
<div id="logo_xamarin.svg" class="imgbox"><img src="logo_xamarin.svg" class="bg0" onclick="download('logo_xamarin.svg', this)"/><div class="label">logo_xamarin.svg</div></div>
<div id="machinelearning.svg" class="imgbox"><img src="machinelearning.svg" class="bg0" onclick="download('machinelearning.svg', this)"/><div class="label">machinelearning.svg</div></div>
<div id="managed-disks.svg" class="imgbox"><img src="managed-disks.svg" class="bg0" onclick="download('managed-disks.svg', this)"/><div class="label">managed-disks.svg</div></div>
<div id="mariadb.svg" class="imgbox"><img src="mariadb.svg" class="bg0" onclick="download('mariadb.svg', this)"/><div class="label">mariadb.svg</div></div>
<div id="media-encoding.svg" class="imgbox"><img src="media-encoding.svg" class="bg0" onclick="download('media-encoding.svg', this)"/><div class="label">media-encoding.svg</div></div>
<div id="media-indexer.svg" class="imgbox"><img src="media-indexer.svg" class="bg0" onclick="download('media-indexer.svg', this)"/><div class="label">media-indexer.svg</div></div>
<div id="media-ondemand.svg" class="imgbox"><img src="media-ondemand.svg" class="bg0" onclick="download('media-ondemand.svg', this)"/><div class="label">media-ondemand.svg</div></div>
<div id="media-player.svg" class="imgbox"><img src="media-player.svg" class="bg0" onclick="download('media-player.svg', this)"/><div class="label">media-player.svg</div></div>
<div id="media-protection.svg" class="imgbox"><img src="media-protection.svg" class="bg0" onclick="download('media-protection.svg', this)"/><div class="label">media-protection.svg</div></div>
<div id="media-services.svg" class="imgbox"><img src="media-services.svg" class="bg0" onclick="download('media-services.svg', this)"/><div class="label">media-services.svg</div></div>
<div id="mediaservices.svg" class="imgbox"><img src="mediaservices.svg" class="bg0" onclick="download('mediaservices.svg', this)"/><div class="label">mediaservices.svg</div></div>
<div id="multifactorauthentication.svg" class="imgbox"><img src="multifactorauthentication.svg" class="bg0" onclick="download('multifactorauthentication.svg', this)"/><div class="label">multifactorauthentication.svg</div></div>
<div id="mysql.svg" class="imgbox"><img src="mysql.svg" class="bg0" onclick="download('mysql.svg', this)"/><div class="label">mysql.svg</div></div>
<div id="netappstorage.svg" class="imgbox"><img src="netappstorage.svg" class="bg0" onclick="download('netappstorage.svg', this)"/><div class="label">netappstorage.svg</div></div>
<div id="network-watcher.svg" class="imgbox"><img src="network-watcher.svg" class="bg0" onclick="download('network-watcher.svg', this)"/><div class="label">network-watcher.svg</div></div>
<div id="networking-overview.svg" class="imgbox"><img src="networking-overview.svg" class="bg0" onclick="download('networking-overview.svg', this)"/><div class="label">networking-overview.svg</div></div>
<div id="notebooks.svg" class="imgbox"><img src="notebooks.svg" class="bg0" onclick="download('notebooks.svg', this)"/><div class="label">notebooks.svg</div></div>
<div id="notificationhubs.svg" class="imgbox"><img src="notificationhubs.svg" class="bg0" onclick="download('notificationhubs.svg', this)"/><div class="label">notificationhubs.svg</div></div>
<div id="operationsmanagementsuite.svg" class="imgbox"><img src="operationsmanagementsuite.svg" class="bg0" onclick="download('operationsmanagementsuite.svg', this)"/><div class="label">operationsmanagementsuite.svg</div></div>
<div id="personwithfriend.svg" class="imgbox"><img src="personwithfriend.svg" class="bg0" onclick="download('personwithfriend.svg', this)"/><div class="label">personwithfriend.svg</div></div>
<div id="postgresql.svg" class="imgbox"><img src="postgresql.svg" class="bg0" onclick="download('postgresql.svg', this)"/><div class="label">postgresql.svg</div></div>
<div id="powerbiembedded.svg" class="imgbox"><img src="powerbiembedded.svg" class="bg0" onclick="download('powerbiembedded.svg', this)"/><div class="label">powerbiembedded.svg</div></div>
<div id="principles-cloud-computing.svg" class="imgbox"><img src="principles-cloud-computing.svg" class="bg0" onclick="download('principles-cloud-computing.svg', this)"/><div class="label">principles-cloud-computing.svg</div></div>
<div id="rediscache.svg" class="imgbox"><img src="rediscache.svg" class="bg0" onclick="download('rediscache.svg', this)"/><div class="label">rediscache.svg</div></div>
<div id="resource-graph.svg" class="imgbox"><img src="resource-graph.svg" class="bg0" onclick="download('resource-graph.svg', this)"/><div class="label">resource-graph.svg</div></div>
<div id="resource-health.svg" class="imgbox"><img src="resource-health.svg" class="bg0" onclick="download('resource-health.svg', this)"/><div class="label">resource-health.svg</div></div>
<div id="scheduler.svg" class="imgbox"><img src="scheduler.svg" class="bg0" onclick="download('scheduler.svg', this)"/><div class="label">scheduler.svg</div></div>
<div id="search.svg" class="imgbox"><img src="search.svg" class="bg0" onclick="download('search.svg', this)"/><div class="label">search.svg</div></div>
<div id="securitycenter.svg" class="imgbox"><img src="securitycenter.svg" class="bg0" onclick="download('securitycenter.svg', this)"/><div class="label">securitycenter.svg</div></div>
<div id="servicebus.svg" class="imgbox"><img src="servicebus.svg" class="bg0" onclick="download('servicebus.svg', this)"/><div class="label">servicebus.svg</div></div>
<div id="siterecovery.svg" class="imgbox"><img src="siterecovery.svg" class="bg0" onclick="download('siterecovery.svg', this)"/><div class="label">siterecovery.svg</div></div>
<div id="sqldatabase.svg" class="imgbox"><img src="sqldatabase.svg" class="bg0" onclick="download('sqldatabase.svg', this)"/><div class="label">sqldatabase.svg</div></div>
<div id="sqldatawarehouse.svg" class="imgbox"><img src="sqldatawarehouse.svg" class="bg0" onclick="download('sqldatawarehouse.svg', this)"/><div class="label">sqldatawarehouse.svg</div></div>
<div id="storage.svg" class="imgbox"><img src="storage.svg" class="bg0" onclick="download('storage.svg', this)"/><div class="label">storage.svg</div></div>
<div id="storsimple.svg" class="imgbox"><img src="storsimple.svg" class="bg0" onclick="download('storsimple.svg', this)"/><div class="label">storsimple.svg</div></div>
<div id="streamanalytics.svg" class="imgbox"><img src="streamanalytics.svg" class="bg0" onclick="download('streamanalytics.svg', this)"/><div class="label">streamanalytics.svg</div></div>
<div id="time-series-insights.svg" class="imgbox"><img src="time-series-insights.svg" class="bg0" onclick="download('time-series-insights.svg', this)"/><div class="label">time-series-insights.svg</div></div>
<div id="tour-azure-services-and-features.svg" class="imgbox"><img src="tour-azure-services-and-features.svg" class="bg0" onclick="download('tour-azure-services-and-features.svg', this)"/><div class="label">tour-azure-services-and-features.svg</div></div>
<div id="trafficmanager.svg" class="imgbox"><img src="trafficmanager.svg" class="bg0" onclick="download('trafficmanager.svg', this)"/><div class="label">trafficmanager.svg</div></div>
<div id="virtualmachine.svg" class="imgbox"><img src="virtualmachine.svg" class="bg0" onclick="download('virtualmachine.svg', this)"/><div class="label">virtualmachine.svg</div></div>
<div id="virtualnetwork.svg" class="imgbox"><img src="virtualnetwork.svg" class="bg0" onclick="download('virtualnetwork.svg', this)"/><div class="label">virtualnetwork.svg</div></div>
<div id="vpngateway.svg" class="imgbox"><img src="vpngateway.svg" class="bg0" onclick="download('vpngateway.svg', this)"/><div class="label">vpngateway.svg</div></div>
<div id="wan.svg" class="imgbox"><img src="wan.svg" class="bg0" onclick="download('wan.svg', this)"/><div class="label">wan.svg</div></div>

</div>
<script>
@@ -285,12 +287,24 @@ function search() {
}
}

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

console.log(getBase64Image(e))

}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
</script>
</body></html>

+ 29
- 15
azure-dotcom/index.html Ver arquivo

@@ -1,5 +1,7 @@

<head><title>Azure.com Various</title></head>
<head><title>Azure.com Various</title>
<script src="http://pablojs.com/downloads/pablo.min.js"></script>
</head>
<style>
body {
font-family: 'Segoe UI', Arial;
@@ -70,17 +72,17 @@ h1 {
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="backup-archive.svg" class="imgbox"><a href="backup-archive.svg" download><img src="backup-archive.svg" class="bg0"/></a><div class="label">backup-archive.svg</div></div>
<div id="blockchain.svg" class="imgbox"><a href="blockchain.svg" download><img src="blockchain.svg" class="bg0"/></a><div class="label">blockchain.svg</div></div>
<div id="digital-marketing.svg" class="imgbox"><a href="digital-marketing.svg" download><img src="digital-marketing.svg" class="bg0"/></a><div class="label">digital-marketing.svg</div></div>
<div id="e-commerce.svg" class="imgbox"><a href="e-commerce.svg" download><img src="e-commerce.svg" class="bg0"/></a><div class="label">e-commerce.svg</div></div>
<div id="high-performance-computing.svg" class="imgbox"><a href="high-performance-computing.svg" download><img src="high-performance-computing.svg" class="bg0"/></a><div class="label">high-performance-computing.svg</div></div>
<div id="hybrid-cloud-app.svg" class="imgbox"><a href="hybrid-cloud-app.svg" download><img src="hybrid-cloud-app.svg" class="bg0"/></a><div class="label">hybrid-cloud-app.svg</div></div>
<div id="internet-of-things.svg" class="imgbox"><a href="internet-of-things.svg" download><img src="internet-of-things.svg" class="bg0"/></a><div class="label">internet-of-things.svg</div></div>
<div id="lob-applications.svg" class="imgbox"><a href="lob-applications.svg" download><img src="lob-applications.svg" class="bg0"/></a><div class="label">lob-applications.svg</div></div>
<div id="saas.svg" class="imgbox"><a href="saas.svg" download><img src="saas.svg" class="bg0"/></a><div class="label">saas.svg</div></div>
<div id="serverless.svg" class="imgbox"><a href="serverless.svg" download><img src="serverless.svg" class="bg0"/></a><div class="label">serverless.svg</div></div>
<div id="solutions.svg" class="imgbox"><a href="solutions.svg" download><img src="solutions.svg" class="bg0"/></a><div class="label">solutions.svg</div></div>
<div id="backup-archive.svg" class="imgbox"><img src="backup-archive.svg" class="bg0" onclick="download('backup-archive.svg', this)"/><div class="label">backup-archive.svg</div></div>
<div id="blockchain.svg" class="imgbox"><img src="blockchain.svg" class="bg0" onclick="download('blockchain.svg', this)"/><div class="label">blockchain.svg</div></div>
<div id="digital-marketing.svg" class="imgbox"><img src="digital-marketing.svg" class="bg0" onclick="download('digital-marketing.svg', this)"/><div class="label">digital-marketing.svg</div></div>
<div id="e-commerce.svg" class="imgbox"><img src="e-commerce.svg" class="bg0" onclick="download('e-commerce.svg', this)"/><div class="label">e-commerce.svg</div></div>
<div id="high-performance-computing.svg" class="imgbox"><img src="high-performance-computing.svg" class="bg0" onclick="download('high-performance-computing.svg', this)"/><div class="label">high-performance-computing.svg</div></div>
<div id="hybrid-cloud-app.svg" class="imgbox"><img src="hybrid-cloud-app.svg" class="bg0" onclick="download('hybrid-cloud-app.svg', this)"/><div class="label">hybrid-cloud-app.svg</div></div>
<div id="internet-of-things.svg" class="imgbox"><img src="internet-of-things.svg" class="bg0" onclick="download('internet-of-things.svg', this)"/><div class="label">internet-of-things.svg</div></div>
<div id="lob-applications.svg" class="imgbox"><img src="lob-applications.svg" class="bg0" onclick="download('lob-applications.svg', this)"/><div class="label">lob-applications.svg</div></div>
<div id="saas.svg" class="imgbox"><img src="saas.svg" class="bg0" onclick="download('saas.svg', this)"/><div class="label">saas.svg</div></div>
<div id="serverless.svg" class="imgbox"><img src="serverless.svg" class="bg0" onclick="download('serverless.svg', this)"/><div class="label">serverless.svg</div></div>
<div id="solutions.svg" class="imgbox"><img src="solutions.svg" class="bg0" onclick="download('solutions.svg', this)"/><div class="label">solutions.svg</div></div>

</div>
<script>
@@ -108,12 +110,24 @@ function search() {
}
}

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

console.log(getBase64Image(e))

}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
</script>
</body></html>

+ 716
- 702
azure-patterns/index.html
Diferenças do arquivo suprimidas por serem muito extensas
Ver arquivo


+ 144
- 130
learning-site/index.html Ver arquivo

@@ -1,5 +1,7 @@

<head><title>Microsoft Learning Site</title></head>
<head><title>Microsoft Learning Site</title>
<script src="http://pablojs.com/downloads/pablo.min.js"></script>
</head>
<style>
body {
font-family: 'Segoe UI', Arial;
@@ -70,132 +72,132 @@ h1 {
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="svg (1).svg" class="imgbox"><a href="svg (1).svg" download><img src="svg (1).svg" class="bg0"/></a><div class="label">svg (1).svg</div></div>
<div id="svg (10).svg" class="imgbox"><a href="svg (10).svg" download><img src="svg (10).svg" class="bg0"/></a><div class="label">svg (10).svg</div></div>
<div id="svg (100).svg" class="imgbox"><a href="svg (100).svg" download><img src="svg (100).svg" class="bg0"/></a><div class="label">svg (100).svg</div></div>
<div id="svg (101).svg" class="imgbox"><a href="svg (101).svg" download><img src="svg (101).svg" class="bg0"/></a><div class="label">svg (101).svg</div></div>
<div id="svg (102).svg" class="imgbox"><a href="svg (102).svg" download><img src="svg (102).svg" class="bg0"/></a><div class="label">svg (102).svg</div></div>
<div id="svg (103).svg" class="imgbox"><a href="svg (103).svg" download><img src="svg (103).svg" class="bg0"/></a><div class="label">svg (103).svg</div></div>
<div id="svg (104).svg" class="imgbox"><a href="svg (104).svg" download><img src="svg (104).svg" class="bg0"/></a><div class="label">svg (104).svg</div></div>
<div id="svg (105).svg" class="imgbox"><a href="svg (105).svg" download><img src="svg (105).svg" class="bg0"/></a><div class="label">svg (105).svg</div></div>
<div id="svg (106).svg" class="imgbox"><a href="svg (106).svg" download><img src="svg (106).svg" class="bg0"/></a><div class="label">svg (106).svg</div></div>
<div id="svg (107).svg" class="imgbox"><a href="svg (107).svg" download><img src="svg (107).svg" class="bg0"/></a><div class="label">svg (107).svg</div></div>
<div id="svg (108).svg" class="imgbox"><a href="svg (108).svg" download><img src="svg (108).svg" class="bg0"/></a><div class="label">svg (108).svg</div></div>
<div id="svg (109).svg" class="imgbox"><a href="svg (109).svg" download><img src="svg (109).svg" class="bg0"/></a><div class="label">svg (109).svg</div></div>
<div id="svg (11).svg" class="imgbox"><a href="svg (11).svg" download><img src="svg (11).svg" class="bg0"/></a><div class="label">svg (11).svg</div></div>
<div id="svg (110).svg" class="imgbox"><a href="svg (110).svg" download><img src="svg (110).svg" class="bg0"/></a><div class="label">svg (110).svg</div></div>
<div id="svg (111).svg" class="imgbox"><a href="svg (111).svg" download><img src="svg (111).svg" class="bg0"/></a><div class="label">svg (111).svg</div></div>
<div id="svg (112).svg" class="imgbox"><a href="svg (112).svg" download><img src="svg (112).svg" class="bg0"/></a><div class="label">svg (112).svg</div></div>
<div id="svg (113).svg" class="imgbox"><a href="svg (113).svg" download><img src="svg (113).svg" class="bg0"/></a><div class="label">svg (113).svg</div></div>
<div id="svg (114).svg" class="imgbox"><a href="svg (114).svg" download><img src="svg (114).svg" class="bg0"/></a><div class="label">svg (114).svg</div></div>
<div id="svg (115).svg" class="imgbox"><a href="svg (115).svg" download><img src="svg (115).svg" class="bg0"/></a><div class="label">svg (115).svg</div></div>
<div id="svg (116).svg" class="imgbox"><a href="svg (116).svg" download><img src="svg (116).svg" class="bg0"/></a><div class="label">svg (116).svg</div></div>
<div id="svg (117).svg" class="imgbox"><a href="svg (117).svg" download><img src="svg (117).svg" class="bg0"/></a><div class="label">svg (117).svg</div></div>
<div id="svg (118).svg" class="imgbox"><a href="svg (118).svg" download><img src="svg (118).svg" class="bg0"/></a><div class="label">svg (118).svg</div></div>
<div id="svg (119).svg" class="imgbox"><a href="svg (119).svg" download><img src="svg (119).svg" class="bg0"/></a><div class="label">svg (119).svg</div></div>
<div id="svg (12).svg" class="imgbox"><a href="svg (12).svg" download><img src="svg (12).svg" class="bg0"/></a><div class="label">svg (12).svg</div></div>
<div id="svg (120).svg" class="imgbox"><a href="svg (120).svg" download><img src="svg (120).svg" class="bg0"/></a><div class="label">svg (120).svg</div></div>
<div id="svg (121).svg" class="imgbox"><a href="svg (121).svg" download><img src="svg (121).svg" class="bg0"/></a><div class="label">svg (121).svg</div></div>
<div id="svg (122).svg" class="imgbox"><a href="svg (122).svg" download><img src="svg (122).svg" class="bg0"/></a><div class="label">svg (122).svg</div></div>
<div id="svg (123).svg" class="imgbox"><a href="svg (123).svg" download><img src="svg (123).svg" class="bg0"/></a><div class="label">svg (123).svg</div></div>
<div id="svg (124).svg" class="imgbox"><a href="svg (124).svg" download><img src="svg (124).svg" class="bg0"/></a><div class="label">svg (124).svg</div></div>
<div id="svg (125).svg" class="imgbox"><a href="svg (125).svg" download><img src="svg (125).svg" class="bg0"/></a><div class="label">svg (125).svg</div></div>
<div id="svg (126).svg" class="imgbox"><a href="svg (126).svg" download><img src="svg (126).svg" class="bg0"/></a><div class="label">svg (126).svg</div></div>
<div id="svg (13).svg" class="imgbox"><a href="svg (13).svg" download><img src="svg (13).svg" class="bg0"/></a><div class="label">svg (13).svg</div></div>
<div id="svg (14).svg" class="imgbox"><a href="svg (14).svg" download><img src="svg (14).svg" class="bg0"/></a><div class="label">svg (14).svg</div></div>
<div id="svg (15).svg" class="imgbox"><a href="svg (15).svg" download><img src="svg (15).svg" class="bg0"/></a><div class="label">svg (15).svg</div></div>
<div id="svg (16).svg" class="imgbox"><a href="svg (16).svg" download><img src="svg (16).svg" class="bg0"/></a><div class="label">svg (16).svg</div></div>
<div id="svg (17).svg" class="imgbox"><a href="svg (17).svg" download><img src="svg (17).svg" class="bg0"/></a><div class="label">svg (17).svg</div></div>
<div id="svg (18).svg" class="imgbox"><a href="svg (18).svg" download><img src="svg (18).svg" class="bg0"/></a><div class="label">svg (18).svg</div></div>
<div id="svg (19).svg" class="imgbox"><a href="svg (19).svg" download><img src="svg (19).svg" class="bg0"/></a><div class="label">svg (19).svg</div></div>
<div id="svg (2).svg" class="imgbox"><a href="svg (2).svg" download><img src="svg (2).svg" class="bg0"/></a><div class="label">svg (2).svg</div></div>
<div id="svg (20).svg" class="imgbox"><a href="svg (20).svg" download><img src="svg (20).svg" class="bg0"/></a><div class="label">svg (20).svg</div></div>
<div id="svg (21).svg" class="imgbox"><a href="svg (21).svg" download><img src="svg (21).svg" class="bg0"/></a><div class="label">svg (21).svg</div></div>
<div id="svg (22).svg" class="imgbox"><a href="svg (22).svg" download><img src="svg (22).svg" class="bg0"/></a><div class="label">svg (22).svg</div></div>
<div id="svg (23).svg" class="imgbox"><a href="svg (23).svg" download><img src="svg (23).svg" class="bg0"/></a><div class="label">svg (23).svg</div></div>
<div id="svg (24).svg" class="imgbox"><a href="svg (24).svg" download><img src="svg (24).svg" class="bg0"/></a><div class="label">svg (24).svg</div></div>
<div id="svg (25).svg" class="imgbox"><a href="svg (25).svg" download><img src="svg (25).svg" class="bg0"/></a><div class="label">svg (25).svg</div></div>
<div id="svg (26).svg" class="imgbox"><a href="svg (26).svg" download><img src="svg (26).svg" class="bg0"/></a><div class="label">svg (26).svg</div></div>
<div id="svg (27).svg" class="imgbox"><a href="svg (27).svg" download><img src="svg (27).svg" class="bg0"/></a><div class="label">svg (27).svg</div></div>
<div id="svg (28).svg" class="imgbox"><a href="svg (28).svg" download><img src="svg (28).svg" class="bg0"/></a><div class="label">svg (28).svg</div></div>
<div id="svg (29).svg" class="imgbox"><a href="svg (29).svg" download><img src="svg (29).svg" class="bg0"/></a><div class="label">svg (29).svg</div></div>
<div id="svg (3).svg" class="imgbox"><a href="svg (3).svg" download><img src="svg (3).svg" class="bg0"/></a><div class="label">svg (3).svg</div></div>
<div id="svg (30).svg" class="imgbox"><a href="svg (30).svg" download><img src="svg (30).svg" class="bg0"/></a><div class="label">svg (30).svg</div></div>
<div id="svg (31).svg" class="imgbox"><a href="svg (31).svg" download><img src="svg (31).svg" class="bg0"/></a><div class="label">svg (31).svg</div></div>
<div id="svg (32).svg" class="imgbox"><a href="svg (32).svg" download><img src="svg (32).svg" class="bg0"/></a><div class="label">svg (32).svg</div></div>
<div id="svg (33).svg" class="imgbox"><a href="svg (33).svg" download><img src="svg (33).svg" class="bg0"/></a><div class="label">svg (33).svg</div></div>
<div id="svg (34).svg" class="imgbox"><a href="svg (34).svg" download><img src="svg (34).svg" class="bg0"/></a><div class="label">svg (34).svg</div></div>
<div id="svg (35).svg" class="imgbox"><a href="svg (35).svg" download><img src="svg (35).svg" class="bg0"/></a><div class="label">svg (35).svg</div></div>
<div id="svg (36).svg" class="imgbox"><a href="svg (36).svg" download><img src="svg (36).svg" class="bg0"/></a><div class="label">svg (36).svg</div></div>
<div id="svg (37).svg" class="imgbox"><a href="svg (37).svg" download><img src="svg (37).svg" class="bg0"/></a><div class="label">svg (37).svg</div></div>
<div id="svg (38).svg" class="imgbox"><a href="svg (38).svg" download><img src="svg (38).svg" class="bg0"/></a><div class="label">svg (38).svg</div></div>
<div id="svg (39).svg" class="imgbox"><a href="svg (39).svg" download><img src="svg (39).svg" class="bg0"/></a><div class="label">svg (39).svg</div></div>
<div id="svg (4).svg" class="imgbox"><a href="svg (4).svg" download><img src="svg (4).svg" class="bg0"/></a><div class="label">svg (4).svg</div></div>
<div id="svg (40).svg" class="imgbox"><a href="svg (40).svg" download><img src="svg (40).svg" class="bg0"/></a><div class="label">svg (40).svg</div></div>
<div id="svg (41).svg" class="imgbox"><a href="svg (41).svg" download><img src="svg (41).svg" class="bg0"/></a><div class="label">svg (41).svg</div></div>
<div id="svg (42).svg" class="imgbox"><a href="svg (42).svg" download><img src="svg (42).svg" class="bg0"/></a><div class="label">svg (42).svg</div></div>
<div id="svg (43).svg" class="imgbox"><a href="svg (43).svg" download><img src="svg (43).svg" class="bg0"/></a><div class="label">svg (43).svg</div></div>
<div id="svg (44).svg" class="imgbox"><a href="svg (44).svg" download><img src="svg (44).svg" class="bg0"/></a><div class="label">svg (44).svg</div></div>
<div id="svg (45).svg" class="imgbox"><a href="svg (45).svg" download><img src="svg (45).svg" class="bg0"/></a><div class="label">svg (45).svg</div></div>
<div id="svg (46).svg" class="imgbox"><a href="svg (46).svg" download><img src="svg (46).svg" class="bg0"/></a><div class="label">svg (46).svg</div></div>
<div id="svg (47).svg" class="imgbox"><a href="svg (47).svg" download><img src="svg (47).svg" class="bg0"/></a><div class="label">svg (47).svg</div></div>
<div id="svg (48).svg" class="imgbox"><a href="svg (48).svg" download><img src="svg (48).svg" class="bg0"/></a><div class="label">svg (48).svg</div></div>
<div id="svg (49).svg" class="imgbox"><a href="svg (49).svg" download><img src="svg (49).svg" class="bg0"/></a><div class="label">svg (49).svg</div></div>
<div id="svg (5).svg" class="imgbox"><a href="svg (5).svg" download><img src="svg (5).svg" class="bg0"/></a><div class="label">svg (5).svg</div></div>
<div id="svg (50).svg" class="imgbox"><a href="svg (50).svg" download><img src="svg (50).svg" class="bg0"/></a><div class="label">svg (50).svg</div></div>
<div id="svg (51).svg" class="imgbox"><a href="svg (51).svg" download><img src="svg (51).svg" class="bg0"/></a><div class="label">svg (51).svg</div></div>
<div id="svg (52).svg" class="imgbox"><a href="svg (52).svg" download><img src="svg (52).svg" class="bg0"/></a><div class="label">svg (52).svg</div></div>
<div id="svg (53).svg" class="imgbox"><a href="svg (53).svg" download><img src="svg (53).svg" class="bg0"/></a><div class="label">svg (53).svg</div></div>
<div id="svg (54).svg" class="imgbox"><a href="svg (54).svg" download><img src="svg (54).svg" class="bg0"/></a><div class="label">svg (54).svg</div></div>
<div id="svg (55).svg" class="imgbox"><a href="svg (55).svg" download><img src="svg (55).svg" class="bg0"/></a><div class="label">svg (55).svg</div></div>
<div id="svg (56).svg" class="imgbox"><a href="svg (56).svg" download><img src="svg (56).svg" class="bg0"/></a><div class="label">svg (56).svg</div></div>
<div id="svg (57).svg" class="imgbox"><a href="svg (57).svg" download><img src="svg (57).svg" class="bg0"/></a><div class="label">svg (57).svg</div></div>
<div id="svg (58).svg" class="imgbox"><a href="svg (58).svg" download><img src="svg (58).svg" class="bg0"/></a><div class="label">svg (58).svg</div></div>
<div id="svg (59).svg" class="imgbox"><a href="svg (59).svg" download><img src="svg (59).svg" class="bg0"/></a><div class="label">svg (59).svg</div></div>
<div id="svg (6).svg" class="imgbox"><a href="svg (6).svg" download><img src="svg (6).svg" class="bg0"/></a><div class="label">svg (6).svg</div></div>
<div id="svg (60).svg" class="imgbox"><a href="svg (60).svg" download><img src="svg (60).svg" class="bg0"/></a><div class="label">svg (60).svg</div></div>
<div id="svg (61).svg" class="imgbox"><a href="svg (61).svg" download><img src="svg (61).svg" class="bg0"/></a><div class="label">svg (61).svg</div></div>
<div id="svg (62).svg" class="imgbox"><a href="svg (62).svg" download><img src="svg (62).svg" class="bg0"/></a><div class="label">svg (62).svg</div></div>
<div id="svg (63).svg" class="imgbox"><a href="svg (63).svg" download><img src="svg (63).svg" class="bg0"/></a><div class="label">svg (63).svg</div></div>
<div id="svg (64).svg" class="imgbox"><a href="svg (64).svg" download><img src="svg (64).svg" class="bg0"/></a><div class="label">svg (64).svg</div></div>
<div id="svg (65).svg" class="imgbox"><a href="svg (65).svg" download><img src="svg (65).svg" class="bg0"/></a><div class="label">svg (65).svg</div></div>
<div id="svg (66).svg" class="imgbox"><a href="svg (66).svg" download><img src="svg (66).svg" class="bg0"/></a><div class="label">svg (66).svg</div></div>
<div id="svg (67).svg" class="imgbox"><a href="svg (67).svg" download><img src="svg (67).svg" class="bg0"/></a><div class="label">svg (67).svg</div></div>
<div id="svg (68).svg" class="imgbox"><a href="svg (68).svg" download><img src="svg (68).svg" class="bg0"/></a><div class="label">svg (68).svg</div></div>
<div id="svg (69).svg" class="imgbox"><a href="svg (69).svg" download><img src="svg (69).svg" class="bg0"/></a><div class="label">svg (69).svg</div></div>
<div id="svg (7).svg" class="imgbox"><a href="svg (7).svg" download><img src="svg (7).svg" class="bg0"/></a><div class="label">svg (7).svg</div></div>
<div id="svg (70).svg" class="imgbox"><a href="svg (70).svg" download><img src="svg (70).svg" class="bg0"/></a><div class="label">svg (70).svg</div></div>
<div id="svg (71).svg" class="imgbox"><a href="svg (71).svg" download><img src="svg (71).svg" class="bg0"/></a><div class="label">svg (71).svg</div></div>
<div id="svg (72).svg" class="imgbox"><a href="svg (72).svg" download><img src="svg (72).svg" class="bg0"/></a><div class="label">svg (72).svg</div></div>
<div id="svg (73).svg" class="imgbox"><a href="svg (73).svg" download><img src="svg (73).svg" class="bg0"/></a><div class="label">svg (73).svg</div></div>
<div id="svg (74).svg" class="imgbox"><a href="svg (74).svg" download><img src="svg (74).svg" class="bg0"/></a><div class="label">svg (74).svg</div></div>
<div id="svg (75).svg" class="imgbox"><a href="svg (75).svg" download><img src="svg (75).svg" class="bg0"/></a><div class="label">svg (75).svg</div></div>
<div id="svg (76).svg" class="imgbox"><a href="svg (76).svg" download><img src="svg (76).svg" class="bg0"/></a><div class="label">svg (76).svg</div></div>
<div id="svg (77).svg" class="imgbox"><a href="svg (77).svg" download><img src="svg (77).svg" class="bg0"/></a><div class="label">svg (77).svg</div></div>
<div id="svg (78).svg" class="imgbox"><a href="svg (78).svg" download><img src="svg (78).svg" class="bg0"/></a><div class="label">svg (78).svg</div></div>
<div id="svg (79).svg" class="imgbox"><a href="svg (79).svg" download><img src="svg (79).svg" class="bg0"/></a><div class="label">svg (79).svg</div></div>
<div id="svg (8).svg" class="imgbox"><a href="svg (8).svg" download><img src="svg (8).svg" class="bg0"/></a><div class="label">svg (8).svg</div></div>
<div id="svg (80).svg" class="imgbox"><a href="svg (80).svg" download><img src="svg (80).svg" class="bg0"/></a><div class="label">svg (80).svg</div></div>
<div id="svg (81).svg" class="imgbox"><a href="svg (81).svg" download><img src="svg (81).svg" class="bg0"/></a><div class="label">svg (81).svg</div></div>
<div id="svg (82).svg" class="imgbox"><a href="svg (82).svg" download><img src="svg (82).svg" class="bg0"/></a><div class="label">svg (82).svg</div></div>
<div id="svg (83).svg" class="imgbox"><a href="svg (83).svg" download><img src="svg (83).svg" class="bg0"/></a><div class="label">svg (83).svg</div></div>
<div id="svg (84).svg" class="imgbox"><a href="svg (84).svg" download><img src="svg (84).svg" class="bg0"/></a><div class="label">svg (84).svg</div></div>
<div id="svg (85).svg" class="imgbox"><a href="svg (85).svg" download><img src="svg (85).svg" class="bg0"/></a><div class="label">svg (85).svg</div></div>
<div id="svg (86).svg" class="imgbox"><a href="svg (86).svg" download><img src="svg (86).svg" class="bg0"/></a><div class="label">svg (86).svg</div></div>
<div id="svg (87).svg" class="imgbox"><a href="svg (87).svg" download><img src="svg (87).svg" class="bg0"/></a><div class="label">svg (87).svg</div></div>
<div id="svg (88).svg" class="imgbox"><a href="svg (88).svg" download><img src="svg (88).svg" class="bg0"/></a><div class="label">svg (88).svg</div></div>
<div id="svg (89).svg" class="imgbox"><a href="svg (89).svg" download><img src="svg (89).svg" class="bg0"/></a><div class="label">svg (89).svg</div></div>
<div id="svg (9).svg" class="imgbox"><a href="svg (9).svg" download><img src="svg (9).svg" class="bg0"/></a><div class="label">svg (9).svg</div></div>
<div id="svg (90).svg" class="imgbox"><a href="svg (90).svg" download><img src="svg (90).svg" class="bg0"/></a><div class="label">svg (90).svg</div></div>
<div id="svg (91).svg" class="imgbox"><a href="svg (91).svg" download><img src="svg (91).svg" class="bg0"/></a><div class="label">svg (91).svg</div></div>
<div id="svg (92).svg" class="imgbox"><a href="svg (92).svg" download><img src="svg (92).svg" class="bg0"/></a><div class="label">svg (92).svg</div></div>
<div id="svg (93).svg" class="imgbox"><a href="svg (93).svg" download><img src="svg (93).svg" class="bg0"/></a><div class="label">svg (93).svg</div></div>
<div id="svg (94).svg" class="imgbox"><a href="svg (94).svg" download><img src="svg (94).svg" class="bg0"/></a><div class="label">svg (94).svg</div></div>
<div id="svg (95).svg" class="imgbox"><a href="svg (95).svg" download><img src="svg (95).svg" class="bg0"/></a><div class="label">svg (95).svg</div></div>
<div id="svg (96).svg" class="imgbox"><a href="svg (96).svg" download><img src="svg (96).svg" class="bg0"/></a><div class="label">svg (96).svg</div></div>
<div id="svg (97).svg" class="imgbox"><a href="svg (97).svg" download><img src="svg (97).svg" class="bg0"/></a><div class="label">svg (97).svg</div></div>
<div id="svg (98).svg" class="imgbox"><a href="svg (98).svg" download><img src="svg (98).svg" class="bg0"/></a><div class="label">svg (98).svg</div></div>
<div id="svg (99).svg" class="imgbox"><a href="svg (99).svg" download><img src="svg (99).svg" class="bg0"/></a><div class="label">svg (99).svg</div></div>
<div id="svg (1).svg" class="imgbox"><img src="svg (1).svg" class="bg0" onclick="download('svg (1).svg', this)"/><div class="label">svg (1).svg</div></div>
<div id="svg (10).svg" class="imgbox"><img src="svg (10).svg" class="bg0" onclick="download('svg (10).svg', this)"/><div class="label">svg (10).svg</div></div>
<div id="svg (100).svg" class="imgbox"><img src="svg (100).svg" class="bg0" onclick="download('svg (100).svg', this)"/><div class="label">svg (100).svg</div></div>
<div id="svg (101).svg" class="imgbox"><img src="svg (101).svg" class="bg0" onclick="download('svg (101).svg', this)"/><div class="label">svg (101).svg</div></div>
<div id="svg (102).svg" class="imgbox"><img src="svg (102).svg" class="bg0" onclick="download('svg (102).svg', this)"/><div class="label">svg (102).svg</div></div>
<div id="svg (103).svg" class="imgbox"><img src="svg (103).svg" class="bg0" onclick="download('svg (103).svg', this)"/><div class="label">svg (103).svg</div></div>
<div id="svg (104).svg" class="imgbox"><img src="svg (104).svg" class="bg0" onclick="download('svg (104).svg', this)"/><div class="label">svg (104).svg</div></div>
<div id="svg (105).svg" class="imgbox"><img src="svg (105).svg" class="bg0" onclick="download('svg (105).svg', this)"/><div class="label">svg (105).svg</div></div>
<div id="svg (106).svg" class="imgbox"><img src="svg (106).svg" class="bg0" onclick="download('svg (106).svg', this)"/><div class="label">svg (106).svg</div></div>
<div id="svg (107).svg" class="imgbox"><img src="svg (107).svg" class="bg0" onclick="download('svg (107).svg', this)"/><div class="label">svg (107).svg</div></div>
<div id="svg (108).svg" class="imgbox"><img src="svg (108).svg" class="bg0" onclick="download('svg (108).svg', this)"/><div class="label">svg (108).svg</div></div>
<div id="svg (109).svg" class="imgbox"><img src="svg (109).svg" class="bg0" onclick="download('svg (109).svg', this)"/><div class="label">svg (109).svg</div></div>
<div id="svg (11).svg" class="imgbox"><img src="svg (11).svg" class="bg0" onclick="download('svg (11).svg', this)"/><div class="label">svg (11).svg</div></div>
<div id="svg (110).svg" class="imgbox"><img src="svg (110).svg" class="bg0" onclick="download('svg (110).svg', this)"/><div class="label">svg (110).svg</div></div>
<div id="svg (111).svg" class="imgbox"><img src="svg (111).svg" class="bg0" onclick="download('svg (111).svg', this)"/><div class="label">svg (111).svg</div></div>
<div id="svg (112).svg" class="imgbox"><img src="svg (112).svg" class="bg0" onclick="download('svg (112).svg', this)"/><div class="label">svg (112).svg</div></div>
<div id="svg (113).svg" class="imgbox"><img src="svg (113).svg" class="bg0" onclick="download('svg (113).svg', this)"/><div class="label">svg (113).svg</div></div>
<div id="svg (114).svg" class="imgbox"><img src="svg (114).svg" class="bg0" onclick="download('svg (114).svg', this)"/><div class="label">svg (114).svg</div></div>
<div id="svg (115).svg" class="imgbox"><img src="svg (115).svg" class="bg0" onclick="download('svg (115).svg', this)"/><div class="label">svg (115).svg</div></div>
<div id="svg (116).svg" class="imgbox"><img src="svg (116).svg" class="bg0" onclick="download('svg (116).svg', this)"/><div class="label">svg (116).svg</div></div>
<div id="svg (117).svg" class="imgbox"><img src="svg (117).svg" class="bg0" onclick="download('svg (117).svg', this)"/><div class="label">svg (117).svg</div></div>
<div id="svg (118).svg" class="imgbox"><img src="svg (118).svg" class="bg0" onclick="download('svg (118).svg', this)"/><div class="label">svg (118).svg</div></div>
<div id="svg (119).svg" class="imgbox"><img src="svg (119).svg" class="bg0" onclick="download('svg (119).svg', this)"/><div class="label">svg (119).svg</div></div>
<div id="svg (12).svg" class="imgbox"><img src="svg (12).svg" class="bg0" onclick="download('svg (12).svg', this)"/><div class="label">svg (12).svg</div></div>
<div id="svg (120).svg" class="imgbox"><img src="svg (120).svg" class="bg0" onclick="download('svg (120).svg', this)"/><div class="label">svg (120).svg</div></div>
<div id="svg (121).svg" class="imgbox"><img src="svg (121).svg" class="bg0" onclick="download('svg (121).svg', this)"/><div class="label">svg (121).svg</div></div>
<div id="svg (122).svg" class="imgbox"><img src="svg (122).svg" class="bg0" onclick="download('svg (122).svg', this)"/><div class="label">svg (122).svg</div></div>
<div id="svg (123).svg" class="imgbox"><img src="svg (123).svg" class="bg0" onclick="download('svg (123).svg', this)"/><div class="label">svg (123).svg</div></div>
<div id="svg (124).svg" class="imgbox"><img src="svg (124).svg" class="bg0" onclick="download('svg (124).svg', this)"/><div class="label">svg (124).svg</div></div>
<div id="svg (125).svg" class="imgbox"><img src="svg (125).svg" class="bg0" onclick="download('svg (125).svg', this)"/><div class="label">svg (125).svg</div></div>
<div id="svg (126).svg" class="imgbox"><img src="svg (126).svg" class="bg0" onclick="download('svg (126).svg', this)"/><div class="label">svg (126).svg</div></div>
<div id="svg (13).svg" class="imgbox"><img src="svg (13).svg" class="bg0" onclick="download('svg (13).svg', this)"/><div class="label">svg (13).svg</div></div>
<div id="svg (14).svg" class="imgbox"><img src="svg (14).svg" class="bg0" onclick="download('svg (14).svg', this)"/><div class="label">svg (14).svg</div></div>
<div id="svg (15).svg" class="imgbox"><img src="svg (15).svg" class="bg0" onclick="download('svg (15).svg', this)"/><div class="label">svg (15).svg</div></div>
<div id="svg (16).svg" class="imgbox"><img src="svg (16).svg" class="bg0" onclick="download('svg (16).svg', this)"/><div class="label">svg (16).svg</div></div>
<div id="svg (17).svg" class="imgbox"><img src="svg (17).svg" class="bg0" onclick="download('svg (17).svg', this)"/><div class="label">svg (17).svg</div></div>
<div id="svg (18).svg" class="imgbox"><img src="svg (18).svg" class="bg0" onclick="download('svg (18).svg', this)"/><div class="label">svg (18).svg</div></div>
<div id="svg (19).svg" class="imgbox"><img src="svg (19).svg" class="bg0" onclick="download('svg (19).svg', this)"/><div class="label">svg (19).svg</div></div>
<div id="svg (2).svg" class="imgbox"><img src="svg (2).svg" class="bg0" onclick="download('svg (2).svg', this)"/><div class="label">svg (2).svg</div></div>
<div id="svg (20).svg" class="imgbox"><img src="svg (20).svg" class="bg0" onclick="download('svg (20).svg', this)"/><div class="label">svg (20).svg</div></div>
<div id="svg (21).svg" class="imgbox"><img src="svg (21).svg" class="bg0" onclick="download('svg (21).svg', this)"/><div class="label">svg (21).svg</div></div>
<div id="svg (22).svg" class="imgbox"><img src="svg (22).svg" class="bg0" onclick="download('svg (22).svg', this)"/><div class="label">svg (22).svg</div></div>
<div id="svg (23).svg" class="imgbox"><img src="svg (23).svg" class="bg0" onclick="download('svg (23).svg', this)"/><div class="label">svg (23).svg</div></div>
<div id="svg (24).svg" class="imgbox"><img src="svg (24).svg" class="bg0" onclick="download('svg (24).svg', this)"/><div class="label">svg (24).svg</div></div>
<div id="svg (25).svg" class="imgbox"><img src="svg (25).svg" class="bg0" onclick="download('svg (25).svg', this)"/><div class="label">svg (25).svg</div></div>
<div id="svg (26).svg" class="imgbox"><img src="svg (26).svg" class="bg0" onclick="download('svg (26).svg', this)"/><div class="label">svg (26).svg</div></div>
<div id="svg (27).svg" class="imgbox"><img src="svg (27).svg" class="bg0" onclick="download('svg (27).svg', this)"/><div class="label">svg (27).svg</div></div>
<div id="svg (28).svg" class="imgbox"><img src="svg (28).svg" class="bg0" onclick="download('svg (28).svg', this)"/><div class="label">svg (28).svg</div></div>
<div id="svg (29).svg" class="imgbox"><img src="svg (29).svg" class="bg0" onclick="download('svg (29).svg', this)"/><div class="label">svg (29).svg</div></div>
<div id="svg (3).svg" class="imgbox"><img src="svg (3).svg" class="bg0" onclick="download('svg (3).svg', this)"/><div class="label">svg (3).svg</div></div>
<div id="svg (30).svg" class="imgbox"><img src="svg (30).svg" class="bg0" onclick="download('svg (30).svg', this)"/><div class="label">svg (30).svg</div></div>
<div id="svg (31).svg" class="imgbox"><img src="svg (31).svg" class="bg0" onclick="download('svg (31).svg', this)"/><div class="label">svg (31).svg</div></div>
<div id="svg (32).svg" class="imgbox"><img src="svg (32).svg" class="bg0" onclick="download('svg (32).svg', this)"/><div class="label">svg (32).svg</div></div>
<div id="svg (33).svg" class="imgbox"><img src="svg (33).svg" class="bg0" onclick="download('svg (33).svg', this)"/><div class="label">svg (33).svg</div></div>
<div id="svg (34).svg" class="imgbox"><img src="svg (34).svg" class="bg0" onclick="download('svg (34).svg', this)"/><div class="label">svg (34).svg</div></div>
<div id="svg (35).svg" class="imgbox"><img src="svg (35).svg" class="bg0" onclick="download('svg (35).svg', this)"/><div class="label">svg (35).svg</div></div>
<div id="svg (36).svg" class="imgbox"><img src="svg (36).svg" class="bg0" onclick="download('svg (36).svg', this)"/><div class="label">svg (36).svg</div></div>
<div id="svg (37).svg" class="imgbox"><img src="svg (37).svg" class="bg0" onclick="download('svg (37).svg', this)"/><div class="label">svg (37).svg</div></div>
<div id="svg (38).svg" class="imgbox"><img src="svg (38).svg" class="bg0" onclick="download('svg (38).svg', this)"/><div class="label">svg (38).svg</div></div>
<div id="svg (39).svg" class="imgbox"><img src="svg (39).svg" class="bg0" onclick="download('svg (39).svg', this)"/><div class="label">svg (39).svg</div></div>
<div id="svg (4).svg" class="imgbox"><img src="svg (4).svg" class="bg0" onclick="download('svg (4).svg', this)"/><div class="label">svg (4).svg</div></div>
<div id="svg (40).svg" class="imgbox"><img src="svg (40).svg" class="bg0" onclick="download('svg (40).svg', this)"/><div class="label">svg (40).svg</div></div>
<div id="svg (41).svg" class="imgbox"><img src="svg (41).svg" class="bg0" onclick="download('svg (41).svg', this)"/><div class="label">svg (41).svg</div></div>
<div id="svg (42).svg" class="imgbox"><img src="svg (42).svg" class="bg0" onclick="download('svg (42).svg', this)"/><div class="label">svg (42).svg</div></div>
<div id="svg (43).svg" class="imgbox"><img src="svg (43).svg" class="bg0" onclick="download('svg (43).svg', this)"/><div class="label">svg (43).svg</div></div>
<div id="svg (44).svg" class="imgbox"><img src="svg (44).svg" class="bg0" onclick="download('svg (44).svg', this)"/><div class="label">svg (44).svg</div></div>
<div id="svg (45).svg" class="imgbox"><img src="svg (45).svg" class="bg0" onclick="download('svg (45).svg', this)"/><div class="label">svg (45).svg</div></div>
<div id="svg (46).svg" class="imgbox"><img src="svg (46).svg" class="bg0" onclick="download('svg (46).svg', this)"/><div class="label">svg (46).svg</div></div>
<div id="svg (47).svg" class="imgbox"><img src="svg (47).svg" class="bg0" onclick="download('svg (47).svg', this)"/><div class="label">svg (47).svg</div></div>
<div id="svg (48).svg" class="imgbox"><img src="svg (48).svg" class="bg0" onclick="download('svg (48).svg', this)"/><div class="label">svg (48).svg</div></div>
<div id="svg (49).svg" class="imgbox"><img src="svg (49).svg" class="bg0" onclick="download('svg (49).svg', this)"/><div class="label">svg (49).svg</div></div>
<div id="svg (5).svg" class="imgbox"><img src="svg (5).svg" class="bg0" onclick="download('svg (5).svg', this)"/><div class="label">svg (5).svg</div></div>
<div id="svg (50).svg" class="imgbox"><img src="svg (50).svg" class="bg0" onclick="download('svg (50).svg', this)"/><div class="label">svg (50).svg</div></div>
<div id="svg (51).svg" class="imgbox"><img src="svg (51).svg" class="bg0" onclick="download('svg (51).svg', this)"/><div class="label">svg (51).svg</div></div>
<div id="svg (52).svg" class="imgbox"><img src="svg (52).svg" class="bg0" onclick="download('svg (52).svg', this)"/><div class="label">svg (52).svg</div></div>
<div id="svg (53).svg" class="imgbox"><img src="svg (53).svg" class="bg0" onclick="download('svg (53).svg', this)"/><div class="label">svg (53).svg</div></div>
<div id="svg (54).svg" class="imgbox"><img src="svg (54).svg" class="bg0" onclick="download('svg (54).svg', this)"/><div class="label">svg (54).svg</div></div>
<div id="svg (55).svg" class="imgbox"><img src="svg (55).svg" class="bg0" onclick="download('svg (55).svg', this)"/><div class="label">svg (55).svg</div></div>
<div id="svg (56).svg" class="imgbox"><img src="svg (56).svg" class="bg0" onclick="download('svg (56).svg', this)"/><div class="label">svg (56).svg</div></div>
<div id="svg (57).svg" class="imgbox"><img src="svg (57).svg" class="bg0" onclick="download('svg (57).svg', this)"/><div class="label">svg (57).svg</div></div>
<div id="svg (58).svg" class="imgbox"><img src="svg (58).svg" class="bg0" onclick="download('svg (58).svg', this)"/><div class="label">svg (58).svg</div></div>
<div id="svg (59).svg" class="imgbox"><img src="svg (59).svg" class="bg0" onclick="download('svg (59).svg', this)"/><div class="label">svg (59).svg</div></div>
<div id="svg (6).svg" class="imgbox"><img src="svg (6).svg" class="bg0" onclick="download('svg (6).svg', this)"/><div class="label">svg (6).svg</div></div>
<div id="svg (60).svg" class="imgbox"><img src="svg (60).svg" class="bg0" onclick="download('svg (60).svg', this)"/><div class="label">svg (60).svg</div></div>
<div id="svg (61).svg" class="imgbox"><img src="svg (61).svg" class="bg0" onclick="download('svg (61).svg', this)"/><div class="label">svg (61).svg</div></div>
<div id="svg (62).svg" class="imgbox"><img src="svg (62).svg" class="bg0" onclick="download('svg (62).svg', this)"/><div class="label">svg (62).svg</div></div>
<div id="svg (63).svg" class="imgbox"><img src="svg (63).svg" class="bg0" onclick="download('svg (63).svg', this)"/><div class="label">svg (63).svg</div></div>
<div id="svg (64).svg" class="imgbox"><img src="svg (64).svg" class="bg0" onclick="download('svg (64).svg', this)"/><div class="label">svg (64).svg</div></div>
<div id="svg (65).svg" class="imgbox"><img src="svg (65).svg" class="bg0" onclick="download('svg (65).svg', this)"/><div class="label">svg (65).svg</div></div>
<div id="svg (66).svg" class="imgbox"><img src="svg (66).svg" class="bg0" onclick="download('svg (66).svg', this)"/><div class="label">svg (66).svg</div></div>
<div id="svg (67).svg" class="imgbox"><img src="svg (67).svg" class="bg0" onclick="download('svg (67).svg', this)"/><div class="label">svg (67).svg</div></div>
<div id="svg (68).svg" class="imgbox"><img src="svg (68).svg" class="bg0" onclick="download('svg (68).svg', this)"/><div class="label">svg (68).svg</div></div>
<div id="svg (69).svg" class="imgbox"><img src="svg (69).svg" class="bg0" onclick="download('svg (69).svg', this)"/><div class="label">svg (69).svg</div></div>
<div id="svg (7).svg" class="imgbox"><img src="svg (7).svg" class="bg0" onclick="download('svg (7).svg', this)"/><div class="label">svg (7).svg</div></div>
<div id="svg (70).svg" class="imgbox"><img src="svg (70).svg" class="bg0" onclick="download('svg (70).svg', this)"/><div class="label">svg (70).svg</div></div>
<div id="svg (71).svg" class="imgbox"><img src="svg (71).svg" class="bg0" onclick="download('svg (71).svg', this)"/><div class="label">svg (71).svg</div></div>
<div id="svg (72).svg" class="imgbox"><img src="svg (72).svg" class="bg0" onclick="download('svg (72).svg', this)"/><div class="label">svg (72).svg</div></div>
<div id="svg (73).svg" class="imgbox"><img src="svg (73).svg" class="bg0" onclick="download('svg (73).svg', this)"/><div class="label">svg (73).svg</div></div>
<div id="svg (74).svg" class="imgbox"><img src="svg (74).svg" class="bg0" onclick="download('svg (74).svg', this)"/><div class="label">svg (74).svg</div></div>
<div id="svg (75).svg" class="imgbox"><img src="svg (75).svg" class="bg0" onclick="download('svg (75).svg', this)"/><div class="label">svg (75).svg</div></div>
<div id="svg (76).svg" class="imgbox"><img src="svg (76).svg" class="bg0" onclick="download('svg (76).svg', this)"/><div class="label">svg (76).svg</div></div>
<div id="svg (77).svg" class="imgbox"><img src="svg (77).svg" class="bg0" onclick="download('svg (77).svg', this)"/><div class="label">svg (77).svg</div></div>
<div id="svg (78).svg" class="imgbox"><img src="svg (78).svg" class="bg0" onclick="download('svg (78).svg', this)"/><div class="label">svg (78).svg</div></div>
<div id="svg (79).svg" class="imgbox"><img src="svg (79).svg" class="bg0" onclick="download('svg (79).svg', this)"/><div class="label">svg (79).svg</div></div>
<div id="svg (8).svg" class="imgbox"><img src="svg (8).svg" class="bg0" onclick="download('svg (8).svg', this)"/><div class="label">svg (8).svg</div></div>
<div id="svg (80).svg" class="imgbox"><img src="svg (80).svg" class="bg0" onclick="download('svg (80).svg', this)"/><div class="label">svg (80).svg</div></div>
<div id="svg (81).svg" class="imgbox"><img src="svg (81).svg" class="bg0" onclick="download('svg (81).svg', this)"/><div class="label">svg (81).svg</div></div>
<div id="svg (82).svg" class="imgbox"><img src="svg (82).svg" class="bg0" onclick="download('svg (82).svg', this)"/><div class="label">svg (82).svg</div></div>
<div id="svg (83).svg" class="imgbox"><img src="svg (83).svg" class="bg0" onclick="download('svg (83).svg', this)"/><div class="label">svg (83).svg</div></div>
<div id="svg (84).svg" class="imgbox"><img src="svg (84).svg" class="bg0" onclick="download('svg (84).svg', this)"/><div class="label">svg (84).svg</div></div>
<div id="svg (85).svg" class="imgbox"><img src="svg (85).svg" class="bg0" onclick="download('svg (85).svg', this)"/><div class="label">svg (85).svg</div></div>
<div id="svg (86).svg" class="imgbox"><img src="svg (86).svg" class="bg0" onclick="download('svg (86).svg', this)"/><div class="label">svg (86).svg</div></div>
<div id="svg (87).svg" class="imgbox"><img src="svg (87).svg" class="bg0" onclick="download('svg (87).svg', this)"/><div class="label">svg (87).svg</div></div>
<div id="svg (88).svg" class="imgbox"><img src="svg (88).svg" class="bg0" onclick="download('svg (88).svg', this)"/><div class="label">svg (88).svg</div></div>
<div id="svg (89).svg" class="imgbox"><img src="svg (89).svg" class="bg0" onclick="download('svg (89).svg', this)"/><div class="label">svg (89).svg</div></div>
<div id="svg (9).svg" class="imgbox"><img src="svg (9).svg" class="bg0" onclick="download('svg (9).svg', this)"/><div class="label">svg (9).svg</div></div>
<div id="svg (90).svg" class="imgbox"><img src="svg (90).svg" class="bg0" onclick="download('svg (90).svg', this)"/><div class="label">svg (90).svg</div></div>
<div id="svg (91).svg" class="imgbox"><img src="svg (91).svg" class="bg0" onclick="download('svg (91).svg', this)"/><div class="label">svg (91).svg</div></div>
<div id="svg (92).svg" class="imgbox"><img src="svg (92).svg" class="bg0" onclick="download('svg (92).svg', this)"/><div class="label">svg (92).svg</div></div>
<div id="svg (93).svg" class="imgbox"><img src="svg (93).svg" class="bg0" onclick="download('svg (93).svg', this)"/><div class="label">svg (93).svg</div></div>
<div id="svg (94).svg" class="imgbox"><img src="svg (94).svg" class="bg0" onclick="download('svg (94).svg', this)"/><div class="label">svg (94).svg</div></div>
<div id="svg (95).svg" class="imgbox"><img src="svg (95).svg" class="bg0" onclick="download('svg (95).svg', this)"/><div class="label">svg (95).svg</div></div>
<div id="svg (96).svg" class="imgbox"><img src="svg (96).svg" class="bg0" onclick="download('svg (96).svg', this)"/><div class="label">svg (96).svg</div></div>
<div id="svg (97).svg" class="imgbox"><img src="svg (97).svg" class="bg0" onclick="download('svg (97).svg', this)"/><div class="label">svg (97).svg</div></div>
<div id="svg (98).svg" class="imgbox"><img src="svg (98).svg" class="bg0" onclick="download('svg (98).svg', this)"/><div class="label">svg (98).svg</div></div>
<div id="svg (99).svg" class="imgbox"><img src="svg (99).svg" class="bg0" onclick="download('svg (99).svg', this)"/><div class="label">svg (99).svg</div></div>

</div>
<script>
@@ -223,12 +225,24 @@ function search() {
}
}

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

console.log(getBase64Image(e))

}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
</script>
</body></html>

+ 74
- 60
logos/index.html Ver arquivo

@@ -1,5 +1,7 @@

<head><title>Logos & Brands</title></head>
<head><title>Logos & Brands</title>
<script src="http://pablojs.com/downloads/pablo.min.js"></script>
</head>
<style>
body {
font-family: 'Segoe UI', Arial;
@@ -70,62 +72,62 @@ h1 {
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="android.svg" class="imgbox"><a href="android.svg" download><img src="android.svg" class="bg0"/></a><div class="label">android.svg</div></div>
<div id="angular.svg" class="imgbox"><a href="angular.svg" download><img src="angular.svg" class="bg0"/></a><div class="label">angular.svg</div></div>
<div id="ansible.svg" class="imgbox"><a href="ansible.svg" download><img src="ansible.svg" class="bg0"/></a><div class="label">ansible.svg</div></div>
<div id="apache.svg" class="imgbox"><a href="apache.svg" download><img src="apache.svg" class="bg0"/></a><div class="label">apache.svg</div></div>
<div id="azure-logo.svg" class="imgbox"><a href="azure-logo.svg" download><img src="azure-logo.svg" class="bg0"/></a><div class="label">azure-logo.svg</div></div>
<div id="azure-offical.svg" class="imgbox"><a href="azure-offical.svg" download><img src="azure-offical.svg" class="bg0"/></a><div class="label">azure-offical.svg</div></div>
<div id="bash.svg" class="imgbox"><a href="bash.svg" download><img src="bash.svg" class="bg0"/></a><div class="label">bash.svg</div></div>
<div id="bit-bucket.svg" class="imgbox"><a href="bit-bucket.svg" download><img src="bit-bucket.svg" class="bg0"/></a><div class="label">bit-bucket.svg</div></div>
<div id="chef-logo.svg" class="imgbox"><a href="chef-logo.svg" download><img src="chef-logo.svg" class="bg0"/></a><div class="label">chef-logo.svg</div></div>
<div id="chef.svg" class="imgbox"><a href="chef.svg" download><img src="chef.svg" class="bg0"/></a><div class="label">chef.svg</div></div>
<div id="csharp.svg" class="imgbox"><a href="csharp.svg" download><img src="csharp.svg" class="bg0"/></a><div class="label">csharp.svg</div></div>
<div id="docker-icon-wh.svg" class="imgbox"><a href="docker-icon-wh.svg" download><img src="docker-icon-wh.svg" class="bg0"/></a><div class="label">docker-icon-wh.svg</div></div>
<div id="docker-icon.svg" class="imgbox"><a href="docker-icon.svg" download><img src="docker-icon.svg" class="bg0"/></a><div class="label">docker-icon.svg</div></div>
<div id="docker-mono.svg" class="imgbox"><a href="docker-mono.svg" download><img src="docker-mono.svg" class="bg0"/></a><div class="label">docker-mono.svg</div></div>
<div id="docker-whale.svg" class="imgbox"><a href="docker-whale.svg" download><img src="docker-whale.svg" class="bg0"/></a><div class="label">docker-whale.svg</div></div>
<div id="dotnetcore.svg" class="imgbox"><a href="dotnetcore.svg" download><img src="dotnetcore.svg" class="bg0"/></a><div class="label">dotnetcore.svg</div></div>
<div id="dynamics.svg" class="imgbox"><a href="dynamics.svg" download><img src="dynamics.svg" class="bg0"/></a><div class="label">dynamics.svg</div></div>
<div id="eclipse.svg" class="imgbox"><a href="eclipse.svg" download><img src="eclipse.svg" class="bg0"/></a><div class="label">eclipse.svg</div></div>
<div id="flask.svg" class="imgbox"><a href="flask.svg" download><img src="flask.svg" class="bg0"/></a><div class="label">flask.svg</div></div>
<div id="git.svg" class="imgbox"><a href="git.svg" download><img src="git.svg" class="bg0"/></a><div class="label">git.svg</div></div>
<div id="github.svg" class="imgbox"><a href="github.svg" download><img src="github.svg" class="bg0"/></a><div class="label">github.svg</div></div>
<div id="gradle.svg" class="imgbox"><a href="gradle.svg" download><img src="gradle.svg" class="bg0"/></a><div class="label">gradle.svg</div></div>
<div id="helm-logo.svg" class="imgbox"><a href="helm-logo.svg" download><img src="helm-logo.svg" class="bg0"/></a><div class="label">helm-logo.svg</div></div>
<div id="java.svg" class="imgbox"><a href="java.svg" download><img src="java.svg" class="bg0"/></a><div class="label">java.svg</div></div>
<div id="jenkins.svg" class="imgbox"><a href="jenkins.svg" download><img src="jenkins.svg" class="bg0"/></a><div class="label">jenkins.svg</div></div>
<div id="jfrog.svg" class="imgbox"><a href="jfrog.svg" download><img src="jfrog.svg" class="bg0"/></a><div class="label">jfrog.svg</div></div>
<div id="kube.svg" class="imgbox"><a href="kube.svg" download><img src="kube.svg" class="bg0"/></a><div class="label">kube.svg</div></div>
<div id="linkedin.svg" class="imgbox"><a href="linkedin.svg" download><img src="linkedin.svg" class="bg0"/></a><div class="label">linkedin.svg</div></div>
<div id="linux-tux-colour.svg" class="imgbox"><a href="linux-tux-colour.svg" download><img src="linux-tux-colour.svg" class="bg0"/></a><div class="label">linux-tux-colour.svg</div></div>
<div id="linux-tux-mono.svg" class="imgbox"><a href="linux-tux-mono.svg" download><img src="linux-tux-mono.svg" class="bg0"/></a><div class="label">linux-tux-mono.svg</div></div>
<div id="microsoft-logo.svg" class="imgbox"><a href="microsoft-logo.svg" download><img src="microsoft-logo.svg" class="bg0"/></a><div class="label">microsoft-logo.svg</div></div>
<div id="microsoft.svg" class="imgbox"><a href="microsoft.svg" download><img src="microsoft.svg" class="bg0"/></a><div class="label">microsoft.svg</div></div>
<div id="ms-sq.svg" class="imgbox"><a href="ms-sq.svg" download><img src="ms-sq.svg" class="bg0"/></a><div class="label">ms-sq.svg</div></div>
<div id="ms.svg" class="imgbox"><a href="ms.svg" download><img src="ms.svg" class="bg0"/></a><div class="label">ms.svg</div></div>
<div id="nodejs-2.svg" class="imgbox"><a href="nodejs-2.svg" download><img src="nodejs-2.svg" class="bg0"/></a><div class="label">nodejs-2.svg</div></div>
<div id="nodejs-3.svg" class="imgbox"><a href="nodejs-3.svg" download><img src="nodejs-3.svg" class="bg0"/></a><div class="label">nodejs-3.svg</div></div>
<div id="nodejs.svg" class="imgbox"><a href="nodejs.svg" download><img src="nodejs.svg" class="bg0"/></a><div class="label">nodejs.svg</div></div>
<div id="octopus-deploy.svg" class="imgbox"><a href="octopus-deploy.svg" download><img src="octopus-deploy.svg" class="bg0"/></a><div class="label">octopus-deploy.svg</div></div>
<div id="powerbi-mono-black.svg" class="imgbox"><a href="powerbi-mono-black.svg" download><img src="powerbi-mono-black.svg" class="bg0"/></a><div class="label">powerbi-mono-black.svg</div></div>
<div id="puppet.svg" class="imgbox"><a href="puppet.svg" download><img src="puppet.svg" class="bg0"/></a><div class="label">puppet.svg</div></div>
<div id="python-colour.svg" class="imgbox"><a href="python-colour.svg" download><img src="python-colour.svg" class="bg0"/></a><div class="label">python-colour.svg</div></div>
<div id="python-mono.svg" class="imgbox"><a href="python-mono.svg" download><img src="python-mono.svg" class="bg0"/></a><div class="label">python-mono.svg</div></div>
<div id="red-hat.svg" class="imgbox"><a href="red-hat.svg" download><img src="red-hat.svg" class="bg0"/></a><div class="label">red-hat.svg</div></div>
<div id="ruby mono.svg" class="imgbox"><a href="ruby mono.svg" download><img src="ruby mono.svg" class="bg0"/></a><div class="label">ruby mono.svg</div></div>
<div id="ruby.svg" class="imgbox"><a href="ruby.svg" download><img src="ruby.svg" class="bg0"/></a><div class="label">ruby.svg</div></div>
<div id="saltstack.svg" class="imgbox"><a href="saltstack.svg" download><img src="saltstack.svg" class="bg0"/></a><div class="label">saltstack.svg</div></div>
<div id="sap.svg" class="imgbox"><a href="sap.svg" download><img src="sap.svg" class="bg0"/></a><div class="label">sap.svg</div></div>
<div id="slack.svg" class="imgbox"><a href="slack.svg" download><img src="slack.svg" class="bg0"/></a><div class="label">slack.svg</div></div>
<div id="suse.svg" class="imgbox"><a href="suse.svg" download><img src="suse.svg" class="bg0"/></a><div class="label">suse.svg</div></div>
<div id="terraform.svg" class="imgbox"><a href="terraform.svg" download><img src="terraform.svg" class="bg0"/></a><div class="label">terraform.svg</div></div>
<div id="trello.svg" class="imgbox"><a href="trello.svg" download><img src="trello.svg" class="bg0"/></a><div class="label">trello.svg</div></div>
<div id="twitter-square.svg" class="imgbox"><a href="twitter-square.svg" download><img src="twitter-square.svg" class="bg0"/></a><div class="label">twitter-square.svg</div></div>
<div id="ubuntu.svg" class="imgbox"><a href="ubuntu.svg" download><img src="ubuntu.svg" class="bg0"/></a><div class="label">ubuntu.svg</div></div>
<div id="vuejs.svg" class="imgbox"><a href="vuejs.svg" download><img src="vuejs.svg" class="bg0"/></a><div class="label">vuejs.svg</div></div>
<div id="windows.svg" class="imgbox"><a href="windows.svg" download><img src="windows.svg" class="bg0"/></a><div class="label">windows.svg</div></div>
<div id="youtube.svg" class="imgbox"><a href="youtube.svg" download><img src="youtube.svg" class="bg0"/></a><div class="label">youtube.svg</div></div>
<div id="android.svg" class="imgbox"><img src="android.svg" class="bg0" onclick="download('android.svg', this)"/><div class="label">android.svg</div></div>
<div id="angular.svg" class="imgbox"><img src="angular.svg" class="bg0" onclick="download('angular.svg', this)"/><div class="label">angular.svg</div></div>
<div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg0" onclick="download('ansible.svg', this)"/><div class="label">ansible.svg</div></div>
<div id="apache.svg" class="imgbox"><img src="apache.svg" class="bg0" onclick="download('apache.svg', this)"/><div class="label">apache.svg</div></div>
<div id="azure-logo.svg" class="imgbox"><img src="azure-logo.svg" class="bg0" onclick="download('azure-logo.svg', this)"/><div class="label">azure-logo.svg</div></div>
<div id="azure-offical.svg" class="imgbox"><img src="azure-offical.svg" class="bg0" onclick="download('azure-offical.svg', this)"/><div class="label">azure-offical.svg</div></div>
<div id="bash.svg" class="imgbox"><img src="bash.svg" class="bg0" onclick="download('bash.svg', this)"/><div class="label">bash.svg</div></div>
<div id="bit-bucket.svg" class="imgbox"><img src="bit-bucket.svg" class="bg0" onclick="download('bit-bucket.svg', this)"/><div class="label">bit-bucket.svg</div></div>
<div id="chef-logo.svg" class="imgbox"><img src="chef-logo.svg" class="bg0" onclick="download('chef-logo.svg', this)"/><div class="label">chef-logo.svg</div></div>
<div id="chef.svg" class="imgbox"><img src="chef.svg" class="bg0" onclick="download('chef.svg', this)"/><div class="label">chef.svg</div></div>
<div id="csharp.svg" class="imgbox"><img src="csharp.svg" class="bg0" onclick="download('csharp.svg', this)"/><div class="label">csharp.svg</div></div>
<div id="docker-icon-wh.svg" class="imgbox"><img src="docker-icon-wh.svg" class="bg0" onclick="download('docker-icon-wh.svg', this)"/><div class="label">docker-icon-wh.svg</div></div>
<div id="docker-icon.svg" class="imgbox"><img src="docker-icon.svg" class="bg0" onclick="download('docker-icon.svg', this)"/><div class="label">docker-icon.svg</div></div>
<div id="docker-mono.svg" class="imgbox"><img src="docker-mono.svg" class="bg0" onclick="download('docker-mono.svg', this)"/><div class="label">docker-mono.svg</div></div>
<div id="docker-whale.svg" class="imgbox"><img src="docker-whale.svg" class="bg0" onclick="download('docker-whale.svg', this)"/><div class="label">docker-whale.svg</div></div>
<div id="dotnetcore.svg" class="imgbox"><img src="dotnetcore.svg" class="bg0" onclick="download('dotnetcore.svg', this)"/><div class="label">dotnetcore.svg</div></div>
<div id="dynamics.svg" class="imgbox"><img src="dynamics.svg" class="bg0" onclick="download('dynamics.svg', this)"/><div class="label">dynamics.svg</div></div>
<div id="eclipse.svg" class="imgbox"><img src="eclipse.svg" class="bg0" onclick="download('eclipse.svg', this)"/><div class="label">eclipse.svg</div></div>
<div id="flask.svg" class="imgbox"><img src="flask.svg" class="bg0" onclick="download('flask.svg', this)"/><div class="label">flask.svg</div></div>
<div id="git.svg" class="imgbox"><img src="git.svg" class="bg0" onclick="download('git.svg', this)"/><div class="label">git.svg</div></div>
<div id="github.svg" class="imgbox"><img src="github.svg" class="bg0" onclick="download('github.svg', this)"/><div class="label">github.svg</div></div>
<div id="gradle.svg" class="imgbox"><img src="gradle.svg" class="bg0" onclick="download('gradle.svg', this)"/><div class="label">gradle.svg</div></div>
<div id="helm-logo.svg" class="imgbox"><img src="helm-logo.svg" class="bg0" onclick="download('helm-logo.svg', this)"/><div class="label">helm-logo.svg</div></div>
<div id="java.svg" class="imgbox"><img src="java.svg" class="bg0" onclick="download('java.svg', this)"/><div class="label">java.svg</div></div>
<div id="jenkins.svg" class="imgbox"><img src="jenkins.svg" class="bg0" onclick="download('jenkins.svg', this)"/><div class="label">jenkins.svg</div></div>
<div id="jfrog.svg" class="imgbox"><img src="jfrog.svg" class="bg0" onclick="download('jfrog.svg', this)"/><div class="label">jfrog.svg</div></div>
<div id="kube.svg" class="imgbox"><img src="kube.svg" class="bg0" onclick="download('kube.svg', this)"/><div class="label">kube.svg</div></div>
<div id="linkedin.svg" class="imgbox"><img src="linkedin.svg" class="bg0" onclick="download('linkedin.svg', this)"/><div class="label">linkedin.svg</div></div>
<div id="linux-tux-colour.svg" class="imgbox"><img src="linux-tux-colour.svg" class="bg0" onclick="download('linux-tux-colour.svg', this)"/><div class="label">linux-tux-colour.svg</div></div>
<div id="linux-tux-mono.svg" class="imgbox"><img src="linux-tux-mono.svg" class="bg0" onclick="download('linux-tux-mono.svg', this)"/><div class="label">linux-tux-mono.svg</div></div>
<div id="microsoft-logo.svg" class="imgbox"><img src="microsoft-logo.svg" class="bg0" onclick="download('microsoft-logo.svg', this)"/><div class="label">microsoft-logo.svg</div></div>
<div id="microsoft.svg" class="imgbox"><img src="microsoft.svg" class="bg0" onclick="download('microsoft.svg', this)"/><div class="label">microsoft.svg</div></div>
<div id="ms-sq.svg" class="imgbox"><img src="ms-sq.svg" class="bg0" onclick="download('ms-sq.svg', this)"/><div class="label">ms-sq.svg</div></div>
<div id="ms.svg" class="imgbox"><img src="ms.svg" class="bg0" onclick="download('ms.svg', this)"/><div class="label">ms.svg</div></div>
<div id="nodejs-2.svg" class="imgbox"><img src="nodejs-2.svg" class="bg0" onclick="download('nodejs-2.svg', this)"/><div class="label">nodejs-2.svg</div></div>
<div id="nodejs-3.svg" class="imgbox"><img src="nodejs-3.svg" class="bg0" onclick="download('nodejs-3.svg', this)"/><div class="label">nodejs-3.svg</div></div>
<div id="nodejs.svg" class="imgbox"><img src="nodejs.svg" class="bg0" onclick="download('nodejs.svg', this)"/><div class="label">nodejs.svg</div></div>
<div id="octopus-deploy.svg" class="imgbox"><img src="octopus-deploy.svg" class="bg0" onclick="download('octopus-deploy.svg', this)"/><div class="label">octopus-deploy.svg</div></div>
<div id="powerbi-mono-black.svg" class="imgbox"><img src="powerbi-mono-black.svg" class="bg0" onclick="download('powerbi-mono-black.svg', this)"/><div class="label">powerbi-mono-black.svg</div></div>
<div id="puppet.svg" class="imgbox"><img src="puppet.svg" class="bg0" onclick="download('puppet.svg', this)"/><div class="label">puppet.svg</div></div>
<div id="python-colour.svg" class="imgbox"><img src="python-colour.svg" class="bg0" onclick="download('python-colour.svg', this)"/><div class="label">python-colour.svg</div></div>
<div id="python-mono.svg" class="imgbox"><img src="python-mono.svg" class="bg0" onclick="download('python-mono.svg', this)"/><div class="label">python-mono.svg</div></div>
<div id="red-hat.svg" class="imgbox"><img src="red-hat.svg" class="bg0" onclick="download('red-hat.svg', this)"/><div class="label">red-hat.svg</div></div>
<div id="ruby mono.svg" class="imgbox"><img src="ruby mono.svg" class="bg0" onclick="download('ruby mono.svg', this)"/><div class="label">ruby mono.svg</div></div>
<div id="ruby.svg" class="imgbox"><img src="ruby.svg" class="bg0" onclick="download('ruby.svg', this)"/><div class="label">ruby.svg</div></div>
<div id="saltstack.svg" class="imgbox"><img src="saltstack.svg" class="bg0" onclick="download('saltstack.svg', this)"/><div class="label">saltstack.svg</div></div>
<div id="sap.svg" class="imgbox"><img src="sap.svg" class="bg0" onclick="download('sap.svg', this)"/><div class="label">sap.svg</div></div>
<div id="slack.svg" class="imgbox"><img src="slack.svg" class="bg0" onclick="download('slack.svg', this)"/><div class="label">slack.svg</div></div>
<div id="suse.svg" class="imgbox"><img src="suse.svg" class="bg0" onclick="download('suse.svg', this)"/><div class="label">suse.svg</div></div>
<div id="terraform.svg" class="imgbox"><img src="terraform.svg" class="bg0" onclick="download('terraform.svg', this)"/><div class="label">terraform.svg</div></div>
<div id="trello.svg" class="imgbox"><img src="trello.svg" class="bg0" onclick="download('trello.svg', this)"/><div class="label">trello.svg</div></div>
<div id="twitter-square.svg" class="imgbox"><img src="twitter-square.svg" class="bg0" onclick="download('twitter-square.svg', this)"/><div class="label">twitter-square.svg</div></div>
<div id="ubuntu.svg" class="imgbox"><img src="ubuntu.svg" class="bg0" onclick="download('ubuntu.svg', this)"/><div class="label">ubuntu.svg</div></div>
<div id="vuejs.svg" class="imgbox"><img src="vuejs.svg" class="bg0" onclick="download('vuejs.svg', this)"/><div class="label">vuejs.svg</div></div>
<div id="windows.svg" class="imgbox"><img src="windows.svg" class="bg0" onclick="download('windows.svg', this)"/><div class="label">windows.svg</div></div>
<div id="youtube.svg" class="imgbox"><img src="youtube.svg" class="bg0" onclick="download('youtube.svg', this)"/><div class="label">youtube.svg</div></div>

</div>
<script>
@@ -153,12 +155,24 @@ function search() {
}
}

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

console.log(getBase64Image(e))

}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
</script>
</body></html>

+ 43
- 29
other/index.html Ver arquivo

@@ -1,5 +1,7 @@

<head><title>Other Icons</title></head>
<head><title>Other Icons</title>
<script src="http://pablojs.com/downloads/pablo.min.js"></script>
</head>
<style>
body {
font-family: 'Segoe UI', Arial;
@@ -70,31 +72,31 @@ h1 {
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="Kudu.svg" class="imgbox"><a href="Kudu.svg" download><img src="Kudu.svg" class="bg0"/></a><div class="label">Kudu.svg</div></div>
<div id="aks-blue.svg" class="imgbox"><a href="aks-blue.svg" download><img src="aks-blue.svg" class="bg0"/></a><div class="label">aks-blue.svg</div></div>
<div id="app-center-colour.svg" class="imgbox"><a href="app-center-colour.svg" download><img src="app-center-colour.svg" class="bg0"/></a><div class="label">app-center-colour.svg</div></div>
<div id="app-center.svg" class="imgbox"><a href="app-center.svg" download><img src="app-center.svg" class="bg0"/></a><div class="label">app-center.svg</div></div>
<div id="azure ml.svg" class="imgbox"><a href="azure ml.svg" download><img src="azure ml.svg" class="bg0"/></a><div class="label">azure ml.svg</div></div>
<div id="cloud-security.svg" class="imgbox"><a href="cloud-security.svg" download><img src="cloud-security.svg" class="bg0"/></a><div class="label">cloud-security.svg</div></div>
<div id="connector.svg" class="imgbox"><a href="connector.svg" download><img src="connector.svg" class="bg0"/></a><div class="label">connector.svg</div></div>
<div id="container-insights.svg" class="imgbox"><a href="container-insights.svg" download><img src="container-insights.svg" class="bg0"/></a><div class="label">container-insights.svg</div></div>
<div id="container-mon.svg" class="imgbox"><a href="container-mon.svg" download><img src="container-mon.svg" class="bg0"/></a><div class="label">container-mon.svg</div></div>
<div id="container.svg" class="imgbox"><a href="container.svg" download><img src="container.svg" class="bg0"/></a><div class="label">container.svg</div></div>
<div id="containerinstances-mono.svg" class="imgbox"><a href="containerinstances-mono.svg" download><img src="containerinstances-mono.svg" class="bg0"/></a><div class="label">containerinstances-mono.svg</div></div>
<div id="cubes.svg" class="imgbox"><a href="cubes.svg" download><img src="cubes.svg" class="bg0"/></a><div class="label">cubes.svg</div></div>
<div id="designer.svg" class="imgbox"><a href="designer.svg" download><img src="designer.svg" class="bg0"/></a><div class="label">designer.svg</div></div>
<div id="devops-boards.svg" class="imgbox"><a href="devops-boards.svg" download><img src="devops-boards.svg" class="bg0"/></a><div class="label">devops-boards.svg</div></div>
<div id="devops-pipelines.svg" class="imgbox"><a href="devops-pipelines.svg" download><img src="devops-pipelines.svg" class="bg0"/></a><div class="label">devops-pipelines.svg</div></div>
<div id="devops-repos.svg" class="imgbox"><a href="devops-repos.svg" download><img src="devops-repos.svg" class="bg0"/></a><div class="label">devops-repos.svg</div></div>
<div id="devops-testplans.svg" class="imgbox"><a href="devops-testplans.svg" download><img src="devops-testplans.svg" class="bg0"/></a><div class="label">devops-testplans.svg</div></div>
<div id="devopsiconartifacts96.svg" class="imgbox"><a href="devopsiconartifacts96.svg" download><img src="devopsiconartifacts96.svg" class="bg0"/></a><div class="label">devopsiconartifacts96.svg</div></div>
<div id="event-grid-topic.svg" class="imgbox"><a href="event-grid-topic.svg" download><img src="event-grid-topic.svg" class="bg0"/></a><div class="label">event-grid-topic.svg</div></div>
<div id="machine-learning-diagram.svg" class="imgbox"><a href="machine-learning-diagram.svg" download><img src="machine-learning-diagram.svg" class="bg0"/></a><div class="label">machine-learning-diagram.svg</div></div>
<div id="pickle.svg" class="imgbox"><a href="pickle.svg" download><img src="pickle.svg" class="bg0"/></a><div class="label">pickle.svg</div></div>
<div id="resource-explorer.svg" class="imgbox"><a href="resource-explorer.svg" download><img src="resource-explorer.svg" class="bg0"/></a><div class="label">resource-explorer.svg</div></div>
<div id="rss.svg" class="imgbox"><a href="rss.svg" download><img src="rss.svg" class="bg0"/></a><div class="label">rss.svg</div></div>
<div id="shield.svg" class="imgbox"><a href="shield.svg" download><img src="shield.svg" class="bg0"/></a><div class="label">shield.svg</div></div>
<div id="xcode.svg" class="imgbox"><a href="xcode.svg" download><img src="xcode.svg" class="bg0"/></a><div class="label">xcode.svg</div></div>
<div id="Kudu.svg" class="imgbox"><img src="Kudu.svg" class="bg0" onclick="download('Kudu.svg', this)"/><div class="label">Kudu.svg</div></div>
<div id="aks-blue.svg" class="imgbox"><img src="aks-blue.svg" class="bg0" onclick="download('aks-blue.svg', this)"/><div class="label">aks-blue.svg</div></div>
<div id="app-center-colour.svg" class="imgbox"><img src="app-center-colour.svg" class="bg0" onclick="download('app-center-colour.svg', this)"/><div class="label">app-center-colour.svg</div></div>
<div id="app-center.svg" class="imgbox"><img src="app-center.svg" class="bg0" onclick="download('app-center.svg', this)"/><div class="label">app-center.svg</div></div>
<div id="azure ml.svg" class="imgbox"><img src="azure ml.svg" class="bg0" onclick="download('azure ml.svg', this)"/><div class="label">azure ml.svg</div></div>
<div id="cloud-security.svg" class="imgbox"><img src="cloud-security.svg" class="bg0" onclick="download('cloud-security.svg', this)"/><div class="label">cloud-security.svg</div></div>
<div id="connector.svg" class="imgbox"><img src="connector.svg" class="bg0" onclick="download('connector.svg', this)"/><div class="label">connector.svg</div></div>
<div id="container-insights.svg" class="imgbox"><img src="container-insights.svg" class="bg0" onclick="download('container-insights.svg', this)"/><div class="label">container-insights.svg</div></div>
<div id="container-mon.svg" class="imgbox"><img src="container-mon.svg" class="bg0" onclick="download('container-mon.svg', this)"/><div class="label">container-mon.svg</div></div>
<div id="container.svg" class="imgbox"><img src="container.svg" class="bg0" onclick="download('container.svg', this)"/><div class="label">container.svg</div></div>
<div id="containerinstances-mono.svg" class="imgbox"><img src="containerinstances-mono.svg" class="bg0" onclick="download('containerinstances-mono.svg', this)"/><div class="label">containerinstances-mono.svg</div></div>
<div id="cubes.svg" class="imgbox"><img src="cubes.svg" class="bg0" onclick="download('cubes.svg', this)"/><div class="label">cubes.svg</div></div>
<div id="designer.svg" class="imgbox"><img src="designer.svg" class="bg0" onclick="download('designer.svg', this)"/><div class="label">designer.svg</div></div>
<div id="devops-boards.svg" class="imgbox"><img src="devops-boards.svg" class="bg0" onclick="download('devops-boards.svg', this)"/><div class="label">devops-boards.svg</div></div>
<div id="devops-pipelines.svg" class="imgbox"><img src="devops-pipelines.svg" class="bg0" onclick="download('devops-pipelines.svg', this)"/><div class="label">devops-pipelines.svg</div></div>
<div id="devops-repos.svg" class="imgbox"><img src="devops-repos.svg" class="bg0" onclick="download('devops-repos.svg', this)"/><div class="label">devops-repos.svg</div></div>
<div id="devops-testplans.svg" class="imgbox"><img src="devops-testplans.svg" class="bg0" onclick="download('devops-testplans.svg', this)"/><div class="label">devops-testplans.svg</div></div>
<div id="devopsiconartifacts96.svg" class="imgbox"><img src="devopsiconartifacts96.svg" class="bg0" onclick="download('devopsiconartifacts96.svg', this)"/><div class="label">devopsiconartifacts96.svg</div></div>
<div id="event-grid-topic.svg" class="imgbox"><img src="event-grid-topic.svg" class="bg0" onclick="download('event-grid-topic.svg', this)"/><div class="label">event-grid-topic.svg</div></div>
<div id="machine-learning-diagram.svg" class="imgbox"><img src="machine-learning-diagram.svg" class="bg0" onclick="download('machine-learning-diagram.svg', this)"/><div class="label">machine-learning-diagram.svg</div></div>
<div id="pickle.svg" class="imgbox"><img src="pickle.svg" class="bg0" onclick="download('pickle.svg', this)"/><div class="label">pickle.svg</div></div>
<div id="resource-explorer.svg" class="imgbox"><img src="resource-explorer.svg" class="bg0" onclick="download('resource-explorer.svg', this)"/><div class="label">resource-explorer.svg</div></div>
<div id="rss.svg" class="imgbox"><img src="rss.svg" class="bg0" onclick="download('rss.svg', this)"/><div class="label">rss.svg</div></div>
<div id="shield.svg" class="imgbox"><img src="shield.svg" class="bg0" onclick="download('shield.svg', this)"/><div class="label">shield.svg</div></div>
<div id="xcode.svg" class="imgbox"><img src="xcode.svg" class="bg0" onclick="download('xcode.svg', this)"/><div class="label">xcode.svg</div></div>

</div>
<script>
@@ -122,12 +124,24 @@ function search() {
}
}

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

console.log(getBase64Image(e))

}

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
</script>
</body></html>

Carregando…
Cancelar
Salvar