Browse Source

Looking good

pull/1/head
Ben Coleman 5 years ago
parent
commit
c5370f5fc0
42 changed files with 1717 additions and 1583 deletions
  1. +3
    -0
      .vscode/settings.json
  2. +1
    -1
      _config.yml
  3. BIN
      _tools/background.png
  4. +85
    -10
      _tools/gallery.js
  5. +6
    -6
      _tools/run-gallery.sh
  6. +2
    -2
      _tools/run-scrape.sh
  7. +272
    -197
      azure-docs/index.html
  8. +95
    -44
      azure-dotcom/index.html
  9. BIN
      azure-dotcom/migrate_transparent.png
  10. +0
    -43
      azure-dotcom/svg-ai.svg
  11. +0
    -14
      azure-dotcom/svg-app-service-mobile.svg
  12. +0
    -9
      azure-dotcom/svg-automation.svg
  13. +0
    -19
      azure-dotcom/svg-big-data.svg
  14. +0
    -9
      azure-dotcom/svg-business-intelligence.svg
  15. +0
    -8
      azure-dotcom/svg-confidential-compute.svg
  16. +0
    -15
      azure-dotcom/svg-data-warehouse.svg
  17. +0
    -13
      azure-dotcom/svg-decentralized-identity.svg
  18. +0
    -11
      azure-dotcom/svg-devtest-lab.svg
  19. +0
    -17
      azure-dotcom/svg-discrete-manufacturing.svg
  20. +0
    -7
      azure-dotcom/svg-dynamics.svg
  21. +0
    -6
      azure-dotcom/svg-facebook-square-bw.svg
  22. +0
    -20
      azure-dotcom/svg-financial.svg
  23. +0
    -11
      azure-dotcom/svg-gaming.svg
  24. +0
    -13
      azure-dotcom/svg-governance.svg
  25. +0
    -44
      azure-dotcom/svg-government.svg
  26. +0
    -15
      azure-dotcom/svg-healthcare.svg
  27. +0
    -8
      azure-dotcom/svg-linkedin.svg
  28. +0
    -8
      azure-dotcom/svg-media-player.svg
  29. +0
    -6
      azure-dotcom/svg-microservice.svg
  30. +0
    -5
      azure-dotcom/svg-microsoft.svg
  31. +0
    -38
      azure-dotcom/svg-monitor.svg
  32. +0
    -14
      azure-dotcom/svg-msazure-logo.svg
  33. +0
    -11
      azure-dotcom/svg-retailers.svg
  34. +782
    -707
      azure-patterns/index.html
  35. +1
    -7
      azure-patterns/svg-1.svg
  36. +210
    -135
      learning-site/index.html
  37. +140
    -65
      logos/index.html
  38. +1
    -1
      other/app-center.svg
  39. +1
    -1
      other/container-mon.svg
  40. +109
    -34
      other/index.html
  41. +3
    -3
      other/rss.svg
  42. +6
    -6
      readme.md

+ 3
- 0
.vscode/settings.json View File

@@ -0,0 +1,3 @@
{
"svg.preview.background": "transparent"
}

+ 1
- 1
_config.yml View File

@@ -1 +1 @@
theme: jekyll-theme-midnight
remote_theme: benc-uk/theme-msdark

BIN
_tools/background.png View File

Before After
Width: 20  |  Height: 20  |  Size: 1.1 KiB

+ 85
- 10
_tools/gallery.js View File

@@ -15,34 +15,109 @@ outHtml = `
<style>
body {
font-family: 'Segoe UI', Arial;
font-size: 15px;
background-color: #aaa;
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
.bg0 {
background-image: url("../_tools/background.png")
}
.bg1 {
background-color: #333;
}
.bg2 {
background-color: #fff;
}
.imgbox img {
width: 10.5rem;
height: 10.5rem;
object-fit: contain;
}
.imgbox {
display: inline-block;
margin: 0.5rem;
margin: 0.6rem;
padding: 0.5rem;
text-align: center;
width: 12rem;
word-wrap: break-word;
height: 12rem;
background-color: #e0e0e0;
}
h1 {
font-size: 2.6rem;
}
.find, .find input {
font-size: 1.5rem;
}
.top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #aaa;
padding: 1rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
}
.top button {
float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
}
.label {
height: 2.5em;
line-height: 1em;
overflow: hidden;
font-size: 0.9rem;
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
<body>
<div class="top">
<h1>${TITLE}</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
`

var files = fs.readdirSync(DIR);
for(let f of files) {
if(!f.endsWith(".svg")) continue;
outHtml += `<div class="imgbox"><img src="${f}" /><span>${f}</span></div>\n`
outHtml += `<div id="${f}" class="imgbox"><img src="${f}" class="bg0"/><div class="label">${f}</div></div>\n`
}

outHtml += `
</div>
<script>
var bg = 0;
function toggleBg() {
bg++
if(bg > 2) bg = 0;
for(let img of document.getElementsByTagName("img")) {
img.className = \`bg\${bg}\`;
}
}

function search() {
let q = document.getElementById('finder').value.trim().toLowerCase()
if(q.length <= 0) {
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
}
}
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
if(!imgbox.id.includes(q)) {
imgbox.style.display = "none"
}
}
}

outHtml += "</body></html>"
</script>
</body></html>`

console.log(`### Generating gallery index.html for ${DIR}`);



+ 6
- 6
_tools/run-gallery.sh View File

@@ -1,7 +1,7 @@
#!/bin/bash
node gallery.js ../azure-docs
node gallery.js ../azure-dotcom
node gallery.js ../azure-patterns
node gallery.js ../learning-site
node gallery.js ../logos
node gallery.js ../other
node gallery.js ../azure-docs "Azure Docs"
node gallery.js ../azure-dotcom "Azure.com Various"
node gallery.js ../azure-patterns "Azure Patterns Collection"
node gallery.js ../learning-site "Microsoft Learning Site"
node gallery.js ../logos "Logos & Brands"
node gallery.js ../other "Other Icons"

+ 2
- 2
_tools/run-scrape.sh View File

@@ -1,7 +1,7 @@
#!/bin/bash
#node scrape.js https://docs.microsoft.com/en-gb/azure/
node scrape.js https://docs.microsoft.com/en-gb/azure/
node scrape.js https://azure.microsoft.com/en-gb/patterns/styles/glyphs-icons/
#node scrape.js https://azure.microsoft.com/en-us/solutions/
node scrape.js https://azure.microsoft.com/en-us/solutions/

# node scrape.js https://azure.microsoft.com/en-us/overview/azure-vs-aws
# node scrape.js https://azure.microsoft.com/en-us/overview/ai-platform


+ 272
- 197
azure-docs/index.html View File

@@ -1,213 +1,288 @@

<head><title>Gallery</title></head>
<head><title>Azure Docs</title></head>
<style>
body {
font-family: 'Segoe UI', Arial;
font-size: 15px;
background-color: #aaa;
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
.bg0 {
background-image: url("../_tools/background.png")
}
.bg1 {
background-color: #333;
}
.bg2 {
background-color: #fff;
}
.imgbox img {
width: 10.5rem;
height: 10.5rem;
object-fit: contain;
}
.imgbox {
display: inline-block;
margin: 0.5rem;
margin: 0.6rem;
padding: 0.5rem;
text-align: center;
width: 12rem;
word-wrap: break-word;
height: 12rem;
background-color: #e0e0e0;
}
h1 {
font-size: 2.6rem;
}
.find, .find input {
font-size: 1.5rem;
}
.top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #aaa;
padding: 1rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
}
.top button {
float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
}
.label {
height: 2.5em;
line-height: 1em;
overflow: hidden;
font-size: 0.9rem;
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
<body>
<div class="imgbox"><img src="activedirectory.svg" /><span>activedirectory.svg</span></div>
<div class="imgbox"><img src="advisor.svg" /><span>advisor.svg</span></div>
<div class="imgbox"><img src="analysisservices.svg" /><span>analysisservices.svg</span></div>
<div class="imgbox"><img src="ansible.svg" /><span>ansible.svg</span></div>
<div class="imgbox"><img src="api_anomaly_finder.svg" /><span>api_anomaly_finder.svg</span></div>
<div class="imgbox"><img src="api_answer_search.svg" /><span>api_answer_search.svg</span></div>
<div class="imgbox"><img src="api_bing_autosuggest.svg" /><span>api_bing_autosuggest.svg</span></div>
<div class="imgbox"><img src="api_bing_custom_search.svg" /><span>api_bing_custom_search.svg</span></div>
<div class="imgbox"><img src="api_bing_entity_search.svg" /><span>api_bing_entity_search.svg</span></div>
<div class="imgbox"><img src="api_bing_image_search.svg" /><span>api_bing_image_search.svg</span></div>
<div class="imgbox"><img src="api_bing_news_search.svg" /><span>api_bing_news_search.svg</span></div>
<div class="imgbox"><img src="api_bing_speech.svg" /><span>api_bing_speech.svg</span></div>
<div class="imgbox"><img src="api_bing_spell_check.svg" /><span>api_bing_spell_check.svg</span></div>
<div class="imgbox"><img src="api_bing_video_search.svg" /><span>api_bing_video_search.svg</span></div>
<div class="imgbox"><img src="api_bing_visual_search.svg" /><span>api_bing_visual_search.svg</span></div>
<div class="imgbox"><img src="api_bing_web_search.svg" /><span>api_bing_web_search.svg</span></div>
<div class="imgbox"><img src="api_computer_vision.svg" /><span>api_computer_vision.svg</span></div>
<div class="imgbox"><img src="api_content_moderator.svg" /><span>api_content_moderator.svg</span></div>
<div class="imgbox"><img src="api_conversation_learner.svg" /><span>api_conversation_learner.svg</span></div>
<div class="imgbox"><img src="api_custom_decision_service.svg" /><span>api_custom_decision_service.svg</span></div>
<div class="imgbox"><img src="api_custom_speech.svg" /><span>api_custom_speech.svg</span></div>
<div class="imgbox"><img src="api_custom_vision.svg" /><span>api_custom_vision.svg</span></div>
<div class="imgbox"><img src="api_emotion.svg" /><span>api_emotion.svg</span></div>
<div class="imgbox"><img src="api_entity_linkingintelligence.svg" /><span>api_entity_linkingintelligence.svg</span></div>
<div class="imgbox"><img src="api_face.svg" /><span>api_face.svg</span></div>
<div class="imgbox"><img src="api_know_academic.svg" /><span>api_know_academic.svg</span></div>
<div class="imgbox"><img src="api_knowledgeexploration.svg" /><span>api_knowledgeexploration.svg</span></div>
<div class="imgbox"><img src="api_linguisticanalysis.svg" /><span>api_linguisticanalysis.svg</span></div>
<div class="imgbox"><img src="api_luis.svg" /><span>api_luis.svg</span></div>
<div class="imgbox"><img src="api_qnamaker.svg" /><span>api_qnamaker.svg</span></div>
<div class="imgbox"><img src="api_recommendations.svg" /><span>api_recommendations.svg</span></div>
<div class="imgbox"><img src="api_speaker_recognition.svg" /><span>api_speaker_recognition.svg</span></div>
<div class="imgbox"><img src="api_speech_service.svg" /><span>api_speech_service.svg</span></div>
<div class="imgbox"><img src="api_textanalytics.svg" /><span>api_textanalytics.svg</span></div>
<div class="imgbox"><img src="api_translatorspeech.svg" /><span>api_translatorspeech.svg</span></div>
<div class="imgbox"><img src="api_translatortext.svg" /><span>api_translatortext.svg</span></div>
<div class="imgbox"><img src="api_url_preview.svg" /><span>api_url_preview.svg</span></div>
<div class="imgbox"><img src="api_videoindexer.svg" /><span>api_videoindexer.svg</span></div>
<div class="imgbox"><img src="api_weblanguagemodel.svg" /><span>api_weblanguagemodel.svg</span></div>
<div class="imgbox"><img src="apimanagement.svg" /><span>apimanagement.svg</span></div>
<div class="imgbox"><img src="app-service-api.svg" /><span>app-service-api.svg</span></div>
<div class="imgbox"><img src="app-service-mobile.svg" /><span>app-service-mobile.svg</span></div>
<div class="imgbox"><img src="app-service-web.svg" /><span>app-service-web.svg</span></div>
<div class="imgbox"><img src="applicationgateway.svg" /><span>applicationgateway.svg</span></div>
<div class="imgbox"><img src="applicationinsights.svg" /><span>applicationinsights.svg</span></div>
<div class="imgbox"><img src="appservice.svg" /><span>appservice.svg</span></div>
<div class="imgbox"><img src="automate-azure-tasks-with-powershell.svg" /><span>automate-azure-tasks-with-powershell.svg</span></div>
<div class="imgbox"><img src="automation.svg" /><span>automation.svg</span></div>
<div class="imgbox"><img src="availabilitysetold.svg" /><span>availabilitysetold.svg</span></div>
<div class="imgbox"><img src="avere.svg" /><span>avere.svg</span></div>
<div class="imgbox"><img src="azure-data-lake-analytics-color.svg" /><span>azure-data-lake-analytics-color.svg</span></div>
<div class="imgbox"><img src="azure-data-lake-store-color.svg" /><span>azure-data-lake-store-color.svg</span></div>
<div class="imgbox"><img src="azure-germany.svg" /><span>azure-germany.svg</span></div>
<div class="imgbox"><img src="azure-government.svg" /><span>azure-government.svg</span></div>
<div class="imgbox"><img src="azure-maps-icon-portal.svg" /><span>azure-maps-icon-portal.svg</span></div>
<div class="imgbox"><img src="azure-migrate.svg" /><span>azure-migrate.svg</span></div>
<div class="imgbox"><img src="azure-resource-manager.svg" /><span>azure-resource-manager.svg</span></div>
<div class="imgbox"><img src="azure-signalr.svg" /><span>azure-signalr.svg</span></div>
<div class="imgbox"><img src="azure-stack.svg" /><span>azure-stack.svg</span></div>
<div class="imgbox"><img src="azure_best-practices.svg" /><span>azure_best-practices.svg</span></div>
<div class="imgbox"><img src="azure_dev-1.svg" /><span>azure_dev-1.svg</span></div>
<div class="imgbox"><img src="azure_dev-10.svg" /><span>azure_dev-10.svg</span></div>
<div class="imgbox"><img src="azure_dev-11.svg" /><span>azure_dev-11.svg</span></div>
<div class="imgbox"><img src="azure_dev-2.svg" /><span>azure_dev-2.svg</span></div>
<div class="imgbox"><img src="azure_dev-3.svg" /><span>azure_dev-3.svg</span></div>
<div class="imgbox"><img src="azure_dev-4.svg" /><span>azure_dev-4.svg</span></div>
<div class="imgbox"><img src="azure_dev-6.svg" /><span>azure_dev-6.svg</span></div>
<div class="imgbox"><img src="azure_dev-7.svg" /><span>azure_dev-7.svg</span></div>
<div class="imgbox"><img src="azure_dev-8.svg" /><span>azure_dev-8.svg</span></div>
<div class="imgbox"><img src="azure_event_grid.svg" /><span>azure_event_grid.svg</span></div>
<div class="imgbox"><img src="azure_firewall.svg" /><span>azure_firewall.svg</span></div>
<div class="imgbox"><img src="azure_fundamentals.svg" /><span>azure_fundamentals.svg</span></div>
<div class="imgbox"><img src="azure_patterns.svg" /><span>azure_patterns.svg</span></div>
<div class="imgbox"><img src="azure_reference-archictectures.svg" /><span>azure_reference-archictectures.svg</span></div>
<div class="imgbox"><img src="azuredevspacecontroller_50x.svg" /><span>azuredevspacecontroller_50x.svg</span></div>
<div class="imgbox"><img src="azurefunctions.svg" /><span>azurefunctions.svg</span></div>
<div class="imgbox"><img src="azuremonitoring.svg" /><span>azuremonitoring.svg</span></div>
<div class="imgbox"><img src="backup.svg" /><span>backup.svg</span></div>
<div class="imgbox"><img src="batch.svg" /><span>batch.svg</span></div>
<div class="imgbox"><img src="billing.svg" /><span>billing.svg</span></div>
<div class="imgbox"><img src="blockchain-workbench.svg" /><span>blockchain-workbench.svg</span></div>
<div class="imgbox"><img src="blueprints.svg" /><span>blueprints.svg</span></div>
<div class="imgbox"><img src="bot-service.svg" /><span>bot-service.svg</span></div>
<div class="imgbox"><img src="chef_regular.svg" /><span>chef_regular.svg</span></div>
<div class="imgbox"><img src="cloud-shell.svg" /><span>cloud-shell.svg</span></div>
<div class="imgbox"><img src="cloudservice.svg" /><span>cloudservice.svg</span></div>
<div class="imgbox"><img src="container-registry.svg" /><span>container-registry.svg</span></div>
<div class="imgbox"><img src="containerinstances.svg" /><span>containerinstances.svg</span></div>
<div class="imgbox"><img src="containerservice.svg" /><span>containerservice.svg</span></div>
<div class="imgbox"><img src="contentdeliverynetwork.svg" /><span>contentdeliverynetwork.svg</span></div>
<div class="imgbox"><img src="control-azure-services-with-cli.svg" /><span>control-azure-services-with-cli.svg</span></div>
<div class="imgbox"><img src="cosmosdb.svg" /><span>cosmosdb.svg</span></div>
<div class="imgbox"><img src="cosmosdb_rgb_ui_lighttheme.svg" /><span>cosmosdb_rgb_ui_lighttheme.svg</span></div>
<div class="imgbox"><img src="data-catalog.svg" /><span>data-catalog.svg</span></div>
<div class="imgbox"><img src="database-migration.svg" /><span>database-migration.svg</span></div>
<div class="imgbox"><img src="datafactory.svg" /><span>datafactory.svg</span></div>
<div class="imgbox"><img src="ddos-protection.svg" /><span>ddos-protection.svg</span></div>
<div class="imgbox"><img src="ddos.svg" /><span>ddos.svg</span></div>
<div class="imgbox"><img src="dedicated-hsm.svg" /><span>dedicated-hsm.svg</span></div>
<div class="imgbox"><img src="devopsiconpipelines96.svg" /><span>devopsiconpipelines96.svg</span></div>
<div class="imgbox"><img src="devtestlabs.svg" /><span>devtestlabs.svg</span></div>
<div class="imgbox"><img src="digital_twin.svg" /><span>digital_twin.svg</span></div>
<div class="imgbox"><img src="disks-color.svg" /><span>disks-color.svg</span></div>
<div class="imgbox"><img src="dns.svg" /><span>dns.svg</span></div>
<div class="imgbox"><img src="dps.svg" /><span>dps.svg</span></div>
<div class="imgbox"><img src="eventhubs.svg" /><span>eventhubs.svg</span></div>
<div class="imgbox"><img src="expressroute.svg" /><span>expressroute.svg</span></div>
<div class="imgbox"><img src="fabric.svg" /><span>fabric.svg</span></div>
<div class="imgbox"><img src="frontdoor.svg" /><span>frontdoor.svg</span></div>
<div class="imgbox"><img src="genomics.svg" /><span>genomics.svg</span></div>
<div class="imgbox"><img src="governance.svg" /><span>governance.svg</span></div>
<div class="imgbox"><img src="hdinsight.svg" /><span>hdinsight.svg</span></div>
<div class="imgbox"><img src="hockeyapp.svg" /><span>hockeyapp.svg</span></div>
<div class="imgbox"><img src="i_azure-cognitive-services-color.svg" /><span>i_azure-cognitive-services-color.svg</span></div>
<div class="imgbox"><img src="i_cligeneric.svg" /><span>i_cligeneric.svg</span></div>
<div class="imgbox"><img src="i_extensions.svg" /><span>i_extensions.svg</span></div>
<div class="imgbox"><img src="i_information-protection.svg" /><span>i_information-protection.svg</span></div>
<div class="imgbox"><img src="i_managed-application.svg" /><span>i_managed-application.svg</span></div>
<div class="imgbox"><img src="i_mobile-app-developement.svg" /><span>i_mobile-app-developement.svg</span></div>
<div class="imgbox"><img src="i_tools.svg" /><span>i_tools.svg</span></div>
<div class="imgbox"><img src="iot-central.svg" /><span>iot-central.svg</span></div>
<div class="imgbox"><img src="iot-edge-alt.svg" /><span>iot-edge-alt.svg</span></div>
<div class="imgbox"><img src="iot-solution-accelerators.svg" /><span>iot-solution-accelerators.svg</span></div>
<div class="imgbox"><img src="iothub.svg" /><span>iothub.svg</span></div>
<div class="imgbox"><img src="keyvault.svg" /><span>keyvault.svg</span></div>
<div class="imgbox"><img src="loadbalancer.svg" /><span>loadbalancer.svg</span></div>
<div class="imgbox"><img src="logicapp.svg" /><span>logicapp.svg</span></div>
<div class="imgbox"><img src="logo_Go-lightblue.svg" /><span>logo_Go-lightblue.svg</span></div>
<div class="imgbox"><img src="logo_azure-blob-storage.svg" /><span>logo_azure-blob-storage.svg</span></div>
<div class="imgbox"><img src="logo_azure-storage-file.svg" /><span>logo_azure-storage-file.svg</span></div>
<div class="imgbox"><img src="logo_azure-storage-q.svg" /><span>logo_azure-storage-q.svg</span></div>
<div class="imgbox"><img src="logo_azure.svg" /><span>logo_azure.svg</span></div>
<div class="imgbox"><img src="logo_cyclecloud.svg" /><span>logo_cyclecloud.svg</span></div>
<div class="imgbox"><img src="logo_databricks.svg" /><span>logo_databricks.svg</span></div>
<div class="imgbox"><img src="logo_java.svg" /><span>logo_java.svg</span></div>
<div class="imgbox"><img src="logo_jenkins.svg" /><span>logo_jenkins.svg</span></div>
<div class="imgbox"><img src="logo_net.svg" /><span>logo_net.svg</span></div>
<div class="imgbox"><img src="logo_nodejs.svg" /><span>logo_nodejs.svg</span></div>
<div class="imgbox"><img src="logo_php.svg" /><span>logo_php.svg</span></div>
<div class="imgbox"><img src="logo_python.svg" /><span>logo_python.svg</span></div>
<div class="imgbox"><img src="logo_terraform.svg" /><span>logo_terraform.svg</span></div>
<div class="imgbox"><img src="logo_visual-studio.svg" /><span>logo_visual-studio.svg</span></div>
<div class="imgbox"><img src="logo_vs-code.svg" /><span>logo_vs-code.svg</span></div>
<div class="imgbox"><img src="logo_vs-mobile-center.svg" /><span>logo_vs-mobile-center.svg</span></div>
<div class="imgbox"><img src="logo_vs-team-services.svg" /><span>logo_vs-team-services.svg</span></div>
<div class="imgbox"><img src="logo_xamarin.svg" /><span>logo_xamarin.svg</span></div>
<div class="imgbox"><img src="machinelearning.svg" /><span>machinelearning.svg</span></div>
<div class="imgbox"><img src="managed-disks.svg" /><span>managed-disks.svg</span></div>
<div class="imgbox"><img src="mariadb.svg" /><span>mariadb.svg</span></div>
<div class="imgbox"><img src="media-encoding.svg" /><span>media-encoding.svg</span></div>
<div class="imgbox"><img src="media-indexer.svg" /><span>media-indexer.svg</span></div>
<div class="imgbox"><img src="media-ondemand.svg" /><span>media-ondemand.svg</span></div>
<div class="imgbox"><img src="media-player.svg" /><span>media-player.svg</span></div>
<div class="imgbox"><img src="media-protection.svg" /><span>media-protection.svg</span></div>
<div class="imgbox"><img src="media-services.svg" /><span>media-services.svg</span></div>
<div class="imgbox"><img src="mediaservices.svg" /><span>mediaservices.svg</span></div>
<div class="imgbox"><img src="multifactorauthentication.svg" /><span>multifactorauthentication.svg</span></div>
<div class="imgbox"><img src="mysql.svg" /><span>mysql.svg</span></div>
<div class="imgbox"><img src="netappstorage.svg" /><span>netappstorage.svg</span></div>
<div class="imgbox"><img src="network-watcher.svg" /><span>network-watcher.svg</span></div>
<div class="imgbox"><img src="networking-overview.svg" /><span>networking-overview.svg</span></div>
<div class="imgbox"><img src="notebooks.svg" /><span>notebooks.svg</span></div>
<div class="imgbox"><img src="notificationhubs.svg" /><span>notificationhubs.svg</span></div>
<div class="imgbox"><img src="operationsmanagementsuite.svg" /><span>operationsmanagementsuite.svg</span></div>
<div class="imgbox"><img src="personwithfriend.svg" /><span>personwithfriend.svg</span></div>
<div class="imgbox"><img src="postgresql.svg" /><span>postgresql.svg</span></div>
<div class="imgbox"><img src="powerbiembedded.svg" /><span>powerbiembedded.svg</span></div>
<div class="imgbox"><img src="principles-cloud-computing.svg" /><span>principles-cloud-computing.svg</span></div>
<div class="imgbox"><img src="rediscache.svg" /><span>rediscache.svg</span></div>
<div class="imgbox"><img src="resource-graph.svg" /><span>resource-graph.svg</span></div>
<div class="imgbox"><img src="resource-health.svg" /><span>resource-health.svg</span></div>
<div class="imgbox"><img src="scheduler.svg" /><span>scheduler.svg</span></div>
<div class="imgbox"><img src="search.svg" /><span>search.svg</span></div>
<div class="imgbox"><img src="securitycenter.svg" /><span>securitycenter.svg</span></div>
<div class="imgbox"><img src="servicebus.svg" /><span>servicebus.svg</span></div>
<div class="imgbox"><img src="siterecovery.svg" /><span>siterecovery.svg</span></div>
<div class="imgbox"><img src="sqldatabase.svg" /><span>sqldatabase.svg</span></div>
<div class="imgbox"><img src="sqldatawarehouse.svg" /><span>sqldatawarehouse.svg</span></div>
<div class="imgbox"><img src="storage.svg" /><span>storage.svg</span></div>
<div class="imgbox"><img src="storsimple.svg" /><span>storsimple.svg</span></div>
<div class="imgbox"><img src="streamanalytics.svg" /><span>streamanalytics.svg</span></div>
<div class="imgbox"><img src="time-series-insights.svg" /><span>time-series-insights.svg</span></div>
<div class="imgbox"><img src="tour-azure-services-and-features.svg" /><span>tour-azure-services-and-features.svg</span></div>
<div class="imgbox"><img src="trafficmanager.svg" /><span>trafficmanager.svg</span></div>
<div class="imgbox"><img src="virtualmachine.svg" /><span>virtualmachine.svg</span></div>
<div class="imgbox"><img src="virtualnetwork.svg" /><span>virtualnetwork.svg</span></div>
<div class="imgbox"><img src="vpngateway.svg" /><span>vpngateway.svg</span></div>
<div class="imgbox"><img src="wan.svg" /><span>wan.svg</span></div>
<div class="top">
<h1>Azure Docs</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="activedirectory.svg" class="imgbox"><img src="activedirectory.svg" class="bg0"/><div class="label">activedirectory.svg</div></div>
<div id="advisor.svg" class="imgbox"><img src="advisor.svg" class="bg0"/><div class="label">advisor.svg</div></div>
<div id="analysisservices.svg" class="imgbox"><img src="analysisservices.svg" class="bg0"/><div class="label">analysisservices.svg</div></div>
<div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg0"/><div class="label">ansible.svg</div></div>
<div id="api_anomaly_finder.svg" class="imgbox"><img src="api_anomaly_finder.svg" class="bg0"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><div class="label">api_custom_vision.svg</div></div>
<div id="api_emotion.svg" class="imgbox"><img src="api_emotion.svg" class="bg0"/><div class="label">api_emotion.svg</div></div>
<div id="api_entity_linkingintelligence.svg" class="imgbox"><img src="api_entity_linkingintelligence.svg" class="bg0"/><div class="label">api_entity_linkingintelligence.svg</div></div>
<div id="api_face.svg" class="imgbox"><img src="api_face.svg" class="bg0"/><div class="label">api_face.svg</div></div>
<div id="api_know_academic.svg" class="imgbox"><img src="api_know_academic.svg" class="bg0"/><div class="label">api_know_academic.svg</div></div>
<div id="api_knowledgeexploration.svg" class="imgbox"><img src="api_knowledgeexploration.svg" class="bg0"/><div class="label">api_knowledgeexploration.svg</div></div>
<div id="api_linguisticanalysis.svg" class="imgbox"><img src="api_linguisticanalysis.svg" class="bg0"/><div class="label">api_linguisticanalysis.svg</div></div>
<div id="api_luis.svg" class="imgbox"><img src="api_luis.svg" class="bg0"/><div class="label">api_luis.svg</div></div>
<div id="api_qnamaker.svg" class="imgbox"><img src="api_qnamaker.svg" class="bg0"/><div class="label">api_qnamaker.svg</div></div>
<div id="api_recommendations.svg" class="imgbox"><img src="api_recommendations.svg" class="bg0"/><div class="label">api_recommendations.svg</div></div>
<div id="api_speaker_recognition.svg" class="imgbox"><img src="api_speaker_recognition.svg" class="bg0"/><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"/><div class="label">api_speech_service.svg</div></div>
<div id="api_textanalytics.svg" class="imgbox"><img src="api_textanalytics.svg" class="bg0"/><div class="label">api_textanalytics.svg</div></div>
<div id="api_translatorspeech.svg" class="imgbox"><img src="api_translatorspeech.svg" class="bg0"/><div class="label">api_translatorspeech.svg</div></div>
<div id="api_translatortext.svg" class="imgbox"><img src="api_translatortext.svg" class="bg0"/><div class="label">api_translatortext.svg</div></div>
<div id="api_url_preview.svg" class="imgbox"><img src="api_url_preview.svg" class="bg0"/><div class="label">api_url_preview.svg</div></div>
<div id="api_videoindexer.svg" class="imgbox"><img src="api_videoindexer.svg" class="bg0"/><div class="label">api_videoindexer.svg</div></div>
<div id="api_weblanguagemodel.svg" class="imgbox"><img src="api_weblanguagemodel.svg" class="bg0"/><div class="label">api_weblanguagemodel.svg</div></div>
<div id="apimanagement.svg" class="imgbox"><img src="apimanagement.svg" class="bg0"/><div class="label">apimanagement.svg</div></div>
<div id="app-service-api.svg" class="imgbox"><img src="app-service-api.svg" class="bg0"/><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"/><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"/><div class="label">app-service-web.svg</div></div>
<div id="applicationgateway.svg" class="imgbox"><img src="applicationgateway.svg" class="bg0"/><div class="label">applicationgateway.svg</div></div>
<div id="applicationinsights.svg" class="imgbox"><img src="applicationinsights.svg" class="bg0"/><div class="label">applicationinsights.svg</div></div>
<div id="appservice.svg" class="imgbox"><img src="appservice.svg" class="bg0"/><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"/><div class="label">automate-azure-tasks-with-powershell.svg</div></div>
<div id="automation.svg" class="imgbox"><img src="automation.svg" class="bg0"/><div class="label">automation.svg</div></div>
<div id="availabilitysetold.svg" class="imgbox"><img src="availabilitysetold.svg" class="bg0"/><div class="label">availabilitysetold.svg</div></div>
<div id="avere.svg" class="imgbox"><img src="avere.svg" class="bg0"/><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"/><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"/><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"/><div class="label">azure-germany.svg</div></div>
<div id="azure-government.svg" class="imgbox"><img src="azure-government.svg" class="bg0"/><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"/><div class="label">azure-maps-icon-portal.svg</div></div>
<div id="azure-migrate.svg" class="imgbox"><img src="azure-migrate.svg" class="bg0"/><div class="label">azure-migrate.svg</div></div>
<div id="azure-resource-manager.svg" class="imgbox"><img src="azure-resource-manager.svg" class="bg0"/><div class="label">azure-resource-manager.svg</div></div>
<div id="azure-signalr.svg" class="imgbox"><img src="azure-signalr.svg" class="bg0"/><div class="label">azure-signalr.svg</div></div>
<div id="azure-stack.svg" class="imgbox"><img src="azure-stack.svg" class="bg0"/><div class="label">azure-stack.svg</div></div>
<div id="azure_best-practices.svg" class="imgbox"><img src="azure_best-practices.svg" class="bg0"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><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"/><div class="label">azure_event_grid.svg</div></div>
<div id="azure_firewall.svg" class="imgbox"><img src="azure_firewall.svg" class="bg0"/><div class="label">azure_firewall.svg</div></div>
<div id="azure_fundamentals.svg" class="imgbox"><img src="azure_fundamentals.svg" class="bg0"/><div class="label">azure_fundamentals.svg</div></div>
<div id="azure_patterns.svg" class="imgbox"><img src="azure_patterns.svg" class="bg0"/><div class="label">azure_patterns.svg</div></div>
<div id="azure_reference-archictectures.svg" class="imgbox"><img src="azure_reference-archictectures.svg" class="bg0"/><div class="label">azure_reference-archictectures.svg</div></div>
<div id="azuredevspacecontroller_50x.svg" class="imgbox"><img src="azuredevspacecontroller_50x.svg" class="bg0"/><div class="label">azuredevspacecontroller_50x.svg</div></div>
<div id="azurefunctions.svg" class="imgbox"><img src="azurefunctions.svg" class="bg0"/><div class="label">azurefunctions.svg</div></div>
<div id="azuremonitoring.svg" class="imgbox"><img src="azuremonitoring.svg" class="bg0"/><div class="label">azuremonitoring.svg</div></div>
<div id="backup.svg" class="imgbox"><img src="backup.svg" class="bg0"/><div class="label">backup.svg</div></div>
<div id="batch.svg" class="imgbox"><img src="batch.svg" class="bg0"/><div class="label">batch.svg</div></div>
<div id="billing.svg" class="imgbox"><img src="billing.svg" class="bg0"/><div class="label">billing.svg</div></div>
<div id="blockchain-workbench.svg" class="imgbox"><img src="blockchain-workbench.svg" class="bg0"/><div class="label">blockchain-workbench.svg</div></div>
<div id="blueprints.svg" class="imgbox"><img src="blueprints.svg" class="bg0"/><div class="label">blueprints.svg</div></div>
<div id="bot-service.svg" class="imgbox"><img src="bot-service.svg" class="bg0"/><div class="label">bot-service.svg</div></div>
<div id="chef_regular.svg" class="imgbox"><img src="chef_regular.svg" class="bg0"/><div class="label">chef_regular.svg</div></div>
<div id="cloud-shell.svg" class="imgbox"><img src="cloud-shell.svg" class="bg0"/><div class="label">cloud-shell.svg</div></div>
<div id="cloudservice.svg" class="imgbox"><img src="cloudservice.svg" class="bg0"/><div class="label">cloudservice.svg</div></div>
<div id="container-registry.svg" class="imgbox"><img src="container-registry.svg" class="bg0"/><div class="label">container-registry.svg</div></div>
<div id="containerinstances.svg" class="imgbox"><img src="containerinstances.svg" class="bg0"/><div class="label">containerinstances.svg</div></div>
<div id="containerservice.svg" class="imgbox"><img src="containerservice.svg" class="bg0"/><div class="label">containerservice.svg</div></div>
<div id="contentdeliverynetwork.svg" class="imgbox"><img src="contentdeliverynetwork.svg" class="bg0"/><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"/><div class="label">control-azure-services-with-cli.svg</div></div>
<div id="cosmosdb.svg" class="imgbox"><img src="cosmosdb.svg" class="bg0"/><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"/><div class="label">cosmosdb_rgb_ui_lighttheme.svg</div></div>
<div id="data-catalog.svg" class="imgbox"><img src="data-catalog.svg" class="bg0"/><div class="label">data-catalog.svg</div></div>
<div id="database-migration.svg" class="imgbox"><img src="database-migration.svg" class="bg0"/><div class="label">database-migration.svg</div></div>
<div id="datafactory.svg" class="imgbox"><img src="datafactory.svg" class="bg0"/><div class="label">datafactory.svg</div></div>
<div id="ddos-protection.svg" class="imgbox"><img src="ddos-protection.svg" class="bg0"/><div class="label">ddos-protection.svg</div></div>
<div id="ddos.svg" class="imgbox"><img src="ddos.svg" class="bg0"/><div class="label">ddos.svg</div></div>
<div id="dedicated-hsm.svg" class="imgbox"><img src="dedicated-hsm.svg" class="bg0"/><div class="label">dedicated-hsm.svg</div></div>
<div id="devopsiconpipelines96.svg" class="imgbox"><img src="devopsiconpipelines96.svg" class="bg0"/><div class="label">devopsiconpipelines96.svg</div></div>
<div id="devtestlabs.svg" class="imgbox"><img src="devtestlabs.svg" class="bg0"/><div class="label">devtestlabs.svg</div></div>
<div id="digital_twin.svg" class="imgbox"><img src="digital_twin.svg" class="bg0"/><div class="label">digital_twin.svg</div></div>
<div id="disks-color.svg" class="imgbox"><img src="disks-color.svg" class="bg0"/><div class="label">disks-color.svg</div></div>
<div id="dns.svg" class="imgbox"><img src="dns.svg" class="bg0"/><div class="label">dns.svg</div></div>
<div id="dps.svg" class="imgbox"><img src="dps.svg" class="bg0"/><div class="label">dps.svg</div></div>
<div id="eventhubs.svg" class="imgbox"><img src="eventhubs.svg" class="bg0"/><div class="label">eventhubs.svg</div></div>
<div id="expressroute.svg" class="imgbox"><img src="expressroute.svg" class="bg0"/><div class="label">expressroute.svg</div></div>
<div id="fabric.svg" class="imgbox"><img src="fabric.svg" class="bg0"/><div class="label">fabric.svg</div></div>
<div id="frontdoor.svg" class="imgbox"><img src="frontdoor.svg" class="bg0"/><div class="label">frontdoor.svg</div></div>
<div id="genomics.svg" class="imgbox"><img src="genomics.svg" class="bg0"/><div class="label">genomics.svg</div></div>
<div id="governance.svg" class="imgbox"><img src="governance.svg" class="bg0"/><div class="label">governance.svg</div></div>
<div id="hdinsight.svg" class="imgbox"><img src="hdinsight.svg" class="bg0"/><div class="label">hdinsight.svg</div></div>
<div id="hockeyapp.svg" class="imgbox"><img src="hockeyapp.svg" class="bg0"/><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"/><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"/><div class="label">i_cligeneric.svg</div></div>
<div id="i_extensions.svg" class="imgbox"><img src="i_extensions.svg" class="bg0"/><div class="label">i_extensions.svg</div></div>
<div id="i_information-protection.svg" class="imgbox"><img src="i_information-protection.svg" class="bg0"/><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"/><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"/><div class="label">i_mobile-app-developement.svg</div></div>
<div id="i_tools.svg" class="imgbox"><img src="i_tools.svg" class="bg0"/><div class="label">i_tools.svg</div></div>
<div id="iot-central.svg" class="imgbox"><img src="iot-central.svg" class="bg0"/><div class="label">iot-central.svg</div></div>
<div id="iot-edge-alt.svg" class="imgbox"><img src="iot-edge-alt.svg" class="bg0"/><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"/><div class="label">iot-solution-accelerators.svg</div></div>
<div id="iothub.svg" class="imgbox"><img src="iothub.svg" class="bg0"/><div class="label">iothub.svg</div></div>
<div id="keyvault.svg" class="imgbox"><img src="keyvault.svg" class="bg0"/><div class="label">keyvault.svg</div></div>
<div id="loadbalancer.svg" class="imgbox"><img src="loadbalancer.svg" class="bg0"/><div class="label">loadbalancer.svg</div></div>
<div id="logicapp.svg" class="imgbox"><img src="logicapp.svg" class="bg0"/><div class="label">logicapp.svg</div></div>
<div id="logo_Go-lightblue.svg" class="imgbox"><img src="logo_Go-lightblue.svg" class="bg0"/><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"/><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"/><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"/><div class="label">logo_azure-storage-q.svg</div></div>
<div id="logo_azure.svg" class="imgbox"><img src="logo_azure.svg" class="bg0"/><div class="label">logo_azure.svg</div></div>
<div id="logo_cyclecloud.svg" class="imgbox"><img src="logo_cyclecloud.svg" class="bg0"/><div class="label">logo_cyclecloud.svg</div></div>
<div id="logo_databricks.svg" class="imgbox"><img src="logo_databricks.svg" class="bg0"/><div class="label">logo_databricks.svg</div></div>
<div id="logo_java.svg" class="imgbox"><img src="logo_java.svg" class="bg0"/><div class="label">logo_java.svg</div></div>
<div id="logo_jenkins.svg" class="imgbox"><img src="logo_jenkins.svg" class="bg0"/><div class="label">logo_jenkins.svg</div></div>
<div id="logo_net.svg" class="imgbox"><img src="logo_net.svg" class="bg0"/><div class="label">logo_net.svg</div></div>
<div id="logo_nodejs.svg" class="imgbox"><img src="logo_nodejs.svg" class="bg0"/><div class="label">logo_nodejs.svg</div></div>
<div id="logo_php.svg" class="imgbox"><img src="logo_php.svg" class="bg0"/><div class="label">logo_php.svg</div></div>
<div id="logo_python.svg" class="imgbox"><img src="logo_python.svg" class="bg0"/><div class="label">logo_python.svg</div></div>
<div id="logo_terraform.svg" class="imgbox"><img src="logo_terraform.svg" class="bg0"/><div class="label">logo_terraform.svg</div></div>
<div id="logo_visual-studio.svg" class="imgbox"><img src="logo_visual-studio.svg" class="bg0"/><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"/><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"/><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"/><div class="label">logo_vs-team-services.svg</div></div>
<div id="logo_xamarin.svg" class="imgbox"><img src="logo_xamarin.svg" class="bg0"/><div class="label">logo_xamarin.svg</div></div>
<div id="machinelearning.svg" class="imgbox"><img src="machinelearning.svg" class="bg0"/><div class="label">machinelearning.svg</div></div>
<div id="managed-disks.svg" class="imgbox"><img src="managed-disks.svg" class="bg0"/><div class="label">managed-disks.svg</div></div>
<div id="mariadb.svg" class="imgbox"><img src="mariadb.svg" class="bg0"/><div class="label">mariadb.svg</div></div>
<div id="media-encoding.svg" class="imgbox"><img src="media-encoding.svg" class="bg0"/><div class="label">media-encoding.svg</div></div>
<div id="media-indexer.svg" class="imgbox"><img src="media-indexer.svg" class="bg0"/><div class="label">media-indexer.svg</div></div>
<div id="media-ondemand.svg" class="imgbox"><img src="media-ondemand.svg" class="bg0"/><div class="label">media-ondemand.svg</div></div>
<div id="media-player.svg" class="imgbox"><img src="media-player.svg" class="bg0"/><div class="label">media-player.svg</div></div>
<div id="media-protection.svg" class="imgbox"><img src="media-protection.svg" class="bg0"/><div class="label">media-protection.svg</div></div>
<div id="media-services.svg" class="imgbox"><img src="media-services.svg" class="bg0"/><div class="label">media-services.svg</div></div>
<div id="mediaservices.svg" class="imgbox"><img src="mediaservices.svg" class="bg0"/><div class="label">mediaservices.svg</div></div>
<div id="multifactorauthentication.svg" class="imgbox"><img src="multifactorauthentication.svg" class="bg0"/><div class="label">multifactorauthentication.svg</div></div>
<div id="mysql.svg" class="imgbox"><img src="mysql.svg" class="bg0"/><div class="label">mysql.svg</div></div>
<div id="netappstorage.svg" class="imgbox"><img src="netappstorage.svg" class="bg0"/><div class="label">netappstorage.svg</div></div>
<div id="network-watcher.svg" class="imgbox"><img src="network-watcher.svg" class="bg0"/><div class="label">network-watcher.svg</div></div>
<div id="networking-overview.svg" class="imgbox"><img src="networking-overview.svg" class="bg0"/><div class="label">networking-overview.svg</div></div>
<div id="notebooks.svg" class="imgbox"><img src="notebooks.svg" class="bg0"/><div class="label">notebooks.svg</div></div>
<div id="notificationhubs.svg" class="imgbox"><img src="notificationhubs.svg" class="bg0"/><div class="label">notificationhubs.svg</div></div>
<div id="operationsmanagementsuite.svg" class="imgbox"><img src="operationsmanagementsuite.svg" class="bg0"/><div class="label">operationsmanagementsuite.svg</div></div>
<div id="personwithfriend.svg" class="imgbox"><img src="personwithfriend.svg" class="bg0"/><div class="label">personwithfriend.svg</div></div>
<div id="postgresql.svg" class="imgbox"><img src="postgresql.svg" class="bg0"/><div class="label">postgresql.svg</div></div>
<div id="powerbiembedded.svg" class="imgbox"><img src="powerbiembedded.svg" class="bg0"/><div class="label">powerbiembedded.svg</div></div>
<div id="principles-cloud-computing.svg" class="imgbox"><img src="principles-cloud-computing.svg" class="bg0"/><div class="label">principles-cloud-computing.svg</div></div>
<div id="rediscache.svg" class="imgbox"><img src="rediscache.svg" class="bg0"/><div class="label">rediscache.svg</div></div>
<div id="resource-graph.svg" class="imgbox"><img src="resource-graph.svg" class="bg0"/><div class="label">resource-graph.svg</div></div>
<div id="resource-health.svg" class="imgbox"><img src="resource-health.svg" class="bg0"/><div class="label">resource-health.svg</div></div>
<div id="scheduler.svg" class="imgbox"><img src="scheduler.svg" class="bg0"/><div class="label">scheduler.svg</div></div>
<div id="search.svg" class="imgbox"><img src="search.svg" class="bg0"/><div class="label">search.svg</div></div>
<div id="securitycenter.svg" class="imgbox"><img src="securitycenter.svg" class="bg0"/><div class="label">securitycenter.svg</div></div>
<div id="servicebus.svg" class="imgbox"><img src="servicebus.svg" class="bg0"/><div class="label">servicebus.svg</div></div>
<div id="siterecovery.svg" class="imgbox"><img src="siterecovery.svg" class="bg0"/><div class="label">siterecovery.svg</div></div>
<div id="sqldatabase.svg" class="imgbox"><img src="sqldatabase.svg" class="bg0"/><div class="label">sqldatabase.svg</div></div>
<div id="sqldatawarehouse.svg" class="imgbox"><img src="sqldatawarehouse.svg" class="bg0"/><div class="label">sqldatawarehouse.svg</div></div>
<div id="storage.svg" class="imgbox"><img src="storage.svg" class="bg0"/><div class="label">storage.svg</div></div>
<div id="storsimple.svg" class="imgbox"><img src="storsimple.svg" class="bg0"/><div class="label">storsimple.svg</div></div>
<div id="streamanalytics.svg" class="imgbox"><img src="streamanalytics.svg" class="bg0"/><div class="label">streamanalytics.svg</div></div>
<div id="time-series-insights.svg" class="imgbox"><img src="time-series-insights.svg" class="bg0"/><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"/><div class="label">tour-azure-services-and-features.svg</div></div>
<div id="trafficmanager.svg" class="imgbox"><img src="trafficmanager.svg" class="bg0"/><div class="label">trafficmanager.svg</div></div>
<div id="virtualmachine.svg" class="imgbox"><img src="virtualmachine.svg" class="bg0"/><div class="label">virtualmachine.svg</div></div>
<div id="virtualnetwork.svg" class="imgbox"><img src="virtualnetwork.svg" class="bg0"/><div class="label">virtualnetwork.svg</div></div>
<div id="vpngateway.svg" class="imgbox"><img src="vpngateway.svg" class="bg0"/><div class="label">vpngateway.svg</div></div>
<div id="wan.svg" class="imgbox"><img src="wan.svg" class="bg0"/><div class="label">wan.svg</div></div>

</div>
<script>
var bg = 0;
function toggleBg() {
bg++
if(bg > 2) bg = 0;
for(let img of document.getElementsByTagName("img")) {
img.className = `bg${bg}`;
}
}

function search() {
let q = document.getElementById('finder').value.trim().toLowerCase()
if(q.length <= 0) {
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
}
}
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
if(!imgbox.id.includes(q)) {
imgbox.style.display = "none"
}
}
}

</script>
</body></html>

+ 95
- 44
azure-dotcom/index.html View File

@@ -1,60 +1,111 @@

<head><title>Gallery</title></head>
<head><title>Azure.com Various</title></head>
<style>
body {
font-family: 'Segoe UI', Arial;
font-size: 15px;
background-color: #aaa;
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
.bg0 {
background-image: url("../_tools/background.png")
}
.bg1 {
background-color: #333;
}
.bg2 {
background-color: #fff;
}
.imgbox img {
width: 10.5rem;
height: 10.5rem;
object-fit: contain;
}
.imgbox {
display: inline-block;
margin: 0.5rem;
margin: 0.6rem;
padding: 0.5rem;
text-align: center;
width: 12rem;
word-wrap: break-word;
height: 12rem;
background-color: #e0e0e0;
}
h1 {
font-size: 2.6rem;
}
.find, .find input {
font-size: 1.5rem;
}
.top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #aaa;
padding: 1rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
}
.top button {
float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
}
.label {
height: 2.5em;
line-height: 1em;
overflow: hidden;
font-size: 0.9rem;
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
<body>
<div class="imgbox"><img src="backup-archive.svg" /><span>backup-archive.svg</span></div>
<div class="imgbox"><img src="blockchain.svg" /><span>blockchain.svg</span></div>
<div class="imgbox"><img src="digital-marketing.svg" /><span>digital-marketing.svg</span></div>
<div class="imgbox"><img src="e-commerce.svg" /><span>e-commerce.svg</span></div>
<div class="imgbox"><img src="high-performance-computing.svg" /><span>high-performance-computing.svg</span></div>
<div class="imgbox"><img src="hybrid-cloud-app.svg" /><span>hybrid-cloud-app.svg</span></div>
<div class="imgbox"><img src="internet-of-things.svg" /><span>internet-of-things.svg</span></div>
<div class="imgbox"><img src="lob-applications.svg" /><span>lob-applications.svg</span></div>
<div class="imgbox"><img src="saas.svg" /><span>saas.svg</span></div>
<div class="imgbox"><img src="serverless.svg" /><span>serverless.svg</span></div>
<div class="imgbox"><img src="solutions.svg" /><span>solutions.svg</span></div>
<div class="imgbox"><img src="svg-ai.svg" /><span>svg-ai.svg</span></div>
<div class="imgbox"><img src="svg-app-service-mobile.svg" /><span>svg-app-service-mobile.svg</span></div>
<div class="imgbox"><img src="svg-automation.svg" /><span>svg-automation.svg</span></div>
<div class="imgbox"><img src="svg-big-data.svg" /><span>svg-big-data.svg</span></div>
<div class="imgbox"><img src="svg-business-intelligence.svg" /><span>svg-business-intelligence.svg</span></div>
<div class="imgbox"><img src="svg-confidential-compute.svg" /><span>svg-confidential-compute.svg</span></div>
<div class="imgbox"><img src="svg-data-warehouse.svg" /><span>svg-data-warehouse.svg</span></div>
<div class="imgbox"><img src="svg-decentralized-identity.svg" /><span>svg-decentralized-identity.svg</span></div>
<div class="imgbox"><img src="svg-devtest-lab.svg" /><span>svg-devtest-lab.svg</span></div>
<div class="imgbox"><img src="svg-discrete-manufacturing.svg" /><span>svg-discrete-manufacturing.svg</span></div>
<div class="imgbox"><img src="svg-dynamics.svg" /><span>svg-dynamics.svg</span></div>
<div class="imgbox"><img src="svg-facebook-square-bw.svg" /><span>svg-facebook-square-bw.svg</span></div>
<div class="imgbox"><img src="svg-financial.svg" /><span>svg-financial.svg</span></div>
<div class="imgbox"><img src="svg-gaming.svg" /><span>svg-gaming.svg</span></div>
<div class="imgbox"><img src="svg-governance.svg" /><span>svg-governance.svg</span></div>
<div class="imgbox"><img src="svg-government.svg" /><span>svg-government.svg</span></div>
<div class="imgbox"><img src="svg-healthcare.svg" /><span>svg-healthcare.svg</span></div>
<div class="imgbox"><img src="svg-linkedin.svg" /><span>svg-linkedin.svg</span></div>
<div class="imgbox"><img src="svg-media-player.svg" /><span>svg-media-player.svg</span></div>
<div class="imgbox"><img src="svg-microservice.svg" /><span>svg-microservice.svg</span></div>
<div class="imgbox"><img src="svg-microsoft.svg" /><span>svg-microsoft.svg</span></div>
<div class="imgbox"><img src="svg-monitor.svg" /><span>svg-monitor.svg</span></div>
<div class="imgbox"><img src="svg-msazure-logo.svg" /><span>svg-msazure-logo.svg</span></div>
<div class="imgbox"><img src="svg-retailers.svg" /><span>svg-retailers.svg</span></div>
<div class="top">
<h1>Azure.com Various</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="backup-archive.svg" class="imgbox"><img src="backup-archive.svg" class="bg0"/><div class="label">backup-archive.svg</div></div>
<div id="blockchain.svg" class="imgbox"><img src="blockchain.svg" class="bg0"/><div class="label">blockchain.svg</div></div>
<div id="digital-marketing.svg" class="imgbox"><img src="digital-marketing.svg" class="bg0"/><div class="label">digital-marketing.svg</div></div>
<div id="e-commerce.svg" class="imgbox"><img src="e-commerce.svg" class="bg0"/><div class="label">e-commerce.svg</div></div>
<div id="high-performance-computing.svg" class="imgbox"><img src="high-performance-computing.svg" class="bg0"/><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"/><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"/><div class="label">internet-of-things.svg</div></div>
<div id="lob-applications.svg" class="imgbox"><img src="lob-applications.svg" class="bg0"/><div class="label">lob-applications.svg</div></div>
<div id="saas.svg" class="imgbox"><img src="saas.svg" class="bg0"/><div class="label">saas.svg</div></div>
<div id="serverless.svg" class="imgbox"><img src="serverless.svg" class="bg0"/><div class="label">serverless.svg</div></div>
<div id="solutions.svg" class="imgbox"><img src="solutions.svg" class="bg0"/><div class="label">solutions.svg</div></div>

</div>
<script>
var bg = 0;
function toggleBg() {
bg++
if(bg > 2) bg = 0;
for(let img of document.getElementsByTagName("img")) {
img.className = `bg${bg}`;
}
}

function search() {
let q = document.getElementById('finder').value.trim().toLowerCase()
if(q.length <= 0) {
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
}
}
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
if(!imgbox.id.includes(q)) {
imgbox.style.display = "none"
}
}
}

</script>
</body></html>

BIN
azure-dotcom/migrate_transparent.png View File

Before After
Width: 1260  |  Height: 1260  |  Size: 19 KiB

+ 0
- 43
azure-dotcom/svg-ai.svg View File

@@ -1,43 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 58">
<path d="M25.8315988,0 C11.5668316,0.000205961583 0.00239292377,11.4146347 3.55271368e-15,25.49652 L3.55271368e-15,57.9404297 L42.8724558,57.9404297 L42.8724558,40.4110311 L51.6613697,40.4110311 L51.6613697,25.49652 C51.6611231,18.7341332 48.939633,12.2488168 44.0956036,7.46728415 C39.2515742,2.68575153 32.6818088,-0.000313551333 25.8315988,0 Z" fill="#0072C6" fill-rule="nonzero"></path>
<g transform="translate(6.000000, 9.000000)" stroke="#FFFFFF" stroke-width="1.1286">
<ellipse cx="9.13275" cy="25.9638295" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="24.10326" cy="10.5871622" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="2.119545" cy="17.2150347" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="6.030765" cy="6.34533257" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="14.797275" cy="1.70582914" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="29.16087" cy="2.96511977" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="36.511245" cy="10.7197299" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="34.0836" cy="19.4685099" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="26.935515" cy="22.6498858" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="16.01109" cy="20.2638576" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse cx="14.12292" cy="12.0453045" rx="1.685865" ry="1.65696446"></ellipse>
<ellipse fill="#0072C6" fill-rule="nonzero" cx="20.73153" cy="27.6870631" rx="1.685865" ry="1.65696446"></ellipse>
<path d="M22.14765,26.7591624 L26.05887,23.7103543"></path>
<path d="M28.62138,22.6498858 L32.802345,20.3964106"></path>
<path d="M35.22999,18.0103824 L36.51126,12.3766944"></path>
<path d="M3.13107,18.9382831 L8.256105,24.638255"></path>
<path d="M2.119545,15.5580703 L5.154105,7.53835406"></path>
<path d="M7.17714,5.15231109 L13.111395,2.63372983"></path>
<path d="M16.48314,1.70582914 L27.54243,2.89883589"></path>
<path d="M30.374685,3.95930434 L36.174075,9.52670846"></path>
<path d="M34.82538,10.7197299 L25.789125,10.5871622"></path>
<path d="M24.710175,8.9964816 L28.081905,4.2244104"></path>
<path d="M14.12292,10.3883253 L15.539055,2.89883589"></path>
<path d="M15.808785,12.0453045 L22.55226,11.1174038"></path>
<path d="M12.437055,12.0453045 L7.58175,7.40578629"></path>
<path d="M24.57531,12.1778575 L26.193735,21.1917583"></path>
<path d="M17.696955,20.2638576 L25.24965,22.6498858"></path>
<path d="M17.15748,18.6731623 L23.36148,11.7801837"></path>
<path d="M15.404175,19.0708361 L14.8647,13.503432"></path>
<path d="M12.97653,12.8406374 L3.80541,16.6848079"></path>
<path d="M3.4008,18.1429354 L14.325225,20.2638576"></path>
<path d="M32.667465,18.1429354 L25.384515,11.5150629"></path>
<path d="M9.13275,33.6072785 L9.13275,27.6207939"></path>
<path d="M10.548885,24.770808 L14.8647,21.4568791"></path>
<path d="M16.011105,21.9208221 L19.720005,27.0242832"></path>
<ellipse fill="#0072C6" fill-rule="nonzero" cx="9.13275" cy="33.6072785" rx="1.685865" ry="1.65696446"></ellipse>
</g>
</svg>

+ 0
- 14
azure-dotcom/svg-app-service-mobile.svg View File

@@ -1,14 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path fill="#3E3E3E" d="M42.445,47c0,1.657-1.343,3-3,3H11c-1.657,0-3-1.343-3-3V3c0-1.657,1.343-3,3-3h28.445c1.657,0,3,1.343,3,3 V47z"></path>
<rect x="10.224" y="5" fill="#59B4D9" width="30" height="35.222"></rect>
<path fill="#FFFFFF" d="M28.112,45.11c0,1.596-1.294,2.889-2.89,2.889c-1.594,0-2.888-1.293-2.888-2.889 c0-1.595,1.294-2.889,2.888-2.889C26.818,42.221,28.112,43.515,28.112,45.11"></path>
<path fill="#B8D432" d="M27.117,45.11c0,1.046-0.848,1.895-1.895,1.895c-1.045,0-1.893-0.849-1.893-1.895 c0-1.046,0.848-1.894,1.893-1.894C26.269,43.216,27.117,44.064,27.117,45.11"></path>
<path opacity="0.15" fill="#FFFFFF" d="M10.223,40.222V5H32.99l2.031-5H11C9.343,0,8,1.343,8,3v44c0,1.658,1.343,3,3,3h3.695 l3.974-9.778H10.223z"></path>
<path fill="#1E1E1E" d="M30.334,2.817c0,0.408-0.33,0.738-0.738,0.738h-8.744c-0.409,0-0.74-0.33-0.74-0.738 c0-0.408,0.331-0.739,0.74-0.739h8.744C30.004,2.078,30.334,2.409,30.334,2.817"></path>
<path fill="#FFFFFF" d="M30.334,2.817c0,0.408-0.33,0.738-0.738,0.738h-8.744c-0.409,0-0.74-0.33-0.74-0.738 c0-0.408,0.331-0.739,0.74-0.739h8.744C30.004,2.078,30.334,2.409,30.334,2.817"></path>
<path fill="#FFFFFF" d="M25.251,21.311c-0.045,0-0.091-0.014-0.134-0.038l-8.804-5.082c-0.081-0.048-0.132-0.137-0.132-0.231 c0-0.095,0.051-0.183,0.132-0.23l8.751-5.049c0.082-0.046,0.182-0.046,0.263,0l8.807,5.084c0.082,0.047,0.131,0.135,0.131,0.23 c0,0.096-0.049,0.183-0.131,0.23l-8.748,5.048C25.343,21.297,25.3,21.311,25.251,21.311"></path>
<path opacity="0.7" fill="#FFFFFF" d="M23.987,33.663c-0.05,0-0.095-0.012-0.134-0.036l-8.778-5.066 c-0.085-0.047-0.136-0.133-0.136-0.231V18.164c0-0.096,0.051-0.183,0.136-0.231c0.081-0.049,0.181-0.049,0.268,0l8.777,5.064 c0.078,0.05,0.13,0.137,0.13,0.233v10.166c0,0.097-0.052,0.183-0.13,0.231C24.076,33.651,24.03,33.663,23.987,33.663"></path>
<path opacity="0.4" fill="#FFFFFF" d="M26.471,33.663c-0.048,0-0.093-0.012-0.138-0.036c-0.078-0.048-0.129-0.134-0.129-0.231 V23.294c0-0.094,0.051-0.182,0.129-0.231l8.777-5.064c0.084-0.048,0.182-0.048,0.264,0c0.084,0.047,0.135,0.135,0.135,0.23V28.33 c0,0.098-0.051,0.184-0.135,0.231L26.6,33.627C26.564,33.651,26.517,33.663,26.471,33.663"></path>
</svg>

+ 0
- 9
azure-dotcom/svg-automation.svg View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path fill="#A0A1A2" d="M46.281,23.344c0-0.375-0.031-0.734-0.063-1.109L50,20.141c-0.203-1.25-0.531-2.469-0.969-3.625 l-4.313,0.078c-0.328-0.672-0.688-1.328-1.094-1.938l2.219-3.703c-0.797-0.969-1.688-1.859-2.641-2.641l-2.188,1.297l-0.922,1.375 l-1.984,2.922c2.813,2.188,4.625,5.594,4.625,9.438c0,6.594-5.328,11.938-11.922,11.938c-6.578,0-11.922-5.344-11.922-11.938 c0-5.906,4.281-10.781,9.906-11.75l0.906-3.672l-2.094-3.781C26.359,4.344,25.156,4.672,24,5.109l0.063,4.328 c-0.656,0.313-1.313,0.672-1.922,1.094l-3.703-2.219c-0.969,0.781-1.844,1.672-2.641,2.641l2.219,3.703 c-0.422,0.609-0.766,1.266-1.094,1.938l-4.328-0.078c-0.422,1.156-0.75,2.375-0.953,3.625l3.766,2.094 c-0.031,0.375-0.047,0.734-0.047,1.109s0.016,0.734,0.047,1.109l-3.766,2.094c0.203,1.25,0.531,2.469,0.969,3.625l4.313-0.078 c0.328,0.672,0.672,1.328,1.094,1.938l-2.219,3.703c0.797,0.969,1.672,1.859,2.641,2.656l3.703-2.234 c0.609,0.422,1.266,0.781,1.922,1.109L24,41.578c1.156,0.438,2.359,0.766,3.609,0.969l2.109-3.781 c0.359,0.031,0.719,0.063,1.094,0.063s0.75-0.031,1.109-0.063l2.094,3.781c1.25-0.203,2.469-0.531,3.625-0.969l-0.078-4.313 c0.672-0.328,1.313-0.688,1.938-1.109l3.703,2.234c0.953-0.797,1.844-1.688,2.641-2.656l-2.219-3.703 c0.406-0.609,0.766-1.266,1.094-1.938l4.313,0.078c0.438-1.156,0.766-2.375,0.969-3.625l-3.781-2.094 C46.25,24.078,46.281,23.719,46.281,23.344z"></path>
<path fill="#7A7A7A" d="M16,39.719v-1.859l-0.102-0.094l-1.902-0.641l-0.49-1.281l0.942-1.953l0.104-0.219l-0.589-0.594 l-0.716-0.719l-0.249,0.125l-1.859,0.953l-1.281-0.359L9.047,31H7.203l-0.094,0.094l-0.641,1.898L5.172,33.48l-2.156-1.037 l-1.313,1.302l0.125,0.245l0.953,1.857l-0.531,1.28L0,37.938v1.859l0.266,0.078l1.984,0.656l0.531,1.281l-1.016,2.156l1.313,1.328 l0.25-0.125l1.859-0.953l1.281,0.531L7.281,47h1.859l0.078-0.266l0.656-1.984l1.266-0.531l2.172,1.016l1.313-1.313l-0.125-0.25 l-0.953-1.859l0.367-1.297L16,39.719z M8.172,41.438c-1.438,0-2.609-1.172-2.609-2.609s1.172-2.609,2.609-2.609 s2.594,1.172,2.594,2.609S9.609,41.438,8.172,41.438z"></path>
<path fill="#FCD116" d="M33.297,1.688l-0.719,2.266l-1.234,3.938L30.75,9.781l-0.516,1.656l-3.594,11.422 c-0.078,0.219,0.031,0.391,0.281,0.391h3.313c0.109,0,0.188,0.031,0.234,0.094c0.078,0.078,0.094,0.188,0.047,0.313l-3.422,8.297 c-0.094,0.219-0.031,0.266,0.125,0.078L38.047,19.75c0.156-0.188,0.094-0.328-0.141-0.328l-3.547,0.016l-0.656,0.016 c-0.234,0-0.344-0.172-0.219-0.375l3.375-6.016l0.797-1.438l0.922-1.656l1.969-3.484l1.125-2.031 C39.156,3,36.328,2.031,33.297,1.688z"></path>
<path opacity="0.3" fill="#FF8C00" d="M39.505,3.367l-7.844,16.07h1.953c-0.174-0.037-0.249-0.183-0.14-0.359l3.375-6.016 l0.797-1.438l0.922-1.656l1.969-3.484l1.125-2.031C40.966,4.052,40.245,3.692,39.505,3.367z"></path>
<path opacity="0.3" fill="#FF8C00" d="M37.92,19.422l-2.189,0.01l-8.093,12.14L38.061,19.75 C38.217,19.563,38.155,19.422,37.92,19.422z"></path>
</svg>

+ 0
- 19
azure-dotcom/svg-big-data.svg View File

@@ -1,19 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 73.74">
<path d="M5854.581,2301.154h-21.755c2.613,9.216-.9,10.538-16.28,10.538v4.827h52.305v-4.825c-15.379,0-16.888-1.317-14.27-10.54" transform="translate(-5802.701 -2242.778)" fill="#7a7a7a"></path>
<path d="M5877.868,2242.778H5807.05a4.52,4.52,0,0,0-4.347,4.549v49.319a4.5,4.5,0,0,0,4.347,4.511h70.817c2.4,0,4.833-2.125,4.833-4.511v-49.319a4.96,4.96,0,0,0-4.833-4.549" transform="translate(-5802.701 -2242.778)" fill="#a0a1a2"></path>
<path d="M5877.918,2242.785c-0.017,0-.034,0-0.05,0h-70.82a4.52,4.52,0,0,0-4.347,4.549v49.317a4.5,4.5,0,0,0,4.347,4.511h1.685Z" transform="translate(-5802.701 -2242.778)" fill="#fff" opacity="0.2" style="isolation: isolate"></path>
<polygon points="73.917 52.234 6.064 52.234 6.064 6.15 73.917 6.049 73.917 52.234" fill="#a3ddef"></polygon>
<rect x="13.847" y="68.913" width="52.305" height="4.827" fill="#a0a1a2"></rect>
<path d="M5843.53,2246.126a1.135,1.135,0,1,1-1.136-1.134,1.135,1.135,0,0,1,1.136,1.134" transform="translate(-5802.701 -2242.778)" fill="#b8d432"></path>
<rect x="22.136" y="28.612" width="6.481" height="18.632" fill="#0072c6"></rect>
<rect x="32.225" y="23.53" width="6.481" height="23.714" fill="#59b4d9"></rect>
<rect x="42.388" y="31.631" width="6.481" height="15.613" fill="#3999c6"></rect>
<rect x="52.478" y="26.034" width="6.481" height="21.21" fill="#0072c6"></rect>
<polygon points="45.039 25.372 37.822 14.914 25.376 24.046 24.419 22.72 38.19 12.557 45.334 22.941 56.381 13.22 57.117 14.03 56.528 14.619 56.896 15.061 45.039 25.372" fill="#68217a"></polygon>
<circle cx="24.566" cy="23.53" r="2.43" fill="#804998"></circle>
<circle cx="37.969" cy="14.03" r="2.43" fill="#804998"></circle>
<circle cx="44.966" cy="24.193" r="2.43" fill="#804998"></circle>
<circle cx="56.528" cy="14.325" r="2.43" fill="#804998"></circle>
</svg>

+ 0
- 9
azure-dotcom/svg-business-intelligence.svg View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75">
<circle fill="#719904" cx="34.239" cy="40.761" r="34.239"></circle>
<path opacity="0.9" fill="#B8D432" d="M68.478,40.761c0-18.91-15.329-34.239-34.239-34.239
C15.329,6.522,0,21.851,0,40.761l0,0H68.478z"></path>
<path fill="#7FBA00" d="M0,40.761C0,59.671,15.329,75,34.239,75V40.761H0z"></path>
<path fill="#FCD116" d="M75,40.761C75,18.249,56.75,0,34.239,0l0,0v40.761H75z"></path>
</svg>

+ 0
- 8
azure-dotcom/svg-confidential-compute.svg View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47 28">
<path d="M39.8912 13.8924C38.8585 13.8924 37.8498 14.1315 36.9612 14.5141C37.4175 13.3424 37.6576 12.0751 37.6576 10.7361C37.6817 4.80615 32.8544 0 26.8983 0C21.7588 0 17.4599 3.58668 16.3792 8.36892C15.3224 7.269 13.8094 6.57558 12.1763 6.57558C8.93408 6.57558 6.3163 9.1819 6.3163 12.4099C6.3163 12.4577 6.3163 12.5056 6.3163 12.5534C2.71385 13.2707 0 16.427 0 20.205C0 24.509 3.50639 28 7.82933 28C8.18958 28 39.5789 28 39.9152 28C43.8298 28 47 24.8437 47 20.9462C47 17.0487 43.8058 13.8924 39.8912 13.8924Z" fill="#0078D4"></path>
<path d="M26.6821 15.877V14.7771C26.6821 13.8207 26.0096 12.9838 25.073 12.7925C23.8241 12.5534 22.7194 13.5098 22.7194 14.7293V15.877H22.167V19.3441H27.2104V15.877H26.6821ZM23.4158 14.7771C23.4158 14.1793 23.8001 13.6294 24.3765 13.4859C25.2171 13.2707 25.9856 13.9163 25.9856 14.7293V15.877L23.4158 15.9009V14.7771Z" fill="white"></path>
<path d="M32.8544 12.7925V11.7643H30.9571V10.2101C30.9571 10.0188 30.789 9.85139 30.5969 9.85139H29.0598V7.9624H28.0271V9.85139H26.4661V7.9624H25.4334V9.85139H23.8723V7.9624H22.8396V9.85139H21.2785V7.9624H20.2458V9.85139H18.6848C18.4927 9.85139 18.3245 10.0188 18.3245 10.2101V11.7643H16.4272V12.7925H18.3245V14.3467H16.4272V15.3749H18.3245V16.9291H16.4272V17.9573H18.3245V19.5115H16.4272V20.5397H18.3245V22.0939C18.3245 22.2852 18.4927 22.4526 18.6848 22.4526H20.2458V24.3416H21.2785V22.4526H22.8396V24.3416H23.8723V22.4526H25.4334V24.3416H26.4661V22.4526H28.0271V24.3416H29.0598V22.4526H30.6209C30.813 22.4526 30.9812 22.2852 30.9812 22.0939V20.5397H32.8784V19.5115H30.9812V17.9573H32.8784V16.9291H30.9812V15.3749H32.8784V14.3467H30.9812V12.7925H32.8544ZM29.9244 21.4005H19.3813V10.9035H29.9244V21.4005Z" fill="white"></path>
<path d="M24.8809 17.6225V18.555H24.4966V17.6225C24.3285 17.5269 24.1844 17.3356 24.2084 17.1204C24.2325 16.9769 24.3285 16.8573 24.4726 16.7856C24.7848 16.6182 25.1451 16.8813 25.1451 17.216C25.1451 17.3834 25.049 17.5747 24.8809 17.6225Z" fill="#0078D4"></path>
</svg>

+ 0
- 15
azure-dotcom/svg-data-warehouse.svg View File

@@ -1,15 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 79.04">
<polygon fill="#3999C6" points="80,79.04 72.8,79.04 72.8,26.72 39.84,8.48 7.2,26.72 7.2,79.04 0,79.04 0,22.4 39.84,0 80,22.4 "></polygon>
<rect x="33.28" y="55.52" fill="#B8D432" width="13.44" height="9.6"></rect>
<rect x="33.28" y="40.32" fill="#B8D432" width="13.44" height="11.04"></rect>
<rect x="33.28" y="26.4" fill="#B8D432" width="13.44" height="9.6"></rect>
<rect x="33.28" y="69.28" fill="#B8D432" width="13.44" height="9.76"></rect>
<rect x="50.88" y="69.28" fill="#B8D432" width="13.44" height="9.76"></rect>
<rect x="50.88" y="55.52" fill="#B8D432" width="13.44" height="9.6"></rect>
<rect x="50.88" y="40.32" fill="#B8D432" width="13.44" height="11.04"></rect>
<rect x="15.68" y="40.32" fill="#B8D432" width="13.44" height="11.04"></rect>
<rect x="15.68" y="55.52" fill="#B8D432" width="13.44" height="9.6"></rect>
<rect x="15.68" y="69.28" fill="#B8D432" width="13.44" height="9.76"></rect>
</svg>

+ 0
- 13
azure-dotcom/svg-decentralized-identity.svg View File

@@ -1,13 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49">
<path d="M14.2778 35.7966C14.2778 30.2743 18.7478 25.8043 24.2701 25.8043C29.7924 25.8043 34.2624 30.2743 34.2624 35.7966H14.2778Z" fill="#0078D7"></path>
<path d="M29.9606 18.5561C29.9606 21.6877 27.4268 24.2215 24.2953 24.2215C21.1637 24.2215 18.6299 21.6877 18.6299 18.5561C18.6299 15.4246 21.1637 12.8907 24.2953 12.8907C27.4268 12.8907 29.9606 15.433 29.9606 18.5561Z" fill="#0078D7"></path>
<path d="M24.3038 46.9338L4.71484 35.6199V13.0004L24.3038 1.68652L43.8927 13.0004V35.6199L24.3038 46.9338ZM5.97756 34.8959L24.3038 45.4775L42.63 34.8959V13.7244L24.3038 3.14285L5.97756 13.7244V34.8959Z" fill="#50E6FF"></path>
<path d="M24.1775 5.61766C25.6187 5.61766 26.7871 4.4493 26.7871 3.00805C26.7871 1.5668 25.6187 0.398438 24.1775 0.398438C22.7362 0.398438 21.5679 1.5668 21.5679 3.00805C21.5679 4.4493 22.7362 5.61766 24.1775 5.61766Z" fill="#0078D7"></path>
<path d="M24.1775 48.373C25.6187 48.373 26.7871 47.2047 26.7871 45.7634C26.7871 44.3222 25.6187 43.1538 24.1775 43.1538C22.7362 43.1538 21.5679 44.3222 21.5679 45.7634C21.5679 47.2047 22.7362 48.373 24.1775 48.373Z" fill="#0078D7"></path>
<path d="M43.2024 38.4147C44.6436 38.4147 45.812 37.2463 45.812 35.805C45.812 34.3638 44.6436 33.1954 43.2024 33.1954C41.7611 33.1954 40.5928 34.3638 40.5928 35.805C40.5928 37.2463 41.7611 38.4147 43.2024 38.4147Z" fill="#0078D7"></path>
<path d="M43.2024 15.6184C44.6436 15.6184 45.812 14.45 45.812 13.0088C45.812 11.5675 44.6436 10.3992 43.2024 10.3992C41.7611 10.3992 40.5928 11.5675 40.5928 13.0088C40.5928 14.45 41.7611 15.6184 43.2024 15.6184Z" fill="#0078D7"></path>
<path d="M5.31291 38.3473C6.70302 38.3473 7.82992 37.2204 7.82992 35.8302C7.82992 34.4401 6.70302 33.3132 5.31291 33.3132C3.9228 33.3132 2.7959 34.4401 2.7959 35.8302C2.7959 37.2204 3.9228 38.3473 5.31291 38.3473Z" fill="#0078D7"></path>
<path d="M5.31291 15.7025C6.70302 15.7025 7.82992 14.5756 7.82992 13.1855C7.82992 11.7954 6.70302 10.6685 5.31291 10.6685C3.9228 10.6685 2.7959 11.7954 2.7959 13.1855C2.7959 14.5756 3.9228 15.7025 5.31291 15.7025Z" fill="#0078D7"></path>
</svg>

+ 0
- 11
azure-dotcom/svg-devtest-lab.svg View File

@@ -1,11 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path fill="#0072C6" d="M50,25.5c0-3.2-2.6-5.8-5.8-5.8c-0.2,0-0.5,0-0.7,0c0.4-1.3,0.5-2.7,0.5-4.1C44.1,7,37.1,0,28.6,0 C21.8,0,16,4.4,14,10.6c-1.1-0.4-2.2-0.6-3.4-0.6C4.7,10,0,14.8,0,20.7c0,5.9,4.7,10.6,10.5,10.6c0,0,0,0,0,0v0h34.1l0,0 C47.7,31,50,28.5,50,25.5"></path>
<path opacity="0.1" fill="#FFFFFF" d="M16.2,31.3c-1.4-1.4-2.4-3.2-2.9-5.2c-1.3-5.7,2.2-11.4,7.9-12.7c1.2-0.3,2.4-0.3,3.5-0.2 c0.5-5.4,3.8-10.1,8.6-12.5C31.8,0.3,30.3,0,28.6,0C21.8,0,16,4.4,14,10.6c-1.1-0.4-2.2-0.6-3.4-0.6C4.7,10,0,14.8,0,20.7 c0,5.9,4.7,10.6,10.5,10.6c0,0,0,0,0,0v0H16.2z"></path>
<path fill="#59B4D9" d="M46.3,46.3L35.8,28v-7.4H36c1.3,0,2.3-1,2.3-2.3S37.2,16,36,16H24.4c-1.3,0-2.3,1-2.3,2.3s1,2.3,2.3,2.3h0.2 V28L14,46.3c-1.2,2-0.2,3.7,2.1,3.7h28.1C46.6,50,47.5,48.4,46.3,46.3z"></path>
<path fill="#804998" d="M37.6,38.5h-5c0.1,0.3,0.2,0.6,0.2,0.9c0,1.2-1,2.1-2.1,2.1s-2.1-1-2.1-2.1c0-0.3,0.1-0.7,0.2-0.9h-6.1 L18.4,46H42L37.6,38.5z"></path>
<path fill="#68217A" d="M30.7,41.5c1.2,0,2.1-1,2.1-2.1c0-0.3-0.1-0.7-0.2-0.9h-3.8c-0.1,0.3-0.2,0.6-0.2,0.9 C28.6,40.6,29.6,41.5,30.7,41.5z"></path>
<circle fill="#68217A" cx="33.4" cy="43.2" r="1"></circle>
<path opacity="0.25" fill="#FFFFFF" d="M14,46.3L24.6,28v-7.4h-0.2c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h5V28l-5.6,22h-7.7 C13.8,50,12.9,48.4,14,46.3z"></path>
</svg>

+ 0
- 17
azure-dotcom/svg-discrete-manufacturing.svg View File

@@ -1,17 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.909 56.312">
<polygon points="0 29.408 0 56.312 18.834 56.312 18.834 48.745 34.85 48.745 34.85 56.312 70.909 56.312 70.909 29.408 0 29.408" fill="#54b3db"></polygon>
<polygon points="39.666 5.954 39.351 0 31.171 0 30.856 5.954 39.666 5.954" fill="#54b3db"></polygon>
<polygon points="20.184 5.954 19.871 0 11.689 0 11.375 5.954 20.184 5.954" fill="#54b3db"></polygon>
<polygon points="59.146 5.954 58.833 0 50.652 0 50.339 5.954 59.146 5.954" fill="#54b3db"></polygon>
<rect x="56.783" y="29.408" width="14.126" height="26.904" fill="#0070c9"></rect>
<rect x="14.987" y="39.655" width="3.847" height="4.662" fill="#0070c9"></rect>
<rect x="5.752" y="39.655" width="3.847" height="4.662" fill="#0070c9"></rect>
<rect x="24.918" y="39.655" width="3.846" height="4.662" fill="#0070c9"></rect>
<rect x="34.85" y="39.655" width="3.848" height="4.662" fill="#0070c9"></rect>
<rect x="44.78" y="39.655" width="3.849" height="4.662" fill="#0070c9"></rect>
<polygon points="11.306 7.288 10.13 29.524 21.428 29.524 20.256 7.288 11.306 7.288" fill="#0070c9"></polygon>
<polygon points="50.266 7.288 49.093 29.524 60.394 29.524 59.219 7.288 50.266 7.288" fill="#0070c9"></polygon>
<polygon points="30.786 7.288 29.612 29.524 40.91 29.524 39.738 7.288 30.786 7.288" fill="#0070c9"></polygon>
</svg>

+ 0
- 7
azure-dotcom/svg-dynamics.svg View File

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.806 50">
<polygon points="0 50 9.741 22.044 0 15.659 0 50" fill="#002050"></polygon>
<polygon points="30.806 32.709 30.806 16.838 0 50 30.806 32.709" fill="#002050"></polygon>
<polygon points="0 0 0 13.397 20.103 23.257 29.447 15.656 0 0" fill="#002050"></polygon>
</svg>

+ 0
- 6
azure-dotcom/svg-facebook-square-bw.svg View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">
<rect width="28" height="28" fill="#fff"></rect>
<path d="M19.319,28V17.157h3.64l.545-4.226H19.319v-2.7c0-1.223.34-2.057,2.094-2.057h2.238V4.4a29.944,29.944,0,0,0-3.261-.166c-3.226,0-5.435,1.969-5.435,5.586v3.116H11.307v4.226h3.649V28Z"></path>
</svg>

+ 0
- 20
azure-dotcom/svg-financial.svg View File

@@ -1,20 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93.79 49.512">
<polygon points="47.011 0 46.895 0.057 46.778 0 28.192 9.146 46.895 9.146 65.598 9.146 47.011 0" fill="#7fba00"></polygon>
<rect x="22.8" y="10.975" width="48.189" height="35.179" fill="#7fba00"></rect>
<polygon points="92.145 29.673 72.922 29.673 70.989 29.673 70.989 48.623 92.145 48.623 92.145 29.673" fill="#7fba00"></polygon>
<polygon points="1.644 29.673 20.868 29.673 22.8 29.673 22.8 48.623 1.644 48.623 1.644 29.673" fill="#7fba00"></polygon>
<polygon points="22.801 10.975 22.801 29.573 1.644 29.573 1.644 46.154 22.801 46.154 46.895 46.154 46.895 10.975 22.801 10.975" fill="#008a00" opacity="0.2"></polygon>
<path d="M46.894,29.673A4.531,4.531,0,0,0,42.364,34.2V46.074h9.062V34.2A4.532,4.532,0,0,0,46.894,29.673Z" fill="#008a00"></path>
<path d="M61.067,29.673A4.532,4.532,0,0,0,56.535,34.2V46.074H65.6V34.2A4.531,4.531,0,0,0,61.067,29.673Z" fill="#008a00"></path>
<path d="M32.723,29.673A4.531,4.531,0,0,0,28.192,34.2V46.074h9.061V34.2A4.531,4.531,0,0,0,32.723,29.673Z" fill="#008a00"></path>
<rect y="46.074" width="93.79" height="3.439" fill="#008a00"></rect>
<rect x="21.419" y="22.273" width="50.953" height="2.809" fill="#008a00"></rect>
<rect x="21.419" y="10.975" width="50.953" height="2.809" fill="#008a00"></rect>
<rect x="7.795" y="34.758" width="3.624" height="4.389" fill="#008a00"></rect>
<rect x="14.856" y="34.758" width="3.624" height="4.389" fill="#008a00"></rect>
<rect x="75.267" y="34.758" width="3.624" height="4.389" fill="#008a00"></rect>
<rect x="82.328" y="34.758" width="3.624" height="4.389" fill="#008a00"></rect>
<polygon points="28.192 9.146 46.895 9.146 46.895 0.057 28.192 9.146" fill="#008a00" opacity="0.2"></polygon>
</svg>

+ 0
- 11
azure-dotcom/svg-gaming.svg View File

@@ -1,11 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path fill="#3E3E3E" d="M36,7.6c0,0-0.5,0-0.8,0.3s-2,1.7-3.3,2.3c-0.7,0.3-1.2,0.7-1.5,0.7C29.7,11,28,11.2,25,11.2 s-4.7-0.2-5.3-0.3c-0.3-0.2-0.8-0.3-1.5-0.7c-1.2-0.7-3-2.2-3.3-2.3c-0.3-0.3-0.8-0.3-0.8-0.3c-1.3,0.2-2.5,0.3-3.7,0.7 c-2,0.7-3.5,1.7-3.5,1.7s-4,9.1-5,13.3c-1.3,6-2.7,11.8-1.5,16c0.3,1.5,1.2,3.3,3.8,3.3l0,0c2.3,0,7.6-5.2,10.3-7.5 c2.3-2,4.7-2.3,10.5-2.3S33.2,33,35.5,35c2.5,2.3,8,7.3,10.1,7.5h0.2c2.8,0,3.5-1.8,3.8-3.2c1-4.2-0.2-10-1.5-16 c-1-4.2-5-13.3-5-13.3s-1.5-1-3.5-1.7C38.5,7.9,37.3,7.7,36,7.6z"></path>
<path fill="#A0A1A2" d="M14.1,16.3c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S16.8,16.3,14.1,16.3z M14.1,24.2c-1.6,0-2.9-1.3-2.9-2.9 c0-1.6,1.3-2.9,2.9-2.9s2.9,1.3,2.9,2.9C17,22.8,15.6,24.2,14.1,24.2z"></path>
<circle fill="#0072C6" cx="32.1" cy="20.8" r="2.1"></circle>
<circle fill="#BA141A" cx="40.8" cy="20.8" r="2.1"></circle>
<circle fill="#FCD116" cx="36.4" cy="16.4" r="2.1"></circle>
<circle fill="#7FBA00" cx="36.4" cy="25.2" r="2.1"></circle>
<path fill="#3E3E3E" d="M14.1,24.9c-2,0-3.7-1.7-3.7-3.7s1.7-3.7,3.7-3.7s3.7,1.7,3.7,3.7S16.1,24.9,14.1,24.9z"></path>
</svg>

+ 0
- 13
azure-dotcom/svg-governance.svg View File

@@ -1,13 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<circle fill="#59B4D9" cx="24" cy="25.011" r="6.9"></circle>
<circle fill="#59B4D9" cx="35.5" cy="18.511" r="3.4"></circle>
<circle fill="#59B4D9" cx="35.5" cy="31.511" r="3.4"></circle>
<circle fill="#59B4D9" cx="44" cy="36.011" r="2.9"></circle>
<circle fill="#59B4D9" cx="44" cy="14.011" r="2.9"></circle>
<circle fill="#59B4D9" cx="44" cy="25.011" r="2.9"></circle>
<path fill="#3999C6" d="M34.05,39.989c-0.392,0-0.756,0.117-1.064,0.312l-0.003-0.005L24,45.399L6,35.172V14.828L24,4.601
l8.982,5.104l0.003-0.005c0.309,0.195,0.672,0.312,1.064,0.312c1.105,0,2-0.895,2-2c0-0.761-0.43-1.414-1.055-1.753L35,6.25L24,0
L2,12.5v25L24,50l11-6.25l-0.005-0.009c0.625-0.338,1.055-0.992,1.055-1.753C36.05,40.884,35.155,39.989,34.05,39.989z"></path>
</svg>

+ 0
- 44
azure-dotcom/svg-government.svg View File

@@ -1,44 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.032 47.407">
<path d="M24.981,22.2a.957.957,0,0,0-.956.958v4.32h1.318l-.362-6.051Z" fill="none"></path>
<rect x="23.551" y="41.4" width="2.638" height="5.084" fill="none"></rect>
<polygon points="28.575 17.954 28.575 17.962 28.6 17.951 28.575 17.954" fill="none"></polygon>
<path d="M25.139,17.893V16.671a.7.7,0,0,0-1.391,0v1.222Z" fill="none"></path>
<rect x="18.282" y="40.434" width="2.638" height="6.05" fill="none"></rect>
<rect x="13.025" y="40.434" width="2.638" height="6.05" fill="none"></rect>
<rect x="7.749" y="40.434" width="2.638" height="6.05" fill="none"></rect>
<path d="M17.569,31.561a.956.956,0,0,0-1.912,0v6.474h1.911Z" fill="none"></path>
<path d="M22.357,38.035h1.912V31.561q0-.031,0-.062a.957.957,0,0,0-1.913.062Z" fill="none"></path>
<path d="M20.92,31.561q0-.031,0-.062a.957.957,0,1,0-1.913.062v6.474h1.912Z" fill="none"></path>
<path d="M22.587,27.485v-4.32a.956.956,0,0,0-1.912,0v4.32Z" fill="none"></path>
<path d="M22.365,16.671h0a.7.7,0,1,0-1.4,0v1.222h1.4Z" fill="none"></path>
<path d="M29.194,3.244h1V6.326h-.532V7.361H30.4a12.327,12.327,0,0,0-4.7,9.691v.839h.9V16.677a.713.713,0,0,1,.2-.5.671.671,0,0,1,.489-.2l0-.005a.644.644,0,0,1,.495.2.682.682,0,0,1,.19.509v1.21h.594v.063l.025,0-.025.011v2.329H24.981v1.141l.362,6.051H27.41V23.177a.977.977,0,0,1,1.66-.679.949.949,0,0,1,.287.679v4.314h-.782v2.392H26.656v.72a.957.957,0,0,0-.956.958v6.474h3.413V31.616a.958.958,0,0,1,.287-.683.977.977,0,0,1,1.66.683v6.418h.405v2.4H30.146v.033h1.319v6.017h2.676V40.467h2.6v6.017h2.672V40.467h2.6v6.017h2.676V40.47H47.36v6.014h2.352V40.467h2.676v6.017h5.245c.108-1.575.046-3.559.046-6.107H52.392V38.045H45.611V29.9h.958V27.5H40.336V20.314h1.2v-2.4h-1.2v-.237a10.3,10.3,0,0,0-7.924-10.01V6.347h-.97V3.29H31.7V2.875h-.257a1.431,1.431,0,0,0-.924-1.129V.426a.482.482,0,0,0-.958,0V1.713a1.431,1.431,0,0,0-.924,1.129h-.3V3.29H28.6V6.325h.594ZM54.5,42.251h1.7v1.7H54.5Zm-12-10.635a.957.957,0,0,1,.285-.68.977.977,0,0,1,.688-.282h0a.967.967,0,0,1,.972.962v6.5H42.494Zm-11.757-13.7H29.36V16.677a.712.712,0,0,1,.2-.5.673.673,0,0,1,.489-.2l0-.005a.644.644,0,0,1,.5.2.679.679,0,0,1,.19.509Zm9.405,12.736a.968.968,0,0,1,.974.962v6.5H39.169v-6.5A.968.968,0,0,1,40.142,30.654ZM37.71,16.681a.7.7,0,0,1,.69-.705v.005a.7.7,0,0,1,.689.7v1.241H37.71Zm-.244,6.5a.948.948,0,0,1,.933-.956h0a.947.947,0,0,1,.932.956v4.314H37.466Zm-.729,7.477a.967.967,0,0,1,.972.962v6.5H35.763v-6.5a.968.968,0,0,1,.973-.962Zm-1.784-13.97a.684.684,0,0,1,.179-.5.648.648,0,0,1,.474-.208l.033.005a.7.7,0,0,1,.692.7v1.244H34.953Zm-.812,6.493a.948.948,0,0,1,.3-.686.976.976,0,0,1,.686-.268l-.013,0h.027l-.014,0a.963.963,0,0,1,.961.954v4.314H34.141Zm.244,8.439v6.5H32.519v-6.5a.972.972,0,0,1,.28-.683.937.937,0,0,1,.673-.279A.955.955,0,0,1,34.385,31.616ZM32.2,16.684a.684.684,0,0,1,.179-.5.648.648,0,0,1,.474-.208l.036.005a.677.677,0,0,1,.489.2.716.716,0,0,1,.2.5v1.244H32.2Zm-.437,5.536h.034a.964.964,0,0,1,.97.957v4.314H30.816V23.177A.964.964,0,0,1,31.759,22.22ZM30.411,3.244h1V6.326h-1Z" fill="#969696"></path>
<polygon points="30.194 3.244 29.194 3.244 29.194 6.325 29.662 6.325 29.662 6.326 30.194 6.326 30.194 3.244" fill="#fff"></polygon>
<rect x="30.411" y="3.244" width="1" height="3.082" fill="#fff"></rect>
<path d="M30.09,30.654a.973.973,0,0,0-.69.279.958.958,0,0,0-.287.683v6.418H31.06V31.616A.967.967,0,0,0,30.09,30.654Z" fill="#fff"></path>
<path d="M32.8,30.933a.972.972,0,0,0-.28.683v6.5h1.866v-6.5a.955.955,0,0,0-.913-.962A.937.937,0,0,0,32.8,30.933Z" fill="#fff"></path>
<path d="M35.763,31.616v6.5h1.946v-6.5a.967.967,0,0,0-.972-.962h0A.968.968,0,0,0,35.763,31.616Z" fill="#fff"></path>
<path d="M39.169,38.116h1.947v-6.5a.974.974,0,0,0-1.947,0Z" fill="#fff"></path>
<path d="M44.44,31.616a.967.967,0,0,0-.972-.962h0a.977.977,0,0,0-.688.282.957.957,0,0,0-.285.68v6.5H44.44Z" fill="#fff"></path>
<path d="M29.357,23.177a.949.949,0,0,0-.287-.679.977.977,0,0,0-1.66.679v4.306h1.165v.008h.782Z" fill="#fff"></path>
<path d="M30.816,23.177v4.314h1.947V23.177a.964.964,0,0,0-.97-.957h-.034A.964.964,0,0,0,30.816,23.177Z" fill="#fff"></path>
<path d="M36.088,23.177a.963.963,0,0,0-.961-.954.976.976,0,0,0-.686.268.948.948,0,0,0-.3.686v4.314h1.947Z" fill="#fff"></path>
<path d="M35.114,22.221l.013,0,.014,0Z" fill="#fff"></path>
<polygon points="38.392 22.22 38.399 22.221 38.405 22.22 38.392 22.22" fill="#fff"></polygon>
<path d="M39.331,23.177a.933.933,0,1,0-1.865,0v4.314h1.865Z" fill="#fff"></path>
<path d="M27.791,16.172a.644.644,0,0,0-.495-.2l0,.005a.671.671,0,0,0-.489.2.713.713,0,0,0-.2.5v1.214h1.378v-1.21A.682.682,0,0,0,27.791,16.172Z" fill="#fff"></path>
<path d="M30.047,15.972l0,.005a.673.673,0,0,0-.489.2.712.712,0,0,0-.2.5v1.241h1.377V16.681a.679.679,0,0,0-.19-.509A.644.644,0,0,0,30.047,15.972Z" fill="#fff"></path>
<path d="M33.574,16.681a.716.716,0,0,0-.2-.5.677.677,0,0,0-.489-.2l-.036-.005a.648.648,0,0,0-.474.208.684.684,0,0,0-.179.5v1.241h1.378Z" fill="#fff"></path>
<path d="M36.331,16.681a.7.7,0,0,0-.692-.7l-.033-.005a.648.648,0,0,0-.474.208.684.684,0,0,0-.179.5v1.241h1.378Z" fill="#fff"></path>
<path d="M39.089,16.681a.7.7,0,0,0-.689-.7v-.005a.7.7,0,0,0-.69.705v1.241h1.379Z" fill="#fff"></path>
<path d="M7.749,40.434h2.638v6.05h2.638v-6.05h2.638v6.05h2.619v-6.05H20.92v6.05h2.631V41.4h2.638v5.084H28.87V40.467h1.276v-.033h1.319v-2.4H25.7V31.561a.957.957,0,0,1,.956-.958v-.72h1.919v-2.4h-4.55v-4.32a.957.957,0,0,1,.956-.958V20.291h3.594v-2.4H25.7v-.839a12.327,12.327,0,0,1,4.7-9.691h-.738V6.326H27.62V7.647a10.3,10.3,0,0,0-7.914,10.021v.238H18.519v2.4h1.2v7.181H13.494v2.4h.956v8.152H7.677v2.339l-6.268.06v6.046h6.34ZM24.523,16.055a.7.7,0,0,1,.616.616v1.222h-1.39V16.671A.7.7,0,0,1,24.523,16.055Zm-1.24,14.519a.957.957,0,0,1,.987.926q0,.031,0,.062v6.474H22.357V31.561A.957.957,0,0,1,23.283,30.574Zm-2.318-13.9a.7.7,0,1,1,1.4,0h0v1.222h-1.4Zm.666,5.538a.956.956,0,0,1,.956.956v4.32H20.676v-4.32A.956.956,0,0,1,21.631,22.209Zm-2.624,9.352A.957.957,0,1,1,20.92,31.5q0,.031,0,.062v6.474H19.007Zm-3.35,0a.956.956,0,0,1,1.912,0v6.474H15.657ZM5.6,43.954h-1.7v-1.7H5.6Z" fill="#6a6a6a"></path>
<polygon points="30.146 40.467 28.87 40.467 28.87 46.484 31.465 46.484 31.465 40.467 30.146 40.467" fill="#fff"></polygon>
<rect x="34.141" y="40.467" width="2.595" height="6.017" fill="#fff"></rect>
<rect x="39.408" y="40.467" width="2.6" height="6.017" fill="#fff"></rect>
<rect x="3.893" y="42.251" width="1.703" height="1.703" fill="#fff"></rect>
<rect x="54.496" y="42.251" width="1.703" height="1.703" fill="#fff"></rect>
<rect x="49.712" y="40.467" width="2.676" height="6.017" fill="#fff"></rect>
<rect x="44.684" y="40.47" width="2.676" height="6.014" fill="#fff"></rect>
<rect y="45.484" width="59.032" height="1" fill="#7eba02"></rect>
</svg>

+ 0
- 15
azure-dotcom/svg-healthcare.svg View File

@@ -1,15 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78.065 76.842">
<path d="M25.156,49.463c-1.729,0-2.9-.47-3.433-1.4-.87-1.506.127-3.831,2.885-6.723a49.7,49.7,0,0,1,10.806-8.127c8.095-4.675,17.752-7.817,19.705-4.432.87,1.506-.127,3.831-2.885,6.723A49.7,49.7,0,0,1,41.429,43.63a49.7,49.7,0,0,1-12.441,5.295A16.649,16.649,0,0,1,25.156,49.463ZM51.711,28.391c-3.262,0-9.146,1.847-15.8,5.687a48.7,48.7,0,0,0-10.582,7.952c-2.315,2.428-3.341,4.5-2.743,5.532s2.9,1.182,6.163.392a48.684,48.684,0,0,0,12.177-5.188,48.7,48.7,0,0,0,10.582-7.952c2.315-2.428,3.341-4.5,2.743-5.532C53.913,28.69,53.024,28.391,51.711,28.391Z" fill="#0e5896"></path>
<path d="M51.686,49.463a16.649,16.649,0,0,1-3.831-.538,49.7,49.7,0,0,1-12.44-5.295A49.7,49.7,0,0,1,24.608,35.5c-2.758-2.892-3.755-5.217-2.885-6.723h0c.869-1.507,3.382-1.8,7.264-.863a49.688,49.688,0,0,1,12.441,5.295,49.7,49.7,0,0,1,10.806,8.127c2.758,2.892,3.755,5.217,2.885,6.723C54.582,48.993,53.415,49.463,51.686,49.463ZM25.159,28.385c-1.323,0-2.228.3-2.57.9h0c-.6,1.036.428,3.1,2.743,5.532a48.7,48.7,0,0,0,10.582,7.952A48.694,48.694,0,0,0,48.09,47.953c3.265.79,5.565.644,6.164-.392s-.428-3.1-2.743-5.532a48.7,48.7,0,0,0-10.582-7.952A48.714,48.714,0,0,0,28.752,28.89,15.7,15.7,0,0,0,25.159,28.385Z" fill="#0264c2"></path>
<path d="M51.686,49.463a16.649,16.649,0,0,1-3.831-.538,49.7,49.7,0,0,1-12.44-5.295A49.7,49.7,0,0,1,24.608,35.5c-2.758-2.892-3.755-5.217-2.885-6.723h0c.869-1.507,3.382-1.8,7.264-.863a49.688,49.688,0,0,1,12.441,5.295,49.7,49.7,0,0,1,10.806,8.127c2.758,2.892,3.755,5.217,2.885,6.723C54.582,48.993,53.415,49.463,51.686,49.463ZM25.159,28.385c-1.323,0-2.228.3-2.57.9h0c-.6,1.036.428,3.1,2.743,5.532a48.7,48.7,0,0,0,10.582,7.952A48.694,48.694,0,0,0,48.09,47.953c3.265.79,5.565.644,6.164-.392s-.428-3.1-2.743-5.532a48.7,48.7,0,0,0-10.582-7.952A48.714,48.714,0,0,0,28.752,28.89,15.7,15.7,0,0,0,25.159,28.385Z" fill="#0264c2"></path>
<path d="M38.421,57.7c-3.906,0-6.015-9.935-6.015-19.281S34.515,19.14,38.421,19.14s6.016,9.935,6.016,19.281S42.328,57.7,38.421,57.7Zm0-37.562c-2.372,0-5.015,7.508-5.015,18.281S36.049,56.7,38.421,56.7s5.016-7.508,5.016-18.281S40.793,20.14,38.421,20.14Z" fill="#62aeed"></path>
<circle cx="34.446" cy="51.191" r="1.491" fill="#0264c2"></circle>
<circle cx="49.452" cy="28.434" r="1.491" fill="#0264c2"></circle>
<circle cx="23.913" cy="33.9" r="1.491" fill="#0264c2"></circle>
<polygon points="75.819 48.018 75.819 45.772 72.771 45.772 72.771 48.018 70.525 48.018 70.525 51.066 72.771 51.066 72.771 53.312 75.819 53.312 75.819 51.066 78.065 51.066 78.065 48.018 75.819 48.018" fill="#62aeed"></polygon>
<path d="M38.421,67a28.6,28.6,0,0,1-26.337-39.71l.461.2a28.109,28.109,0,1,0,6.445-9.346l-.346-.361A28.584,28.584,0,1,1,38.421,67Z" fill="#0264c2"></path>
<path d="M38.421,76.842A38.421,38.421,0,1,1,76.843,38.421a39.023,39.023,0,0,1-.28,4.659l-.5-.061a38.4,38.4,0,0,0,.276-4.6,37.9,37.9,0,1,0-4.218,17.4l.443.23A38.315,38.315,0,0,1,38.421,76.842Z" fill="#0264c2"></path>
<path d="M18.693,24.063l.171-.831-.037-.051-.792-.462-.1-.618.6-.787.067-.088-.209-.32-.254-.388-.123.033-.919.255-.54-.279-.171-1-.825-.17-.051.033-.462.79-.625.1-.869-.662-.707.461.033.121.255.918-.355.524-1.081.155-.171.831.112.059.827.476.119.622-.653.871.465.715.123-.033.919-.255.524.356.156,1.082.831.171.059-.112.476-.827.615-.121.878.655.708-.466-.033-.123-.255-.919.284-.546Zm-3.66.048a1.191,1.191,0,1,1,1.4-.928A1.193,1.193,0,0,1,15.033,24.111Z" fill="#62aeed"></path>
</svg>

+ 0
- 8
azure-dotcom/svg-linkedin.svg View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
<rect fill="#0080B5" width="23" height="23"></rect>
<rect x="5.6520386" y="9.2667236" fill="#FFFFFF" width="2.5723877" height="7.7391968"></rect>
<path fill="#FFFFFF" d="M6.9552612,5.5358887C6.0753174,5.5358887,5.5,6.1136475,5.5,6.8730469 c0,0.7426758,0.5582275,1.3369751,1.4215088,1.3369751h0.0166626h0.000061c0.8970337,0,1.4553833-0.5942993,1.4553833-1.3369751 C8.3768921,6.1136475,7.8352661,5.5358887,6.9552612,5.5358887z"></path>
<path fill="#FFFFFF" d="M14.5385132,9.085083c-1.3665161,0-1.9766235,0.7510986-2.3182373,1.2785645V9.2667236H9.6478882 c0.0337524,0.7261963,0,7.7391968,0,7.7391968h2.5722656V12.684021c0-0.2313232,0.0167236-0.4624023,0.0846558-0.6277466 c0.1859741-0.4620972,0.6092529-0.9407349,1.3198853-0.9407349c0.9307861,0,1.3031616,0.7097168,1.3031616,1.750061v4.1403198H17.5 v-4.437561C17.5,10.1912231,16.230896,9.085083,14.5385132,9.085083z"></path>
</svg>

+ 0
- 8
azure-dotcom/svg-media-player.svg View File

@@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<circle fill="#59B4D9" cx="25" cy="25" r="24"></circle>
<path opacity="0.15" fill="#FFFFFF" d="M8.029,41.971c-9.373-9.373-9.373-24.569,0-33.941s24.569-9.373,33.941,0L8.029,41.971z"></path>
<polygon fill="#FFFFFF" points="19.407,35.278 19.445,14.722 35.828,25.011 "></polygon>
<path fill="#3E3E3E" d="M25,4.63c11.25,0,20.37,9.12,20.37,20.37S36.25,45.37,25,45.37S4.63,36.25,4.63,25S13.75,4.63,25,4.63 M25,0 C11.215,0,0,11.215,0,25s11.215,25,25,25s25-11.215,25-25S38.785,0,25,0L25,0z"></path>
</svg>

+ 0
- 6
azure-dotcom/svg-microservice.svg View File

@@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140">
<path d="M140 64.7L133.9 62.3C136 54.1 135.8 45.8 133.6 38L139.6 35.4L135 24.7L129 27.3C124.9 20.4 119 14.4 111.6 10.4L114 4.3L103.2 0L100.8 6.1C97 5.1 93.1 4.6 89.3 4.6C85 4.6 80.7 5.2 76.6 6.4L74 0.4L63.2 5L65.8 11C58.9 15.1 52.9 21 48.8 28.4L42.8 26L38.5 36.8L44.6 39.2C42.5 47.4 42.7 55.7 44.9 63.5L38.9 66.1L43.5 76.8L49.5 74.2C53.6 81.1 59.5 87.1 66.9 91.1L64.5 97.2L75.3 101.5L77.7 95.4C81.5 96.4 85.4 96.9 89.2 96.9C93.5 96.9 97.8 96.3 101.9 95.1L104.5 101.1L115.2 96.5L112.6 90.5C119.5 86.4 125.5 80.5 129.6 73.1L135.7 75.5L140 64.7ZM116 61.4C111.6 72.4 101.1 79.6 89.2 79.6C85.6 79.6 82 78.9 78.5 77.5C71.3 74.6 65.7 69.2 62.7 62.1C59.7 55 59.6 47.2 62.4 40C66.8 29 77.3 21.8 89.2 21.8C92.8 21.8 96.4 22.5 99.9 23.9C107.1 26.8 112.7 32.2 115.7 39.3C118.8 46.4 118.9 54.3 116 61.4Z" fill="#0078D4"></path>
<path d="M56.5 112.2L60.9 112.1L60.8 105.3L56.4 105.4C55.7 100.7 53.8 96.4 51 92.9L54.1 89.7L49.3 85L46.2 88.2C42.6 85.5 38.2 83.7 33.5 83.1L33.4 78.7L26.6 78.8L26.7 83.2C24.5 83.5 22.4 84.1 20.4 84.9C18.1 85.8 16 87.1 14.2 88.6L11 85.5L6.3 90.3L9.5 93.4C6.8 97 5 101.4 4.4 106.1L0 106.2L0.1 113L4.5 112.9C5.2 117.6 7.1 121.9 9.9 125.4L6.8 128.6L11.6 133.3L14.7 130.1C18.3 132.8 22.7 134.6 27.4 135.2L27.5 139.6L34.3 139.5L34.2 135.1C36.4 134.8 38.5 134.2 40.5 133.4C42.8 132.5 44.9 131.2 46.7 129.7L49.9 132.8L54.6 128L51.4 124.9C54.2 121.2 56 116.9 56.5 112.2ZM35.5 121.2C34 121.8 32.3 122.2 30.7 122.2C27.2 122.2 23.9 120.9 21.4 118.5C18.9 116.1 17.5 112.8 17.4 109.3C17.3 103.9 20.5 99.1 25.5 97C27 96.4 28.7 96 30.3 96C33.8 96 37.1 97.3 39.6 99.7C42.1 102.1 43.5 105.4 43.6 108.9C43.6 114.4 40.5 119.2 35.5 121.2Z" fill="#50E6FF"></path>
</svg>

+ 0
- 5
azure-dotcom/svg-microsoft.svg View File

@@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 244.052 47.146">
<path d="M48.019,4.991v43.2h-7.5V14.33H40.4L26.99,48.191H22.02L8.283,14.33h-.09V48.191H1.263V4.991H12.018L24.43,37.015h.18l13.1-32.024Zm6.273,3.284A3.969,3.969,0,0,1,55.6,5.247a4.42,4.42,0,0,1,3.118-1.22,4.359,4.359,0,0,1,3.193,1.25,4.065,4.065,0,0,1,1.266,3,3.909,3.909,0,0,1-1.3,2.982,4.474,4.474,0,0,1-3.164,1.205,4.387,4.387,0,0,1-3.148-1.22A3.944,3.944,0,0,1,54.291,8.275Zm8.043,8.947V48.191h-7.29V17.222ZM84.448,42.889a10.068,10.068,0,0,0,3.584-.753,15.074,15.074,0,0,0,3.615-1.988v6.778a14.6,14.6,0,0,1-3.962,1.506,21.584,21.584,0,0,1-4.865.512A14.733,14.733,0,0,1,67.426,33.58a17.661,17.661,0,0,1,4.369-12.307q4.368-4.835,12.381-4.835a16.926,16.926,0,0,1,4.142.527,13.835,13.835,0,0,1,3.328,1.22v6.989A14.909,14.909,0,0,0,88.2,23.262a9.957,9.957,0,0,0-3.6-.678,9.137,9.137,0,0,0-6.959,2.8,10.548,10.548,0,0,0-2.651,7.561,10.065,10.065,0,0,0,2.546,7.321A9.191,9.191,0,0,0,84.448,42.889ZM112.4,16.71a9.239,9.239,0,0,1,1.567.12,6.544,6.544,0,0,1,1.175.3v7.38a6.363,6.363,0,0,0-1.672-.8,8.282,8.282,0,0,0-2.666-.376,5.659,5.659,0,0,0-4.534,2.259q-1.852,2.259-1.853,6.959V48.191H97.13V17.222h7.291V22.1h.12a8.547,8.547,0,0,1,3.013-3.962A8.173,8.173,0,0,1,112.4,16.71Zm3.136,16.448q0-7.682,4.338-12.171t12.05-4.489q7.26,0,11.343,4.323T147.352,32.5q0,7.532-4.338,11.99T131.2,48.944q-7.2,0-11.432-4.232T115.54,33.158Zm7.592-.241q0,4.851,2.2,7.411a7.843,7.843,0,0,0,6.3,2.56,7.341,7.341,0,0,0,6.055-2.56q2.079-2.561,2.079-7.592,0-5-2.154-7.547a7.48,7.48,0,0,0-6.04-2.545,7.638,7.638,0,0,0-6.221,2.666Q123.131,27.976,123.132,32.917ZM158.2,25.356a3.124,3.124,0,0,0,.994,2.455,17.011,17.011,0,0,0,4.4,2.244,14.908,14.908,0,0,1,6.13,3.932,8.152,8.152,0,0,1,1.762,5.287,8.5,8.5,0,0,1-3.359,7.019q-3.359,2.652-9.083,2.651a21.86,21.86,0,0,1-4.263-.467,18.991,18.991,0,0,1-3.962-1.19v-7.17a17.961,17.961,0,0,0,4.278,2.2,12.533,12.533,0,0,0,4.157.814,7.407,7.407,0,0,0,3.646-.693,2.477,2.477,0,0,0,1.174-2.32,3.221,3.221,0,0,0-1.22-2.546,18.084,18.084,0,0,0-4.625-2.4,14.284,14.284,0,0,1-5.724-3.8,8.314,8.314,0,0,1-1.687-5.363,8.474,8.474,0,0,1,3.329-6.884,13.283,13.283,0,0,1,8.631-2.7,20.89,20.89,0,0,1,3.645.361,16.121,16.121,0,0,1,3.374.934v6.929a15.571,15.571,0,0,0-3.374-1.657,11.257,11.257,0,0,0-3.826-.693,5.577,5.577,0,0,0-3.239.813A2.579,2.579,0,0,0,158.2,25.356Zm16.417,7.8q0-7.682,4.338-12.171T191,16.5q7.26,0,11.343,4.323T206.427,32.5q0,7.532-4.338,11.99t-11.81,4.458q-7.2,0-11.432-4.232T174.614,33.158Zm7.592-.241q0,4.851,2.2,7.411a7.843,7.843,0,0,0,6.3,2.56,7.341,7.341,0,0,0,6.055-2.56q2.079-2.561,2.079-7.592,0-5-2.154-7.547a7.48,7.48,0,0,0-6.04-2.545,7.638,7.638,0,0,0-6.221,2.666Q182.206,27.976,182.206,32.917Zm48.407-9.731H219.755v25h-7.38v-25h-5.182V17.222h5.182V12.914a10.716,10.716,0,0,1,3.178-8A11.146,11.146,0,0,1,223.7,1.8a18.088,18.088,0,0,1,2.35.136,9.322,9.322,0,0,1,1.808.406v6.3a7.546,7.546,0,0,0-1.266-.512,6.581,6.581,0,0,0-2.078-.3,4.4,4.4,0,0,0-3.525,1.431,6.316,6.316,0,0,0-1.235,4.232v3.736h10.858v-6.96l7.321-2.229v9.189h7.381v5.965h-7.381v14.49a6.108,6.108,0,0,0,1.039,4.037,4.148,4.148,0,0,0,3.269,1.175,4.873,4.873,0,0,0,1.522-.3,7.142,7.142,0,0,0,1.552-.723V47.89a8.575,8.575,0,0,1-2.3.723,15.726,15.726,0,0,1-3.178.331q-4.61,0-6.914-2.455t-2.3-7.4Z" transform="translate(-1.263 -1.797)" fill="#fff"></path>
</svg>

+ 0
- 38
azure-dotcom/svg-monitor.svg View File

@@ -1,38 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path fill="#FFFFFF" d="M22.83,4.37c-5.706,0.602-10.609,3.448-13.953,7.579c-3.345,4.134-5.106,9.52-4.508,15.227
c0.604,5.703,3.449,10.604,7.581,13.949c4.134,3.346,9.52,5.109,15.222,4.509c5.705-0.601,10.606-3.451,13.955-7.581
c3.34-4.132,5.106-9.519,4.505-15.225c-0.608-5.751-3.528-10.669-7.724-14.064c-3.531-2.859-8.032-4.51-12.856-4.51
C24.319,4.254,23.578,4.292,22.83,4.37"></path>
<path opacity="0.4" fill="#7FBA00" d="M16.456,19.472l-5.048-4.086
c-2.158,3.088-3.137,6.688-2.991,10.232l6.454-0.679C14.871,23.049,15.392,21.151,16.456,19.472"></path>
<path opacity="0.8" fill="#7FBA00" d="M30.575,16.279l4.087-5.049c-3.09-2.156-6.693-3.13-10.238-2.982
l0.679,6.453C26.994,14.699,28.894,15.217,30.575,16.279"></path>
<path opacity="0.6" fill="#7FBA00" d="M22.853,14.956l-0.68-6.46c-3.49,0.623-6.795,2.35-9.348,5.123
l5.044,4.084C19.274,16.294,21.012,15.371,22.853,14.956"></path>
<path opacity="0.25" fill="#7FBA00" d="M15.121,27.189l-6.46,0.682c0.62,3.492,2.345,6.801,5.121,9.357
l4.083-5.044C16.455,30.775,15.534,29.034,15.121,27.189"></path>
<path fill="#A0A1A2" d="M49.859,22.383C49.131,15.446,45.588,9.5,40.586,5.455c-0.971-0.786-2.018-1.472-3.1-2.1l-1.963,3.777
c0.83,0.493,1.636,1.024,2.385,1.632c4.196,3.395,7.116,8.312,7.723,14.063c0.602,5.706-1.165,11.093-4.504,15.226
c-3.349,4.131-8.25,6.98-13.955,7.581c-3.82,0.4-7.489-0.277-10.744-1.761l-1.961,3.774c3.976,1.851,8.479,2.708,13.151,2.214
c6.862-0.719,12.796-4.164,16.814-9.133C48.453,35.765,50.587,29.241,49.859,22.383"></path>
<path fill="#A0A1A2" d="M11.951,41.125C7.818,37.78,4.973,32.879,4.37,27.177c-0.599-5.708,1.162-11.094,4.508-15.228
c3.343-4.13,8.246-6.977,13.951-7.578c4.613-0.484,9.016,0.574,12.694,2.76l1.963-3.776c-4.416-2.564-9.661-3.787-15.105-3.214
C15.522,0.863,9.588,4.307,5.569,9.272L5.562,9.281c-4.018,4.965-6.144,11.484-5.423,18.338c0.723,6.859,4.164,12.796,9.135,16.815
c1.582,1.282,3.335,2.346,5.194,3.212l1.961-3.774C14.826,43.142,13.315,42.229,11.951,41.125"></path>
<path opacity="0.2" fill="#FFFFFF" d="M11.951,41.125C7.818,37.78,4.973,32.879,4.37,27.177
c-0.599-5.708,1.162-11.094,4.508-15.228c3.343-4.13,8.246-6.977,13.951-7.578c4.613-0.484,9.016,0.574,12.694,2.76l1.963-3.776
c-4.416-2.564-9.661-3.787-15.105-3.214C15.522,0.863,9.588,4.307,5.569,9.272L5.562,9.281c-4.018,4.965-6.144,11.484-5.423,18.338
c0.723,6.859,4.164,12.796,9.135,16.815c1.582,1.282,3.335,2.346,5.194,3.212l1.961-3.774
C14.826,43.142,13.315,42.229,11.951,41.125"></path>
<path fill="#7FBA00" d="M36.43,12.647l-4.084,5.045c1.008,1.002,1.759,2.178,2.264,3.437h6.775
C40.643,17.958,38.977,14.985,36.43,12.647z"></path>
<path fill="#DD5900" d="M23.082,27.041c-1.147-1.136-1.154-2.986-0.018-4.131c0.573-0.578,1.327-0.866,2.079-0.866
c0.743,0,1.487,0.248,2.057,0.813c0.007,0.007,0.01-0.008,0.019,0h7.601h6.685l0.621-0.005l0.004,0.005
c1.173,0,2.125,0.943,2.133,2.113c0.003,1.178-0.944,2.133-2.121,2.137H27.057c-0.55,0.481-1.235,0.779-1.923,0.779
C24.394,27.886,23.652,27.606,23.082,27.041"></path>
<path fill="#FF8C00" d="M42.13,22.875l-0.004-0.005l-0.621,0.005H34.82h-7.601c-0.009-0.008-0.012,0.007-0.019,0
c-0.57-0.565-1.314-0.813-2.057-0.813c-0.752,0-1.506,0.288-2.079,0.866c-0.564,0.569-0.845,1.312-0.846,2.055h22.044
C44.251,23.815,43.301,22.875,42.13,22.875z"></path>
</svg>

+ 0
- 14
azure-dotcom/svg-msazure-logo.svg
File diff suppressed because it is too large
View File


+ 0
- 11
azure-dotcom/svg-retailers.svg View File

@@ -1,11 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.253 53.411">
<path d="M29.06,11.48A10.431,10.431,0,1,1,18.629,1.05,10.431,10.431,0,0,1,29.06,11.48" fill="#0072c6"></path>
<path d="M16.436,21.689A10.43,10.43,0,0,1,20.825,1.3" fill="#91b1c1" opacity="0.37"></path>
<polygon points="26.255 25.486 18.629 36.171 11.002 25.486 0.001 25.486 0.001 51.835 37.257 51.835 37.257 25.486 26.255 25.486" fill="#0072c6"></polygon>
<polygon points="54.253 50.614 54.252 50.613 53.651 32.911 52.284 32.911 50.642 32.911 31.385 32.911 30.784 51.834 50.642 53.411 52.284 52.139 54.253 50.614" fill="#68217a"></polygon>
<path opacity="0.71" d="M41.835,29.859a2.593,2.593,0,0,1,5.175,0v3.052h1.244V29.859a3.834,3.834,0,0,0-7.661,0v3.052h1.242Z" fill="#68217a"></path>
<path d="M38.024,29.859a2.594,2.594,0,0,1,5.176,0v3.052h1.242V29.859a3.834,3.834,0,0,0-7.661,0v3.052h1.243Z" fill="#68217a"></path>
<polygon points="11.005 25.486 0 25.486 0 51.835 9.835 51.835 14.917 30.97 11.005 25.486" fill="#91b1c1" opacity="0.37"></polygon>
</svg>

+ 782
- 707
azure-patterns/index.html
File diff suppressed because it is too large
View File


+ 1
- 7
azure-patterns/svg-1.svg View File

@@ -1,7 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" >
<path d="M491.736,493.2v12.6h-2.177v-9.876h-0.035l-3.891,9.876H484.19l-3.987-9.876h-0.026V505.8h-2.011V493.2h3.121l3.6,9.341h0.052l3.8-9.341h2.99Zm1.821,0.958a1.16,1.16,0,0,1,.38-0.883,1.279,1.279,0,0,1,.9-0.356,1.262,1.262,0,0,1,.927.365,1.188,1.188,0,0,1,.367.874,1.143,1.143,0,0,1-.376.87,1.3,1.3,0,0,1-.918.351,1.27,1.27,0,0,1-.914-0.356A1.153,1.153,0,0,1,493.557,494.157Zm2.335,2.61V505.8h-2.116v-9.033h2.116Zm6.418,7.486a2.91,2.91,0,0,0,1.04-.22,4.369,4.369,0,0,0,1.049-.58v1.977a4.225,4.225,0,0,1-1.15.439,6.235,6.235,0,0,1-1.412.149,4.327,4.327,0,0,1-3.226-1.261,4.4,4.4,0,0,1-1.242-3.22,5.167,5.167,0,0,1,1.268-3.59,4.582,4.582,0,0,1,3.594-1.41,4.89,4.89,0,0,1,1.2.154,4,4,0,0,1,.966.356v2.039a4.321,4.321,0,0,0-1-.558,2.878,2.878,0,0,0-1.045-.2,2.645,2.645,0,0,0-2.02.817,3.086,3.086,0,0,0-.77,2.205,2.945,2.945,0,0,0,.739,2.135A2.66,2.66,0,0,0,502.31,504.253Zm8.114-7.636a2.669,2.669,0,0,1,.455.035,1.892,1.892,0,0,1,.341.088v2.153a1.843,1.843,0,0,0-.485-0.233,2.393,2.393,0,0,0-.774-0.11,1.64,1.64,0,0,0-1.316.659,3.177,3.177,0,0,0-.538,2.03v4.56H505.99v-9.033h2.116v1.423h0.035a2.492,2.492,0,0,1,.874-1.155A2.364,2.364,0,0,1,510.423,496.618Zm0.91,4.8a4.906,4.906,0,0,1,1.259-3.55,4.624,4.624,0,0,1,3.5-1.309,4.3,4.3,0,0,1,3.292,1.261,5.486,5.486,0,0,1-.074,6.9,4.548,4.548,0,0,1-3.428,1.3,4.47,4.47,0,0,1-3.318-1.234A4.566,4.566,0,0,1,511.334,501.415Zm2.2-.07a3.238,3.238,0,0,0,.638,2.162,2.271,2.271,0,0,0,1.827.747,2.126,2.126,0,0,0,1.757-.747,3.466,3.466,0,0,0,.6-2.214,3.345,3.345,0,0,0-.625-2.2,2.166,2.166,0,0,0-1.753-.742,2.212,2.212,0,0,0-1.806.778A3.4,3.4,0,0,0,513.537,501.345Zm10.177-2.205a0.913,0.913,0,0,0,.289.716,4.929,4.929,0,0,0,1.277.654,4.325,4.325,0,0,1,1.779,1.147,2.385,2.385,0,0,1,.511,1.542,2.483,2.483,0,0,1-.975,2.047,4.127,4.127,0,0,1-2.636.773,6.315,6.315,0,0,1-1.237-.136,5.492,5.492,0,0,1-1.15-.347v-2.091a5.2,5.2,0,0,0,1.242.641,3.622,3.622,0,0,0,1.207.237,2.141,2.141,0,0,0,1.058-.2,0.723,0.723,0,0,0,.341-0.677,0.941,0.941,0,0,0-.354-0.743,5.24,5.24,0,0,0-1.342-.7,4.145,4.145,0,0,1-1.661-1.107,2.433,2.433,0,0,1-.49-1.564,2.476,2.476,0,0,1,.966-2.008,3.842,3.842,0,0,1,2.505-.786,6.034,6.034,0,0,1,1.058.105,4.661,4.661,0,0,1,.979.273v2.021a4.51,4.51,0,0,0-.979-0.483,3.253,3.253,0,0,0-1.11-.2,1.612,1.612,0,0,0-.94.237A0.753,0.753,0,0,0,523.715,499.14Zm4.765,2.276a4.906,4.906,0,0,1,1.259-3.55,4.624,4.624,0,0,1,3.5-1.309,4.3,4.3,0,0,1,3.292,1.261,5.486,5.486,0,0,1-.074,6.9,4.548,4.548,0,0,1-3.428,1.3,4.47,4.47,0,0,1-3.318-1.234A4.566,4.566,0,0,1,528.48,501.415Zm2.2-.07a3.238,3.238,0,0,0,.638,2.162,2.271,2.271,0,0,0,1.827.747,2.126,2.126,0,0,0,1.757-.747,3.466,3.466,0,0,0,.6-2.214,3.345,3.345,0,0,0-.625-2.2,2.166,2.166,0,0,0-1.753-.742,2.212,2.212,0,0,0-1.806.778A3.4,3.4,0,0,0,530.683,501.345Zm14.05-2.838h-3.151V505.8h-2.142v-7.293h-1.5v-1.74h1.5v-1.257a3.134,3.134,0,0,1,.922-2.333,3.226,3.226,0,0,1,2.365-.91,5.224,5.224,0,0,1,.682.04,2.694,2.694,0,0,1,.525.119v1.837a2.184,2.184,0,0,0-.367-0.149,1.9,1.9,0,0,0-.6-0.088,1.275,1.275,0,0,0-1.023.417,1.849,1.849,0,0,0-.358,1.234v1.09h3.151v-2.03l2.125-.65v2.68H549v1.74h-2.142v4.226a1.788,1.788,0,0,0,.3,1.177,1.2,1.2,0,0,0,.949.343,1.408,1.408,0,0,0,.442-0.088,2.068,2.068,0,0,0,.45-0.211v1.757a2.48,2.48,0,0,1-.669.211,4.543,4.543,0,0,1-.922.1,2.616,2.616,0,0,1-2.007-.716,3.061,3.061,0,0,1-.669-2.157v-4.639Z" transform="translate(-451 -489)" fill="#fff"></path>
<rect width="9.932" height="9.981" fill="#f16623"></rect>
<rect x="10.965" width="9.932" height="9.981" fill="#8dc640"></rect>
<rect y="11.019" width="9.932" height="9.981" fill="#2babe2"></rect>
<rect x="10.965" y="11.019" width="9.932" height="9.981" fill="#fdc214"></rect>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 21"><path d="M40.736 4.2v12.6h-2.177V6.924h-.035L34.633 16.8H33.19l-3.987-9.876h-.026V16.8h-2.011V4.2h3.121l3.6 9.341h.052l3.8-9.341h2.99zm1.821.958a1.16 1.16 0 0 1 .38-.883 1.279 1.279 0 0 1 .9-.356 1.262 1.262 0 0 1 .927.365 1.188 1.188 0 0 1 .367.874 1.143 1.143 0 0 1-.376.87 1.3 1.3 0 0 1-.918.351 1.27 1.27 0 0 1-.914-.356 1.153 1.153 0 0 1-.366-.866zm2.335 2.61V16.8h-2.116V7.767h2.116zm6.418 7.486a2.91 2.91 0 0 0 1.04-.22 4.369 4.369 0 0 0 1.049-.58v1.977a4.225 4.225 0 0 1-1.15.439 6.235 6.235 0 0 1-1.412.149 4.327 4.327 0 0 1-3.226-1.261 4.4 4.4 0 0 1-1.242-3.22 5.167 5.167 0 0 1 1.268-3.59 4.582 4.582 0 0 1 3.594-1.41 4.89 4.89 0 0 1 1.2.154 4 4 0 0 1 .966.356v2.039a4.321 4.321 0 0 0-1-.558 2.878 2.878 0 0 0-1.045-.2 2.645 2.645 0 0 0-2.02.817 3.086 3.086 0 0 0-.77 2.205 2.945 2.945 0 0 0 .739 2.135 2.66 2.66 0 0 0 2.009.767zm8.114-7.636a2.669 2.669 0 0 1 .455.035 1.892 1.892 0 0 1 .341.088v2.153a1.843 1.843 0 0 0-.485-.233 2.393 2.393 0 0 0-.774-.11 1.64 1.64 0 0 0-1.316.659 3.177 3.177 0 0 0-.538 2.03v4.56H54.99V7.767h2.116V9.19h.035a2.492 2.492 0 0 1 .874-1.155 2.364 2.364 0 0 1 1.408-.417zm.91 4.8a4.906 4.906 0 0 1 1.259-3.55 4.624 4.624 0 0 1 3.5-1.309 4.3 4.3 0 0 1 3.292 1.261 5.486 5.486 0 0 1-.074 6.9 4.548 4.548 0 0 1-3.428 1.3 4.47 4.47 0 0 1-3.318-1.234 4.566 4.566 0 0 1-1.231-3.371zm2.2-.07a3.238 3.238 0 0 0 .638 2.162 2.271 2.271 0 0 0 1.827.747 2.126 2.126 0 0 0 1.757-.747 3.466 3.466 0 0 0 .6-2.214 3.345 3.345 0 0 0-.625-2.2 2.166 2.166 0 0 0-1.753-.742 2.212 2.212 0 0 0-1.806.778 3.4 3.4 0 0 0-.635 2.213zm10.177-2.205a.913.913 0 0 0 .289.716 4.929 4.929 0 0 0 1.277.654 4.325 4.325 0 0 1 1.779 1.147 2.385 2.385 0 0 1 .511 1.542 2.483 2.483 0 0 1-.975 2.047 4.127 4.127 0 0 1-2.636.773 6.315 6.315 0 0 1-1.237-.136 5.492 5.492 0 0 1-1.15-.347v-2.091a5.2 5.2 0 0 0 1.242.641 3.622 3.622 0 0 0 1.207.237 2.141 2.141 0 0 0 1.058-.2.723.723 0 0 0 .341-.677.941.941 0 0 0-.354-.743 5.24 5.24 0 0 0-1.342-.7 4.145 4.145 0 0 1-1.661-1.107 2.433 2.433 0 0 1-.49-1.564 2.476 2.476 0 0 1 .966-2.008 3.842 3.842 0 0 1 2.505-.786 6.034 6.034 0 0 1 1.058.105 4.661 4.661 0 0 1 .979.273V9.94a4.51 4.51 0 0 0-.979-.483 3.253 3.253 0 0 0-1.11-.2 1.612 1.612 0 0 0-.94.237.753.753 0 0 0-.334.646zm4.765 2.276a4.906 4.906 0 0 1 1.259-3.55 4.624 4.624 0 0 1 3.5-1.309 4.3 4.3 0 0 1 3.292 1.261 5.486 5.486 0 0 1-.074 6.9 4.548 4.548 0 0 1-3.428 1.3 4.47 4.47 0 0 1-3.318-1.234 4.566 4.566 0 0 1-1.227-3.372zm2.2-.07a3.238 3.238 0 0 0 .638 2.162 2.271 2.271 0 0 0 1.827.747 2.126 2.126 0 0 0 1.757-.747 3.466 3.466 0 0 0 .6-2.214 3.345 3.345 0 0 0-.625-2.2 2.166 2.166 0 0 0-1.753-.742 2.212 2.212 0 0 0-1.806.778 3.4 3.4 0 0 0-.631 2.212zm14.05-2.838h-3.151V16.8h-2.142V9.507h-1.5v-1.74h1.5V6.51a3.134 3.134 0 0 1 .922-2.333 3.226 3.226 0 0 1 2.365-.91 5.224 5.224 0 0 1 .682.04 2.694 2.694 0 0 1 .525.119v1.837a2.184 2.184 0 0 0-.367-.149 1.9 1.9 0 0 0-.6-.088 1.275 1.275 0 0 0-1.023.417 1.849 1.849 0 0 0-.358 1.234v1.09h3.151v-2.03l2.125-.65v2.68H98v1.74h-2.142v4.226a1.788 1.788 0 0 0 .3 1.177 1.2 1.2 0 0 0 .949.343 1.408 1.408 0 0 0 .442-.088 2.068 2.068 0 0 0 .45-.211v1.757a2.48 2.48 0 0 1-.669.211 4.543 4.543 0 0 1-.922.1 2.616 2.616 0 0 1-2.007-.716 3.061 3.061 0 0 1-.669-2.157V9.51z" fill="#fff"/><path fill="#f16623" d="M0 0h9.932v9.981H0z"/><path fill="#8dc640" d="M10.965 0h9.932v9.981h-9.932z"/><path fill="#2babe2" d="M0 11.019h9.932V21H0z"/><path fill="#fdc214" d="M10.965 11.019h9.932V21h-9.932z"/></svg>

+ 210
- 135
learning-site/index.html View File

@@ -1,151 +1,226 @@

<head><title>Gallery</title></head>
<head><title>Microsoft Learning Site</title></head>
<style>
body {
font-family: 'Segoe UI', Arial;
font-size: 15px;
background-color: #aaa;
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
.bg0 {
background-image: url("../_tools/background.png")
}
.bg1 {
background-color: #333;
}
.bg2 {
background-color: #fff;
}
.imgbox img {
width: 10.5rem;
height: 10.5rem;
object-fit: contain;
}
.imgbox {
display: inline-block;
margin: 0.5rem;
margin: 0.6rem;
padding: 0.5rem;
text-align: center;
width: 12rem;
word-wrap: break-word;
height: 12rem;
background-color: #e0e0e0;
}
h1 {
font-size: 2.6rem;
}
.find, .find input {
font-size: 1.5rem;
}
.top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #aaa;
padding: 1rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
}
.top button {
float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
}
.label {
height: 2.5em;
line-height: 1em;
overflow: hidden;
font-size: 0.9rem;
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
<body>
<div class="imgbox"><img src="svg (1).svg" /><span>svg (1).svg</span></div>
<div class="imgbox"><img src="svg (10).svg" /><span>svg (10).svg</span></div>
<div class="imgbox"><img src="svg (100).svg" /><span>svg (100).svg</span></div>
<div class="imgbox"><img src="svg (101).svg" /><span>svg (101).svg</span></div>
<div class="imgbox"><img src="svg (102).svg" /><span>svg (102).svg</span></div>
<div class="imgbox"><img src="svg (103).svg" /><span>svg (103).svg</span></div>
<div class="imgbox"><img src="svg (104).svg" /><span>svg (104).svg</span></div>
<div class="imgbox"><img src="svg (105).svg" /><span>svg (105).svg</span></div>
<div class="imgbox"><img src="svg (106).svg" /><span>svg (106).svg</span></div>
<div class="imgbox"><img src="svg (107).svg" /><span>svg (107).svg</span></div>
<div class="imgbox"><img src="svg (108).svg" /><span>svg (108).svg</span></div>
<div class="imgbox"><img src="svg (109).svg" /><span>svg (109).svg</span></div>
<div class="imgbox"><img src="svg (11).svg" /><span>svg (11).svg</span></div>
<div class="imgbox"><img src="svg (110).svg" /><span>svg (110).svg</span></div>
<div class="imgbox"><img src="svg (111).svg" /><span>svg (111).svg</span></div>
<div class="imgbox"><img src="svg (112).svg" /><span>svg (112).svg</span></div>
<div class="imgbox"><img src="svg (113).svg" /><span>svg (113).svg</span></div>
<div class="imgbox"><img src="svg (114).svg" /><span>svg (114).svg</span></div>
<div class="imgbox"><img src="svg (115).svg" /><span>svg (115).svg</span></div>
<div class="imgbox"><img src="svg (116).svg" /><span>svg (116).svg</span></div>
<div class="imgbox"><img src="svg (117).svg" /><span>svg (117).svg</span></div>
<div class="imgbox"><img src="svg (118).svg" /><span>svg (118).svg</span></div>
<div class="imgbox"><img src="svg (119).svg" /><span>svg (119).svg</span></div>
<div class="imgbox"><img src="svg (12).svg" /><span>svg (12).svg</span></div>
<div class="imgbox"><img src="svg (120).svg" /><span>svg (120).svg</span></div>
<div class="imgbox"><img src="svg (121).svg" /><span>svg (121).svg</span></div>
<div class="imgbox"><img src="svg (122).svg" /><span>svg (122).svg</span></div>
<div class="imgbox"><img src="svg (123).svg" /><span>svg (123).svg</span></div>
<div class="imgbox"><img src="svg (124).svg" /><span>svg (124).svg</span></div>
<div class="imgbox"><img src="svg (125).svg" /><span>svg (125).svg</span></div>
<div class="imgbox"><img src="svg (126).svg" /><span>svg (126).svg</span></div>
<div class="imgbox"><img src="svg (13).svg" /><span>svg (13).svg</span></div>
<div class="imgbox"><img src="svg (14).svg" /><span>svg (14).svg</span></div>
<div class="imgbox"><img src="svg (15).svg" /><span>svg (15).svg</span></div>
<div class="imgbox"><img src="svg (16).svg" /><span>svg (16).svg</span></div>
<div class="imgbox"><img src="svg (17).svg" /><span>svg (17).svg</span></div>
<div class="imgbox"><img src="svg (18).svg" /><span>svg (18).svg</span></div>
<div class="imgbox"><img src="svg (19).svg" /><span>svg (19).svg</span></div>
<div class="imgbox"><img src="svg (2).svg" /><span>svg (2).svg</span></div>
<div class="imgbox"><img src="svg (20).svg" /><span>svg (20).svg</span></div>
<div class="imgbox"><img src="svg (21).svg" /><span>svg (21).svg</span></div>
<div class="imgbox"><img src="svg (22).svg" /><span>svg (22).svg</span></div>
<div class="imgbox"><img src="svg (23).svg" /><span>svg (23).svg</span></div>
<div class="imgbox"><img src="svg (24).svg" /><span>svg (24).svg</span></div>
<div class="imgbox"><img src="svg (25).svg" /><span>svg (25).svg</span></div>
<div class="imgbox"><img src="svg (26).svg" /><span>svg (26).svg</span></div>
<div class="imgbox"><img src="svg (27).svg" /><span>svg (27).svg</span></div>
<div class="imgbox"><img src="svg (28).svg" /><span>svg (28).svg</span></div>
<div class="imgbox"><img src="svg (29).svg" /><span>svg (29).svg</span></div>
<div class="imgbox"><img src="svg (3).svg" /><span>svg (3).svg</span></div>
<div class="imgbox"><img src="svg (30).svg" /><span>svg (30).svg</span></div>
<div class="imgbox"><img src="svg (31).svg" /><span>svg (31).svg</span></div>
<div class="imgbox"><img src="svg (32).svg" /><span>svg (32).svg</span></div>
<div class="imgbox"><img src="svg (33).svg" /><span>svg (33).svg</span></div>
<div class="imgbox"><img src="svg (34).svg" /><span>svg (34).svg</span></div>
<div class="imgbox"><img src="svg (35).svg" /><span>svg (35).svg</span></div>
<div class="imgbox"><img src="svg (36).svg" /><span>svg (36).svg</span></div>
<div class="imgbox"><img src="svg (37).svg" /><span>svg (37).svg</span></div>
<div class="imgbox"><img src="svg (38).svg" /><span>svg (38).svg</span></div>
<div class="imgbox"><img src="svg (39).svg" /><span>svg (39).svg</span></div>
<div class="imgbox"><img src="svg (4).svg" /><span>svg (4).svg</span></div>
<div class="imgbox"><img src="svg (40).svg" /><span>svg (40).svg</span></div>
<div class="imgbox"><img src="svg (41).svg" /><span>svg (41).svg</span></div>
<div class="imgbox"><img src="svg (42).svg" /><span>svg (42).svg</span></div>
<div class="imgbox"><img src="svg (43).svg" /><span>svg (43).svg</span></div>
<div class="imgbox"><img src="svg (44).svg" /><span>svg (44).svg</span></div>
<div class="imgbox"><img src="svg (45).svg" /><span>svg (45).svg</span></div>
<div class="imgbox"><img src="svg (46).svg" /><span>svg (46).svg</span></div>
<div class="imgbox"><img src="svg (47).svg" /><span>svg (47).svg</span></div>
<div class="imgbox"><img src="svg (48).svg" /><span>svg (48).svg</span></div>
<div class="imgbox"><img src="svg (49).svg" /><span>svg (49).svg</span></div>
<div class="imgbox"><img src="svg (5).svg" /><span>svg (5).svg</span></div>
<div class="imgbox"><img src="svg (50).svg" /><span>svg (50).svg</span></div>
<div class="imgbox"><img src="svg (51).svg" /><span>svg (51).svg</span></div>
<div class="imgbox"><img src="svg (52).svg" /><span>svg (52).svg</span></div>
<div class="imgbox"><img src="svg (53).svg" /><span>svg (53).svg</span></div>
<div class="imgbox"><img src="svg (54).svg" /><span>svg (54).svg</span></div>
<div class="imgbox"><img src="svg (55).svg" /><span>svg (55).svg</span></div>
<div class="imgbox"><img src="svg (56).svg" /><span>svg (56).svg</span></div>
<div class="imgbox"><img src="svg (57).svg" /><span>svg (57).svg</span></div>
<div class="imgbox"><img src="svg (58).svg" /><span>svg (58).svg</span></div>
<div class="imgbox"><img src="svg (59).svg" /><span>svg (59).svg</span></div>
<div class="imgbox"><img src="svg (6).svg" /><span>svg (6).svg</span></div>
<div class="imgbox"><img src="svg (60).svg" /><span>svg (60).svg</span></div>
<div class="imgbox"><img src="svg (61).svg" /><span>svg (61).svg</span></div>
<div class="imgbox"><img src="svg (62).svg" /><span>svg (62).svg</span></div>
<div class="imgbox"><img src="svg (63).svg" /><span>svg (63).svg</span></div>
<div class="imgbox"><img src="svg (64).svg" /><span>svg (64).svg</span></div>
<div class="imgbox"><img src="svg (65).svg" /><span>svg (65).svg</span></div>
<div class="imgbox"><img src="svg (66).svg" /><span>svg (66).svg</span></div>
<div class="imgbox"><img src="svg (67).svg" /><span>svg (67).svg</span></div>
<div class="imgbox"><img src="svg (68).svg" /><span>svg (68).svg</span></div>
<div class="imgbox"><img src="svg (69).svg" /><span>svg (69).svg</span></div>
<div class="imgbox"><img src="svg (7).svg" /><span>svg (7).svg</span></div>
<div class="imgbox"><img src="svg (70).svg" /><span>svg (70).svg</span></div>
<div class="imgbox"><img src="svg (71).svg" /><span>svg (71).svg</span></div>
<div class="imgbox"><img src="svg (72).svg" /><span>svg (72).svg</span></div>
<div class="imgbox"><img src="svg (73).svg" /><span>svg (73).svg</span></div>
<div class="imgbox"><img src="svg (74).svg" /><span>svg (74).svg</span></div>
<div class="imgbox"><img src="svg (75).svg" /><span>svg (75).svg</span></div>
<div class="imgbox"><img src="svg (76).svg" /><span>svg (76).svg</span></div>
<div class="imgbox"><img src="svg (77).svg" /><span>svg (77).svg</span></div>
<div class="imgbox"><img src="svg (78).svg" /><span>svg (78).svg</span></div>
<div class="imgbox"><img src="svg (79).svg" /><span>svg (79).svg</span></div>
<div class="imgbox"><img src="svg (8).svg" /><span>svg (8).svg</span></div>
<div class="imgbox"><img src="svg (80).svg" /><span>svg (80).svg</span></div>
<div class="imgbox"><img src="svg (81).svg" /><span>svg (81).svg</span></div>
<div class="imgbox"><img src="svg (82).svg" /><span>svg (82).svg</span></div>
<div class="imgbox"><img src="svg (83).svg" /><span>svg (83).svg</span></div>
<div class="imgbox"><img src="svg (84).svg" /><span>svg (84).svg</span></div>
<div class="imgbox"><img src="svg (85).svg" /><span>svg (85).svg</span></div>
<div class="imgbox"><img src="svg (86).svg" /><span>svg (86).svg</span></div>
<div class="imgbox"><img src="svg (87).svg" /><span>svg (87).svg</span></div>
<div class="imgbox"><img src="svg (88).svg" /><span>svg (88).svg</span></div>
<div class="imgbox"><img src="svg (89).svg" /><span>svg (89).svg</span></div>
<div class="imgbox"><img src="svg (9).svg" /><span>svg (9).svg</span></div>
<div class="imgbox"><img src="svg (90).svg" /><span>svg (90).svg</span></div>
<div class="imgbox"><img src="svg (91).svg" /><span>svg (91).svg</span></div>
<div class="imgbox"><img src="svg (92).svg" /><span>svg (92).svg</span></div>
<div class="imgbox"><img src="svg (93).svg" /><span>svg (93).svg</span></div>
<div class="imgbox"><img src="svg (94).svg" /><span>svg (94).svg</span></div>
<div class="imgbox"><img src="svg (95).svg" /><span>svg (95).svg</span></div>
<div class="imgbox"><img src="svg (96).svg" /><span>svg (96).svg</span></div>
<div class="imgbox"><img src="svg (97).svg" /><span>svg (97).svg</span></div>
<div class="imgbox"><img src="svg (98).svg" /><span>svg (98).svg</span></div>
<div class="imgbox"><img src="svg (99).svg" /><span>svg (99).svg</span></div>
<div class="top">
<h1>Microsoft Learning Site</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="svg (1).svg" class="imgbox"><img src="svg (1).svg" class="bg0"/><div class="label">svg (1).svg</div></div>
<div id="svg (10).svg" class="imgbox"><img src="svg (10).svg" class="bg0"/><div class="label">svg (10).svg</div></div>
<div id="svg (100).svg" class="imgbox"><img src="svg (100).svg" class="bg0"/><div class="label">svg (100).svg</div></div>
<div id="svg (101).svg" class="imgbox"><img src="svg (101).svg" class="bg0"/><div class="label">svg (101).svg</div></div>
<div id="svg (102).svg" class="imgbox"><img src="svg (102).svg" class="bg0"/><div class="label">svg (102).svg</div></div>
<div id="svg (103).svg" class="imgbox"><img src="svg (103).svg" class="bg0"/><div class="label">svg (103).svg</div></div>
<div id="svg (104).svg" class="imgbox"><img src="svg (104).svg" class="bg0"/><div class="label">svg (104).svg</div></div>
<div id="svg (105).svg" class="imgbox"><img src="svg (105).svg" class="bg0"/><div class="label">svg (105).svg</div></div>
<div id="svg (106).svg" class="imgbox"><img src="svg (106).svg" class="bg0"/><div class="label">svg (106).svg</div></div>
<div id="svg (107).svg" class="imgbox"><img src="svg (107).svg" class="bg0"/><div class="label">svg (107).svg</div></div>
<div id="svg (108).svg" class="imgbox"><img src="svg (108).svg" class="bg0"/><div class="label">svg (108).svg</div></div>
<div id="svg (109).svg" class="imgbox"><img src="svg (109).svg" class="bg0"/><div class="label">svg (109).svg</div></div>
<div id="svg (11).svg" class="imgbox"><img src="svg (11).svg" class="bg0"/><div class="label">svg (11).svg</div></div>
<div id="svg (110).svg" class="imgbox"><img src="svg (110).svg" class="bg0"/><div class="label">svg (110).svg</div></div>
<div id="svg (111).svg" class="imgbox"><img src="svg (111).svg" class="bg0"/><div class="label">svg (111).svg</div></div>
<div id="svg (112).svg" class="imgbox"><img src="svg (112).svg" class="bg0"/><div class="label">svg (112).svg</div></div>
<div id="svg (113).svg" class="imgbox"><img src="svg (113).svg" class="bg0"/><div class="label">svg (113).svg</div></div>
<div id="svg (114).svg" class="imgbox"><img src="svg (114).svg" class="bg0"/><div class="label">svg (114).svg</div></div>
<div id="svg (115).svg" class="imgbox"><img src="svg (115).svg" class="bg0"/><div class="label">svg (115).svg</div></div>
<div id="svg (116).svg" class="imgbox"><img src="svg (116).svg" class="bg0"/><div class="label">svg (116).svg</div></div>
<div id="svg (117).svg" class="imgbox"><img src="svg (117).svg" class="bg0"/><div class="label">svg (117).svg</div></div>
<div id="svg (118).svg" class="imgbox"><img src="svg (118).svg" class="bg0"/><div class="label">svg (118).svg</div></div>
<div id="svg (119).svg" class="imgbox"><img src="svg (119).svg" class="bg0"/><div class="label">svg (119).svg</div></div>
<div id="svg (12).svg" class="imgbox"><img src="svg (12).svg" class="bg0"/><div class="label">svg (12).svg</div></div>
<div id="svg (120).svg" class="imgbox"><img src="svg (120).svg" class="bg0"/><div class="label">svg (120).svg</div></div>
<div id="svg (121).svg" class="imgbox"><img src="svg (121).svg" class="bg0"/><div class="label">svg (121).svg</div></div>
<div id="svg (122).svg" class="imgbox"><img src="svg (122).svg" class="bg0"/><div class="label">svg (122).svg</div></div>
<div id="svg (123).svg" class="imgbox"><img src="svg (123).svg" class="bg0"/><div class="label">svg (123).svg</div></div>
<div id="svg (124).svg" class="imgbox"><img src="svg (124).svg" class="bg0"/><div class="label">svg (124).svg</div></div>
<div id="svg (125).svg" class="imgbox"><img src="svg (125).svg" class="bg0"/><div class="label">svg (125).svg</div></div>
<div id="svg (126).svg" class="imgbox"><img src="svg (126).svg" class="bg0"/><div class="label">svg (126).svg</div></div>
<div id="svg (13).svg" class="imgbox"><img src="svg (13).svg" class="bg0"/><div class="label">svg (13).svg</div></div>
<div id="svg (14).svg" class="imgbox"><img src="svg (14).svg" class="bg0"/><div class="label">svg (14).svg</div></div>
<div id="svg (15).svg" class="imgbox"><img src="svg (15).svg" class="bg0"/><div class="label">svg (15).svg</div></div>
<div id="svg (16).svg" class="imgbox"><img src="svg (16).svg" class="bg0"/><div class="label">svg (16).svg</div></div>
<div id="svg (17).svg" class="imgbox"><img src="svg (17).svg" class="bg0"/><div class="label">svg (17).svg</div></div>
<div id="svg (18).svg" class="imgbox"><img src="svg (18).svg" class="bg0"/><div class="label">svg (18).svg</div></div>
<div id="svg (19).svg" class="imgbox"><img src="svg (19).svg" class="bg0"/><div class="label">svg (19).svg</div></div>
<div id="svg (2).svg" class="imgbox"><img src="svg (2).svg" class="bg0"/><div class="label">svg (2).svg</div></div>
<div id="svg (20).svg" class="imgbox"><img src="svg (20).svg" class="bg0"/><div class="label">svg (20).svg</div></div>
<div id="svg (21).svg" class="imgbox"><img src="svg (21).svg" class="bg0"/><div class="label">svg (21).svg</div></div>
<div id="svg (22).svg" class="imgbox"><img src="svg (22).svg" class="bg0"/><div class="label">svg (22).svg</div></div>
<div id="svg (23).svg" class="imgbox"><img src="svg (23).svg" class="bg0"/><div class="label">svg (23).svg</div></div>
<div id="svg (24).svg" class="imgbox"><img src="svg (24).svg" class="bg0"/><div class="label">svg (24).svg</div></div>
<div id="svg (25).svg" class="imgbox"><img src="svg (25).svg" class="bg0"/><div class="label">svg (25).svg</div></div>
<div id="svg (26).svg" class="imgbox"><img src="svg (26).svg" class="bg0"/><div class="label">svg (26).svg</div></div>
<div id="svg (27).svg" class="imgbox"><img src="svg (27).svg" class="bg0"/><div class="label">svg (27).svg</div></div>
<div id="svg (28).svg" class="imgbox"><img src="svg (28).svg" class="bg0"/><div class="label">svg (28).svg</div></div>
<div id="svg (29).svg" class="imgbox"><img src="svg (29).svg" class="bg0"/><div class="label">svg (29).svg</div></div>
<div id="svg (3).svg" class="imgbox"><img src="svg (3).svg" class="bg0"/><div class="label">svg (3).svg</div></div>
<div id="svg (30).svg" class="imgbox"><img src="svg (30).svg" class="bg0"/><div class="label">svg (30).svg</div></div>
<div id="svg (31).svg" class="imgbox"><img src="svg (31).svg" class="bg0"/><div class="label">svg (31).svg</div></div>
<div id="svg (32).svg" class="imgbox"><img src="svg (32).svg" class="bg0"/><div class="label">svg (32).svg</div></div>
<div id="svg (33).svg" class="imgbox"><img src="svg (33).svg" class="bg0"/><div class="label">svg (33).svg</div></div>
<div id="svg (34).svg" class="imgbox"><img src="svg (34).svg" class="bg0"/><div class="label">svg (34).svg</div></div>
<div id="svg (35).svg" class="imgbox"><img src="svg (35).svg" class="bg0"/><div class="label">svg (35).svg</div></div>
<div id="svg (36).svg" class="imgbox"><img src="svg (36).svg" class="bg0"/><div class="label">svg (36).svg</div></div>
<div id="svg (37).svg" class="imgbox"><img src="svg (37).svg" class="bg0"/><div class="label">svg (37).svg</div></div>
<div id="svg (38).svg" class="imgbox"><img src="svg (38).svg" class="bg0"/><div class="label">svg (38).svg</div></div>
<div id="svg (39).svg" class="imgbox"><img src="svg (39).svg" class="bg0"/><div class="label">svg (39).svg</div></div>
<div id="svg (4).svg" class="imgbox"><img src="svg (4).svg" class="bg0"/><div class="label">svg (4).svg</div></div>
<div id="svg (40).svg" class="imgbox"><img src="svg (40).svg" class="bg0"/><div class="label">svg (40).svg</div></div>
<div id="svg (41).svg" class="imgbox"><img src="svg (41).svg" class="bg0"/><div class="label">svg (41).svg</div></div>
<div id="svg (42).svg" class="imgbox"><img src="svg (42).svg" class="bg0"/><div class="label">svg (42).svg</div></div>
<div id="svg (43).svg" class="imgbox"><img src="svg (43).svg" class="bg0"/><div class="label">svg (43).svg</div></div>
<div id="svg (44).svg" class="imgbox"><img src="svg (44).svg" class="bg0"/><div class="label">svg (44).svg</div></div>
<div id="svg (45).svg" class="imgbox"><img src="svg (45).svg" class="bg0"/><div class="label">svg (45).svg</div></div>
<div id="svg (46).svg" class="imgbox"><img src="svg (46).svg" class="bg0"/><div class="label">svg (46).svg</div></div>
<div id="svg (47).svg" class="imgbox"><img src="svg (47).svg" class="bg0"/><div class="label">svg (47).svg</div></div>
<div id="svg (48).svg" class="imgbox"><img src="svg (48).svg" class="bg0"/><div class="label">svg (48).svg</div></div>
<div id="svg (49).svg" class="imgbox"><img src="svg (49).svg" class="bg0"/><div class="label">svg (49).svg</div></div>
<div id="svg (5).svg" class="imgbox"><img src="svg (5).svg" class="bg0"/><div class="label">svg (5).svg</div></div>
<div id="svg (50).svg" class="imgbox"><img src="svg (50).svg" class="bg0"/><div class="label">svg (50).svg</div></div>
<div id="svg (51).svg" class="imgbox"><img src="svg (51).svg" class="bg0"/><div class="label">svg (51).svg</div></div>
<div id="svg (52).svg" class="imgbox"><img src="svg (52).svg" class="bg0"/><div class="label">svg (52).svg</div></div>
<div id="svg (53).svg" class="imgbox"><img src="svg (53).svg" class="bg0"/><div class="label">svg (53).svg</div></div>
<div id="svg (54).svg" class="imgbox"><img src="svg (54).svg" class="bg0"/><div class="label">svg (54).svg</div></div>
<div id="svg (55).svg" class="imgbox"><img src="svg (55).svg" class="bg0"/><div class="label">svg (55).svg</div></div>
<div id="svg (56).svg" class="imgbox"><img src="svg (56).svg" class="bg0"/><div class="label">svg (56).svg</div></div>
<div id="svg (57).svg" class="imgbox"><img src="svg (57).svg" class="bg0"/><div class="label">svg (57).svg</div></div>
<div id="svg (58).svg" class="imgbox"><img src="svg (58).svg" class="bg0"/><div class="label">svg (58).svg</div></div>
<div id="svg (59).svg" class="imgbox"><img src="svg (59).svg" class="bg0"/><div class="label">svg (59).svg</div></div>
<div id="svg (6).svg" class="imgbox"><img src="svg (6).svg" class="bg0"/><div class="label">svg (6).svg</div></div>
<div id="svg (60).svg" class="imgbox"><img src="svg (60).svg" class="bg0"/><div class="label">svg (60).svg</div></div>
<div id="svg (61).svg" class="imgbox"><img src="svg (61).svg" class="bg0"/><div class="label">svg (61).svg</div></div>
<div id="svg (62).svg" class="imgbox"><img src="svg (62).svg" class="bg0"/><div class="label">svg (62).svg</div></div>
<div id="svg (63).svg" class="imgbox"><img src="svg (63).svg" class="bg0"/><div class="label">svg (63).svg</div></div>
<div id="svg (64).svg" class="imgbox"><img src="svg (64).svg" class="bg0"/><div class="label">svg (64).svg</div></div>
<div id="svg (65).svg" class="imgbox"><img src="svg (65).svg" class="bg0"/><div class="label">svg (65).svg</div></div>
<div id="svg (66).svg" class="imgbox"><img src="svg (66).svg" class="bg0"/><div class="label">svg (66).svg</div></div>
<div id="svg (67).svg" class="imgbox"><img src="svg (67).svg" class="bg0"/><div class="label">svg (67).svg</div></div>
<div id="svg (68).svg" class="imgbox"><img src="svg (68).svg" class="bg0"/><div class="label">svg (68).svg</div></div>
<div id="svg (69).svg" class="imgbox"><img src="svg (69).svg" class="bg0"/><div class="label">svg (69).svg</div></div>
<div id="svg (7).svg" class="imgbox"><img src="svg (7).svg" class="bg0"/><div class="label">svg (7).svg</div></div>
<div id="svg (70).svg" class="imgbox"><img src="svg (70).svg" class="bg0"/><div class="label">svg (70).svg</div></div>
<div id="svg (71).svg" class="imgbox"><img src="svg (71).svg" class="bg0"/><div class="label">svg (71).svg</div></div>
<div id="svg (72).svg" class="imgbox"><img src="svg (72).svg" class="bg0"/><div class="label">svg (72).svg</div></div>
<div id="svg (73).svg" class="imgbox"><img src="svg (73).svg" class="bg0"/><div class="label">svg (73).svg</div></div>
<div id="svg (74).svg" class="imgbox"><img src="svg (74).svg" class="bg0"/><div class="label">svg (74).svg</div></div>
<div id="svg (75).svg" class="imgbox"><img src="svg (75).svg" class="bg0"/><div class="label">svg (75).svg</div></div>
<div id="svg (76).svg" class="imgbox"><img src="svg (76).svg" class="bg0"/><div class="label">svg (76).svg</div></div>
<div id="svg (77).svg" class="imgbox"><img src="svg (77).svg" class="bg0"/><div class="label">svg (77).svg</div></div>
<div id="svg (78).svg" class="imgbox"><img src="svg (78).svg" class="bg0"/><div class="label">svg (78).svg</div></div>
<div id="svg (79).svg" class="imgbox"><img src="svg (79).svg" class="bg0"/><div class="label">svg (79).svg</div></div>
<div id="svg (8).svg" class="imgbox"><img src="svg (8).svg" class="bg0"/><div class="label">svg (8).svg</div></div>
<div id="svg (80).svg" class="imgbox"><img src="svg (80).svg" class="bg0"/><div class="label">svg (80).svg</div></div>
<div id="svg (81).svg" class="imgbox"><img src="svg (81).svg" class="bg0"/><div class="label">svg (81).svg</div></div>
<div id="svg (82).svg" class="imgbox"><img src="svg (82).svg" class="bg0"/><div class="label">svg (82).svg</div></div>
<div id="svg (83).svg" class="imgbox"><img src="svg (83).svg" class="bg0"/><div class="label">svg (83).svg</div></div>
<div id="svg (84).svg" class="imgbox"><img src="svg (84).svg" class="bg0"/><div class="label">svg (84).svg</div></div>
<div id="svg (85).svg" class="imgbox"><img src="svg (85).svg" class="bg0"/><div class="label">svg (85).svg</div></div>
<div id="svg (86).svg" class="imgbox"><img src="svg (86).svg" class="bg0"/><div class="label">svg (86).svg</div></div>
<div id="svg (87).svg" class="imgbox"><img src="svg (87).svg" class="bg0"/><div class="label">svg (87).svg</div></div>
<div id="svg (88).svg" class="imgbox"><img src="svg (88).svg" class="bg0"/><div class="label">svg (88).svg</div></div>
<div id="svg (89).svg" class="imgbox"><img src="svg (89).svg" class="bg0"/><div class="label">svg (89).svg</div></div>
<div id="svg (9).svg" class="imgbox"><img src="svg (9).svg" class="bg0"/><div class="label">svg (9).svg</div></div>
<div id="svg (90).svg" class="imgbox"><img src="svg (90).svg" class="bg0"/><div class="label">svg (90).svg</div></div>
<div id="svg (91).svg" class="imgbox"><img src="svg (91).svg" class="bg0"/><div class="label">svg (91).svg</div></div>
<div id="svg (92).svg" class="imgbox"><img src="svg (92).svg" class="bg0"/><div class="label">svg (92).svg</div></div>
<div id="svg (93).svg" class="imgbox"><img src="svg (93).svg" class="bg0"/><div class="label">svg (93).svg</div></div>
<div id="svg (94).svg" class="imgbox"><img src="svg (94).svg" class="bg0"/><div class="label">svg (94).svg</div></div>
<div id="svg (95).svg" class="imgbox"><img src="svg (95).svg" class="bg0"/><div class="label">svg (95).svg</div></div>
<div id="svg (96).svg" class="imgbox"><img src="svg (96).svg" class="bg0"/><div class="label">svg (96).svg</div></div>
<div id="svg (97).svg" class="imgbox"><img src="svg (97).svg" class="bg0"/><div class="label">svg (97).svg</div></div>
<div id="svg (98).svg" class="imgbox"><img src="svg (98).svg" class="bg0"/><div class="label">svg (98).svg</div></div>
<div id="svg (99).svg" class="imgbox"><img src="svg (99).svg" class="bg0"/><div class="label">svg (99).svg</div></div>

</div>
<script>
var bg = 0;
function toggleBg() {
bg++
if(bg > 2) bg = 0;
for(let img of document.getElementsByTagName("img")) {
img.className = `bg${bg}`;
}
}

function search() {
let q = document.getElementById('finder').value.trim().toLowerCase()
if(q.length <= 0) {
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
}
}
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
if(!imgbox.id.includes(q)) {
imgbox.style.display = "none"
}
}
}

</script>
</body></html>

+ 140
- 65
logos/index.html View File

@@ -1,81 +1,156 @@

<head><title>Gallery</title></head>
<head><title>Logos & Brands</title></head>
<style>
body {
font-family: 'Segoe UI', Arial;
font-size: 15px;
background-color: #aaa;
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
.bg0 {
background-image: url("../_tools/background.png")
}
.bg1 {
background-color: #333;
}
.bg2 {
background-color: #fff;
}
.imgbox img {
width: 10.5rem;
height: 10.5rem;
object-fit: contain;
}
.imgbox {
display: inline-block;
margin: 0.5rem;
margin: 0.6rem;
padding: 0.5rem;
text-align: center;
width: 12rem;
word-wrap: break-word;
height: 12rem;
background-color: #e0e0e0;
}
h1 {
font-size: 2.6rem;
}
.find, .find input {
font-size: 1.5rem;
}
.top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #aaa;
padding: 1rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
}
.top button {
float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
}
.label {
height: 2.5em;
line-height: 1em;
overflow: hidden;
font-size: 0.9rem;
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
<body>
<div class="imgbox"><img src="android.svg" /><span>android.svg</span></div>
<div class="imgbox"><img src="angular.svg" /><span>angular.svg</span></div>
<div class="imgbox"><img src="ansible.svg" /><span>ansible.svg</span></div>
<div class="imgbox"><img src="apache.svg" /><span>apache.svg</span></div>
<div class="imgbox"><img src="azure-logo.svg" /><span>azure-logo.svg</span></div>
<div class="imgbox"><img src="azure-offical.svg" /><span>azure-offical.svg</span></div>
<div class="imgbox"><img src="bash.svg" /><span>bash.svg</span></div>
<div class="imgbox"><img src="bit-bucket.svg" /><span>bit-bucket.svg</span></div>
<div class="imgbox"><img src="chef-logo.svg" /><span>chef-logo.svg</span></div>
<div class="imgbox"><img src="chef.svg" /><span>chef.svg</span></div>
<div class="imgbox"><img src="csharp.svg" /><span>csharp.svg</span></div>
<div class="imgbox"><img src="docker-icon-wh.svg" /><span>docker-icon-wh.svg</span></div>
<div class="imgbox"><img src="docker-icon.svg" /><span>docker-icon.svg</span></div>
<div class="imgbox"><img src="docker-mono.svg" /><span>docker-mono.svg</span></div>
<div class="imgbox"><img src="docker-whale.svg" /><span>docker-whale.svg</span></div>
<div class="imgbox"><img src="dotnetcore.svg" /><span>dotnetcore.svg</span></div>
<div class="imgbox"><img src="dynamics.svg" /><span>dynamics.svg</span></div>
<div class="imgbox"><img src="eclipse.svg" /><span>eclipse.svg</span></div>
<div class="imgbox"><img src="flask.svg" /><span>flask.svg</span></div>
<div class="imgbox"><img src="git.svg" /><span>git.svg</span></div>
<div class="imgbox"><img src="github.svg" /><span>github.svg</span></div>
<div class="imgbox"><img src="gradle.svg" /><span>gradle.svg</span></div>
<div class="imgbox"><img src="helm-logo.svg" /><span>helm-logo.svg</span></div>
<div class="imgbox"><img src="java.svg" /><span>java.svg</span></div>
<div class="imgbox"><img src="jenkins.svg" /><span>jenkins.svg</span></div>
<div class="imgbox"><img src="jfrog.svg" /><span>jfrog.svg</span></div>
<div class="imgbox"><img src="kube.svg" /><span>kube.svg</span></div>
<div class="imgbox"><img src="linkedin.svg" /><span>linkedin.svg</span></div>
<div class="imgbox"><img src="linux-tux-colour.svg" /><span>linux-tux-colour.svg</span></div>
<div class="imgbox"><img src="linux-tux-mono.svg" /><span>linux-tux-mono.svg</span></div>
<div class="imgbox"><img src="microsoft-logo.svg" /><span>microsoft-logo.svg</span></div>
<div class="imgbox"><img src="microsoft.svg" /><span>microsoft.svg</span></div>
<div class="imgbox"><img src="ms-sq.svg" /><span>ms-sq.svg</span></div>
<div class="imgbox"><img src="ms.svg" /><span>ms.svg</span></div>
<div class="imgbox"><img src="nodejs-2.svg" /><span>nodejs-2.svg</span></div>
<div class="imgbox"><img src="nodejs-3.svg" /><span>nodejs-3.svg</span></div>
<div class="imgbox"><img src="nodejs.svg" /><span>nodejs.svg</span></div>
<div class="imgbox"><img src="octopus-deploy.svg" /><span>octopus-deploy.svg</span></div>
<div class="imgbox"><img src="powerbi-mono-black.svg" /><span>powerbi-mono-black.svg</span></div>
<div class="imgbox"><img src="puppet.svg" /><span>puppet.svg</span></div>
<div class="imgbox"><img src="python-colour.svg" /><span>python-colour.svg</span></div>
<div class="imgbox"><img src="python-mono.svg" /><span>python-mono.svg</span></div>
<div class="imgbox"><img src="red-hat.svg" /><span>red-hat.svg</span></div>
<div class="imgbox"><img src="ruby mono.svg" /><span>ruby mono.svg</span></div>
<div class="imgbox"><img src="ruby.svg" /><span>ruby.svg</span></div>
<div class="imgbox"><img src="saltstack.svg" /><span>saltstack.svg</span></div>
<div class="imgbox"><img src="sap.svg" /><span>sap.svg</span></div>
<div class="imgbox"><img src="slack.svg" /><span>slack.svg</span></div>
<div class="imgbox"><img src="suse.svg" /><span>suse.svg</span></div>
<div class="imgbox"><img src="terraform.svg" /><span>terraform.svg</span></div>
<div class="imgbox"><img src="trello.svg" /><span>trello.svg</span></div>
<div class="imgbox"><img src="twitter-square.svg" /><span>twitter-square.svg</span></div>
<div class="imgbox"><img src="ubuntu.svg" /><span>ubuntu.svg</span></div>
<div class="imgbox"><img src="vuejs.svg" /><span>vuejs.svg</span></div>
<div class="imgbox"><img src="windows.svg" /><span>windows.svg</span></div>
<div class="imgbox"><img src="youtube.svg" /><span>youtube.svg</span></div>
<div class="top">
<h1>Logos & Brands</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="android.svg" class="imgbox"><img src="android.svg" class="bg0"/><div class="label">android.svg</div></div>
<div id="angular.svg" class="imgbox"><img src="angular.svg" class="bg0"/><div class="label">angular.svg</div></div>
<div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg0"/><div class="label">ansible.svg</div></div>
<div id="apache.svg" class="imgbox"><img src="apache.svg" class="bg0"/><div class="label">apache.svg</div></div>
<div id="azure-logo.svg" class="imgbox"><img src="azure-logo.svg" class="bg0"/><div class="label">azure-logo.svg</div></div>
<div id="azure-offical.svg" class="imgbox"><img src="azure-offical.svg" class="bg0"/><div class="label">azure-offical.svg</div></div>
<div id="bash.svg" class="imgbox"><img src="bash.svg" class="bg0"/><div class="label">bash.svg</div></div>
<div id="bit-bucket.svg" class="imgbox"><img src="bit-bucket.svg" class="bg0"/><div class="label">bit-bucket.svg</div></div>
<div id="chef-logo.svg" class="imgbox"><img src="chef-logo.svg" class="bg0"/><div class="label">chef-logo.svg</div></div>
<div id="chef.svg" class="imgbox"><img src="chef.svg" class="bg0"/><div class="label">chef.svg</div></div>
<div id="csharp.svg" class="imgbox"><img src="csharp.svg" class="bg0"/><div class="label">csharp.svg</div></div>
<div id="docker-icon-wh.svg" class="imgbox"><img src="docker-icon-wh.svg" class="bg0"/><div class="label">docker-icon-wh.svg</div></div>
<div id="docker-icon.svg" class="imgbox"><img src="docker-icon.svg" class="bg0"/><div class="label">docker-icon.svg</div></div>
<div id="docker-mono.svg" class="imgbox"><img src="docker-mono.svg" class="bg0"/><div class="label">docker-mono.svg</div></div>
<div id="docker-whale.svg" class="imgbox"><img src="docker-whale.svg" class="bg0"/><div class="label">docker-whale.svg</div></div>
<div id="dotnetcore.svg" class="imgbox"><img src="dotnetcore.svg" class="bg0"/><div class="label">dotnetcore.svg</div></div>
<div id="dynamics.svg" class="imgbox"><img src="dynamics.svg" class="bg0"/><div class="label">dynamics.svg</div></div>
<div id="eclipse.svg" class="imgbox"><img src="eclipse.svg" class="bg0"/><div class="label">eclipse.svg</div></div>
<div id="flask.svg" class="imgbox"><img src="flask.svg" class="bg0"/><div class="label">flask.svg</div></div>
<div id="git.svg" class="imgbox"><img src="git.svg" class="bg0"/><div class="label">git.svg</div></div>
<div id="github.svg" class="imgbox"><img src="github.svg" class="bg0"/><div class="label">github.svg</div></div>
<div id="gradle.svg" class="imgbox"><img src="gradle.svg" class="bg0"/><div class="label">gradle.svg</div></div>
<div id="helm-logo.svg" class="imgbox"><img src="helm-logo.svg" class="bg0"/><div class="label">helm-logo.svg</div></div>
<div id="java.svg" class="imgbox"><img src="java.svg" class="bg0"/><div class="label">java.svg</div></div>
<div id="jenkins.svg" class="imgbox"><img src="jenkins.svg" class="bg0"/><div class="label">jenkins.svg</div></div>
<div id="jfrog.svg" class="imgbox"><img src="jfrog.svg" class="bg0"/><div class="label">jfrog.svg</div></div>
<div id="kube.svg" class="imgbox"><img src="kube.svg" class="bg0"/><div class="label">kube.svg</div></div>
<div id="linkedin.svg" class="imgbox"><img src="linkedin.svg" class="bg0"/><div class="label">linkedin.svg</div></div>
<div id="linux-tux-colour.svg" class="imgbox"><img src="linux-tux-colour.svg" class="bg0"/><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"/><div class="label">linux-tux-mono.svg</div></div>
<div id="microsoft-logo.svg" class="imgbox"><img src="microsoft-logo.svg" class="bg0"/><div class="label">microsoft-logo.svg</div></div>
<div id="microsoft.svg" class="imgbox"><img src="microsoft.svg" class="bg0"/><div class="label">microsoft.svg</div></div>
<div id="ms-sq.svg" class="imgbox"><img src="ms-sq.svg" class="bg0"/><div class="label">ms-sq.svg</div></div>
<div id="ms.svg" class="imgbox"><img src="ms.svg" class="bg0"/><div class="label">ms.svg</div></div>
<div id="nodejs-2.svg" class="imgbox"><img src="nodejs-2.svg" class="bg0"/><div class="label">nodejs-2.svg</div></div>
<div id="nodejs-3.svg" class="imgbox"><img src="nodejs-3.svg" class="bg0"/><div class="label">nodejs-3.svg</div></div>
<div id="nodejs.svg" class="imgbox"><img src="nodejs.svg" class="bg0"/><div class="label">nodejs.svg</div></div>
<div id="octopus-deploy.svg" class="imgbox"><img src="octopus-deploy.svg" class="bg0"/><div class="label">octopus-deploy.svg</div></div>
<div id="powerbi-mono-black.svg" class="imgbox"><img src="powerbi-mono-black.svg" class="bg0"/><div class="label">powerbi-mono-black.svg</div></div>
<div id="puppet.svg" class="imgbox"><img src="puppet.svg" class="bg0"/><div class="label">puppet.svg</div></div>
<div id="python-colour.svg" class="imgbox"><img src="python-colour.svg" class="bg0"/><div class="label">python-colour.svg</div></div>
<div id="python-mono.svg" class="imgbox"><img src="python-mono.svg" class="bg0"/><div class="label">python-mono.svg</div></div>
<div id="red-hat.svg" class="imgbox"><img src="red-hat.svg" class="bg0"/><div class="label">red-hat.svg</div></div>
<div id="ruby mono.svg" class="imgbox"><img src="ruby mono.svg" class="bg0"/><div class="label">ruby mono.svg</div></div>
<div id="ruby.svg" class="imgbox"><img src="ruby.svg" class="bg0"/><div class="label">ruby.svg</div></div>
<div id="saltstack.svg" class="imgbox"><img src="saltstack.svg" class="bg0"/><div class="label">saltstack.svg</div></div>
<div id="sap.svg" class="imgbox"><img src="sap.svg" class="bg0"/><div class="label">sap.svg</div></div>
<div id="slack.svg" class="imgbox"><img src="slack.svg" class="bg0"/><div class="label">slack.svg</div></div>
<div id="suse.svg" class="imgbox"><img src="suse.svg" class="bg0"/><div class="label">suse.svg</div></div>
<div id="terraform.svg" class="imgbox"><img src="terraform.svg" class="bg0"/><div class="label">terraform.svg</div></div>
<div id="trello.svg" class="imgbox"><img src="trello.svg" class="bg0"/><div class="label">trello.svg</div></div>
<div id="twitter-square.svg" class="imgbox"><img src="twitter-square.svg" class="bg0"/><div class="label">twitter-square.svg</div></div>
<div id="ubuntu.svg" class="imgbox"><img src="ubuntu.svg" class="bg0"/><div class="label">ubuntu.svg</div></div>
<div id="vuejs.svg" class="imgbox"><img src="vuejs.svg" class="bg0"/><div class="label">vuejs.svg</div></div>
<div id="windows.svg" class="imgbox"><img src="windows.svg" class="bg0"/><div class="label">windows.svg</div></div>
<div id="youtube.svg" class="imgbox"><img src="youtube.svg" class="bg0"/><div class="label">youtube.svg</div></div>

</div>
<script>
var bg = 0;
function toggleBg() {
bg++
if(bg > 2) bg = 0;
for(let img of document.getElementsByTagName("img")) {
img.className = `bg${bg}`;
}
}

function search() {
let q = document.getElementById('finder').value.trim().toLowerCase()
if(q.length <= 0) {
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
}
}
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
if(!imgbox.id.includes(q)) {
imgbox.style.display = "none"
}
}
}

</script>
</body></html>

+ 1
- 1
other/app-center.svg View File

@@ -1 +1 @@
<svg alt="App Center" class="icon-xsmall-1SC4g46Omwr icon-icon-3WRRs0Iwmwr icon-xsmall-normal-77bO2KN2mwr" width="16" height="16" viewBox="0 0 16 16"><path d="M1.45 4.17l6-4L9 1v4.34l4.42-3.15L15 3v10l-1.58.82L9 10.66V15l-1.55.83-6-4v-1.66L4.7 8 1.45 5.83V4.17zm2.35.86L7 7.16V2.9L3.8 5.03zm4.92 3L12 10.37V5.7L8.72 8.02zM7 8.9l-3.2 2.13L7 13.16V8.9z" fill-rule="nonzero"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-xsmall-1SC4g46Omwr icon-icon-3WRRs0Iwmwr icon-xsmall-normal-77bO2KN2mwr" width="16" height="16" viewBox="0 0 16 16"><path d="M1.45 4.17l6-4L9 1v4.34l4.42-3.15L15 3v10l-1.58.82L9 10.66V15l-1.55.83-6-4v-1.66L4.7 8 1.45 5.83V4.17zm2.35.86L7 7.16V2.9L3.8 5.03zm4.92 3L12 10.37V5.7L8.72 8.02zM7 8.9l-3.2 2.13L7 13.16V8.9z" fill-rule="nonzero"></path></svg>

+ 1
- 1
other/container-mon.svg View File

@@ -1,4 +1,4 @@
<svg viewBox="0 0 50 50" class="fxs-portal-svg" role="presentation" focusable="false" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-072" width="100%" height="100%">
<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" class="fxs-portal-svg" role="presentation" focusable="false" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-072" width="100%" height="100%">
<style type="text/css"> <![CDATA[
.msportalfx-svg-c01{fill:#fff}
.msportalfx-svg-c02{fill:#e5e5e5}


+ 109
- 34
other/index.html View File

@@ -1,50 +1,125 @@

<head><title>Gallery</title></head>
<head><title>Other Icons</title></head>
<style>
body {
font-family: 'Segoe UI', Arial;
font-size: 15px;
background-color: #aaa;
padding: 0;
margin: 0;
}
img {
width: 100%;
height: auto;
.bg0 {
background-image: url("../_tools/background.png")
}
.bg1 {
background-color: #333;
}
.bg2 {
background-color: #fff;
}
.imgbox img {
width: 10.5rem;
height: 10.5rem;
object-fit: contain;
}
.imgbox {
display: inline-block;
margin: 0.5rem;
margin: 0.6rem;
padding: 0.5rem;
text-align: center;
width: 12rem;
word-wrap: break-word;
height: 12rem;
background-color: #e0e0e0;
}
h1 {
font-size: 2.6rem;
}
.find, .find input {
font-size: 1.5rem;
}
.top {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #aaa;
padding: 1rem;
padding-top: 0;
box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
}
.top button {
float: right;
position: relative;
top: -2rem;
font-size: 1.5rem;
}
.label {
height: 2.5em;
line-height: 1em;
overflow: hidden;
font-size: 0.9rem;
}
.grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
<body>
<div class="imgbox"><img src="Kudu.svg" /><span>Kudu.svg</span></div>
<div class="imgbox"><img src="aks-blue.svg" /><span>aks-blue.svg</span></div>
<div class="imgbox"><img src="app-center-colour.svg" /><span>app-center-colour.svg</span></div>
<div class="imgbox"><img src="app-center.svg" /><span>app-center.svg</span></div>
<div class="imgbox"><img src="azure ml.svg" /><span>azure ml.svg</span></div>
<div class="imgbox"><img src="cloud-security.svg" /><span>cloud-security.svg</span></div>
<div class="imgbox"><img src="connector.svg" /><span>connector.svg</span></div>
<div class="imgbox"><img src="container-insights.svg" /><span>container-insights.svg</span></div>
<div class="imgbox"><img src="container-mon.svg" /><span>container-mon.svg</span></div>
<div class="imgbox"><img src="container.svg" /><span>container.svg</span></div>
<div class="imgbox"><img src="containerinstances-mono.svg" /><span>containerinstances-mono.svg</span></div>
<div class="imgbox"><img src="cubes.svg" /><span>cubes.svg</span></div>
<div class="imgbox"><img src="designer.svg" /><span>designer.svg</span></div>
<div class="imgbox"><img src="devops-boards.svg" /><span>devops-boards.svg</span></div>
<div class="imgbox"><img src="devops-pipelines.svg" /><span>devops-pipelines.svg</span></div>
<div class="imgbox"><img src="devops-repos.svg" /><span>devops-repos.svg</span></div>
<div class="imgbox"><img src="devops-testplans.svg" /><span>devops-testplans.svg</span></div>
<div class="imgbox"><img src="devopsiconartifacts96.svg" /><span>devopsiconartifacts96.svg</span></div>
<div class="imgbox"><img src="event-grid-topic.svg" /><span>event-grid-topic.svg</span></div>
<div class="imgbox"><img src="machine-learning-diagram.svg" /><span>machine-learning-diagram.svg</span></div>
<div class="imgbox"><img src="pickle.svg" /><span>pickle.svg</span></div>
<div class="imgbox"><img src="resource-explorer.svg" /><span>resource-explorer.svg</span></div>
<div class="imgbox"><img src="rss.svg" /><span>rss.svg</span></div>
<div class="imgbox"><img src="shield.svg" /><span>shield.svg</span></div>
<div class="imgbox"><img src="xcode.svg" /><span>xcode.svg</span></div>
<div class="top">
<h1>Other Icons</h1>
<span class="find">Finder: <input onkeyup="search()" id="finder"><br></span>
<button onclick="toggleBg()">Change Background</button>
</div>
<div class="grid">
<div id="Kudu.svg" class="imgbox"><img src="Kudu.svg" class="bg0"/><div class="label">Kudu.svg</div></div>
<div id="aks-blue.svg" class="imgbox"><img src="aks-blue.svg" class="bg0"/><div class="label">aks-blue.svg</div></div>
<div id="app-center-colour.svg" class="imgbox"><img src="app-center-colour.svg" class="bg0"/><div class="label">app-center-colour.svg</div></div>
<div id="app-center.svg" class="imgbox"><img src="app-center.svg" class="bg0"/><div class="label">app-center.svg</div></div>
<div id="azure ml.svg" class="imgbox"><img src="azure ml.svg" class="bg0"/><div class="label">azure ml.svg</div></div>
<div id="cloud-security.svg" class="imgbox"><img src="cloud-security.svg" class="bg0"/><div class="label">cloud-security.svg</div></div>
<div id="connector.svg" class="imgbox"><img src="connector.svg" class="bg0"/><div class="label">connector.svg</div></div>
<div id="container-insights.svg" class="imgbox"><img src="container-insights.svg" class="bg0"/><div class="label">container-insights.svg</div></div>
<div id="container-mon.svg" class="imgbox"><img src="container-mon.svg" class="bg0"/><div class="label">container-mon.svg</div></div>
<div id="container.svg" class="imgbox"><img src="container.svg" class="bg0"/><div class="label">container.svg</div></div>
<div id="containerinstances-mono.svg" class="imgbox"><img src="containerinstances-mono.svg" class="bg0"/><div class="label">containerinstances-mono.svg</div></div>
<div id="cubes.svg" class="imgbox"><img src="cubes.svg" class="bg0"/><div class="label">cubes.svg</div></div>
<div id="designer.svg" class="imgbox"><img src="designer.svg" class="bg0"/><div class="label">designer.svg</div></div>
<div id="devops-boards.svg" class="imgbox"><img src="devops-boards.svg" class="bg0"/><div class="label">devops-boards.svg</div></div>
<div id="devops-pipelines.svg" class="imgbox"><img src="devops-pipelines.svg" class="bg0"/><div class="label">devops-pipelines.svg</div></div>
<div id="devops-repos.svg" class="imgbox"><img src="devops-repos.svg" class="bg0"/><div class="label">devops-repos.svg</div></div>
<div id="devops-testplans.svg" class="imgbox"><img src="devops-testplans.svg" class="bg0"/><div class="label">devops-testplans.svg</div></div>
<div id="devopsiconartifacts96.svg" class="imgbox"><img src="devopsiconartifacts96.svg" class="bg0"/><div class="label">devopsiconartifacts96.svg</div></div>
<div id="event-grid-topic.svg" class="imgbox"><img src="event-grid-topic.svg" class="bg0"/><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"/><div class="label">machine-learning-diagram.svg</div></div>
<div id="pickle.svg" class="imgbox"><img src="pickle.svg" class="bg0"/><div class="label">pickle.svg</div></div>
<div id="resource-explorer.svg" class="imgbox"><img src="resource-explorer.svg" class="bg0"/><div class="label">resource-explorer.svg</div></div>
<div id="rss.svg" class="imgbox"><img src="rss.svg" class="bg0"/><div class="label">rss.svg</div></div>
<div id="shield.svg" class="imgbox"><img src="shield.svg" class="bg0"/><div class="label">shield.svg</div></div>
<div id="xcode.svg" class="imgbox"><img src="xcode.svg" class="bg0"/><div class="label">xcode.svg</div></div>

</div>
<script>
var bg = 0;
function toggleBg() {
bg++
if(bg > 2) bg = 0;
for(let img of document.getElementsByTagName("img")) {
img.className = `bg${bg}`;
}
}

function search() {
let q = document.getElementById('finder').value.trim().toLowerCase()
if(q.length <= 0) {
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
}
}
for(let imgbox of document.getElementsByClassName("imgbox")) {
imgbox.style.display = "inline-block"
if(!imgbox.id.includes(q)) {
imgbox.style.display = "none"
}
}
}

</script>
</body></html>

+ 3
- 3
other/rss.svg View File

@@ -1,8 +1,8 @@
<svg>
<symbol id="svg-rss" viewBox="0 0 50 50">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<rect x="0" fill="#ea8335" width="50" height="50"></rect>
<path fill="#FFFFFF" d="M31.5,41.3h-5.6c0-9.5-7.7-17.2-17.2-17.2v-5.6C21.3,18.5,31.5,28.7,31.5,41.3z"></path>
<path fill="#FFFFFF" d="M41.3,41.3h-5.6c0-14.9-12.2-27-27-27V8.7C26.7,8.7,41.3,23.3,41.3,41.3z"></path>
<circle fill="#FFFFFF" cx="14.2" cy="35.8" r="5.5"></circle>
</symbol>
</svg>

+ 6
- 6
readme.md View File

@@ -2,9 +2,9 @@
Blah

# Icon Galleries
- [Azure Patterns Collection](azure-patterns)
- [Azure Docs](azure-docs)
- [Azure.com Various](azure-dotcom)
- [Microsoft Learning Site](learning-site)
- [Logos & Brands](logos)
- [Other Icons](other)
#### [Azure Patterns Collection](azure-patterns)
#### [Azure Docs](azure-docs)
#### [Azure.com Various](azure-dotcom)
#### [Microsoft Learning Site](learning-site)
#### [Logos & Brands](logos)
#### [Other Icons](other)

Loading…
Cancel
Save