refactor bootstrap

This commit is contained in:
Gil Barbara
2015-06-13 22:15:37 -03:00
parent 8cde7c173a
commit 91d3f2c643
2 changed files with 153 additions and 1 deletions

View File

@@ -1 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="258px" height="258px" viewBox="0 0 258 258" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet"><g transform="translate(1.000000, 1.000000)"><rect stroke="#979797" fill="#563D7C" x="0" y="0" width="256" height="256" rx="33"></rect><path d="M102.671817,119.290728 L102.671817,79.7495652 L135.767872,79.7495652 C139.367689,79.7495652 142.764815,79.9528421 145.958078,80.3593959 C149.151341,80.7659497 151.967927,81.6657574 154.406078,83.059405 C156.844815,84.4530526 158.761007,86.4272403 160.154654,88.981968 C161.548302,91.5366957 162.244833,95.0205217 162.244833,99.4334462 C162.244833,106.05254 160.183359,111.0173 156.060998,114.326554 C151.938636,117.636394 145.174261,119.290728 135.767872,119.290728 L102.671817,119.290728 L102.671817,119.290728 Z M86.1237895,65.8142609 L86.1237895,190.186911 L146.219936,190.186911 C152.374481,190.186911 157.803789,189.170526 162.506691,187.138343 C167.209593,185.10616 171.157968,182.435442 174.351817,179.125602 C177.54508,175.815762 179.955112,172.012668 181.580741,167.71632 C183.206371,163.419387 184.019478,159.007048 184.019478,154.477547 C184.019478,146.813364 181.987295,140.310261 177.922929,134.968238 C173.858563,129.626215 167.993995,126.142389 160.329812,124.51676 L160.329812,124.168201 C166.252375,121.845455 170.809995,118.274929 174.003844,113.455451 C177.197108,108.635973 178.794032,102.916686 178.794032,96.2975927 C178.794032,90.0264714 177.37168,84.7430297 174.526389,80.4460961 C171.681098,76.1491625 168.226563,72.781913 164.162197,70.3431762 C162.304,69.1820961 160.06854,68.3109931 157.455817,67.7304531 C154.843094,67.149913 152.027094,66.7140686 149.007817,66.4240915 C145.98854,66.1335286 142.939973,65.9595423 139.8627,65.9015469 C136.785428,65.8435515 133.911432,65.8142609 131.240128,65.8142609 L86.1243753,65.8142609 L86.1237895,65.8142609 Z M102.671817,176.251606 L102.671817,133.226618 L140.471359,133.226618 C143.955185,133.226618 147.323021,133.545886 150.574279,134.184421 C153.826124,134.822957 156.700119,135.926041 159.196851,137.494261 C161.693584,139.061895 163.697062,141.181364 165.2067,143.852082 C166.716339,146.522801 167.471451,149.890636 167.471451,153.955002 C167.471451,160.922654 165.409977,166.380668 161.287616,170.329043 C157.165254,174.277419 151.445968,176.251606 144.129757,176.251606 L102.672403,176.251606 L102.671817,176.251606 Z" fill="#FFFFFF"></path></g></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet"><g><path d="M0,222.991225 C0,241.223474 14.7785318,256 33.0087747,256 L222.991225,256 C241.223474,256 256,241.221468 256,222.991225 L256,33.0087747 C256,14.7765263 241.221468,0 222.991225,0 L33.0087747,0 C14.7765263,0 0,14.7785318 0,33.0087747 L0,222.991225 Z" fill="#563D7C"></path><path d="M106.157563,113.238095 L106.157563,76.9845938 L138.069328,76.9845938 C141.108559,76.9845938 144.039202,77.2378593 146.861345,77.7443978 C149.683488,78.2509362 152.179961,79.1554557 154.35084,80.4579832 C156.52172,81.7605107 158.258397,83.5695496 159.560924,85.8851541 C160.863452,88.2007585 161.514706,91.1675823 161.514706,94.7857143 C161.514706,101.298352 159.560944,106.001853 155.653361,108.896359 C151.745779,111.790864 146.752832,113.238095 140.67437,113.238095 L106.157563,113.238095 L106.157563,113.238095 Z M72.07493,50.5 L72.07493,205.5 L147.186975,205.5 C154.133788,205.5 160.899594,204.631661 167.484594,202.894958 C174.069594,201.158255 179.93088,198.480877 185.068627,194.862745 C190.206375,191.244613 194.294803,186.577293 197.334034,180.860644 C200.373264,175.143996 201.892857,168.37819 201.892857,160.563025 C201.892857,150.866431 199.541107,142.581033 194.837535,135.706583 C190.133963,128.832132 183.00635,124.020088 173.454482,121.270308 C180.401295,117.941627 185.647508,113.672295 189.193277,108.462185 C192.739047,103.252075 194.511905,96.7395349 194.511905,88.9243697 C194.511905,81.6881057 193.317939,75.6097352 190.929972,70.6890756 C188.542005,65.7684161 185.177193,61.8247114 180.835434,58.8578431 C176.493676,55.8909749 171.283644,53.756309 165.205182,52.4537815 C159.12672,51.151254 152.397096,50.5 145.016106,50.5 L72.07493,50.5 L72.07493,50.5 Z M106.157563,179.015406 L106.157563,136.466387 L143.279412,136.466387 C150.660401,136.466387 156.594049,138.166883 161.080532,141.567927 C165.567016,144.968971 167.810224,150.649353 167.810224,158.609244 C167.810224,162.661552 167.122789,165.990183 165.747899,168.595238 C164.373009,171.200293 162.527789,173.262597 160.212185,174.782213 C157.89658,176.301828 155.219203,177.387252 152.179972,178.038515 C149.140741,178.689779 145.956833,179.015406 142.628151,179.015406 L106.157563,179.015406 L106.157563,179.015406 Z" fill="#FFFFFF"></path></g></svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

152
index.html Normal file
View File

@@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Front-End Logos</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
<link href='//fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
<style>
body {
font-family: Montserrat, sans-serif;
margin: 0;
padding: 0;
}
a {
color: #f04;
}
h1,
h3,
h5 {
text-align: center;
}
h1 {
font-size: 5rem;
margin: 30px 0 15px;
}
h3 {
margin: 0 0 5px;
}
h5 {
margin: 0;
}
.logos {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}
.logos > div {
margin: 10% 4%;
text-align: center;
width: 92%;
}
@media (min-width: 480px) {
.logos > div {
margin: 6% 3%;
width: 44%;
}
}
@media (min-width: 800px) {
.logos div {
margin: 4% 2%;
width: 28%;
}
}
.logos > div img {
display: block;
margin: 0 auto;
max-width: 100%;
}
</style>
</head>
<body>
<h1>Front-End Logos</h1>
<h3>A collection of popular logos in SVG / Vector</h3>
<h5><a href="https://github.com/gilbarbara/logos">Github</a></h5>
<div class="logos">
<div><img src="angular-logo.svg" /></div>
<div><img src="angular.svg" /></div>
<div><img src="atom.svg" /></div>
<div><img src="autoprefixer.svg" /></div>
<div><img src="aws-logo.svg" /></div>
<div><img src="aws.svg" /></div>
<div><img src="babel.svg" /></div>
<div><img src="backbone-logo.svg" /></div>
<div><img src="backbone.svg" /></div>
<div><img src="bash.svg" /></div>
<div><img src="bootstrap.svg" /></div>
<div><img src="bower.svg" /></div>
<div><img src="browserify-logo.svg" /></div>
<div><img src="browserify.svg" /></div>
<div><img src="chai.svg" /></div>
<div><img src="chrome.svg" /></div>
<div><img src="codepen-logo.svg" /></div>
<div><img src="codepen.svg" /></div>
<div><img src="coffeescript.svg" /></div>
<div><img src="css-3.svg" /></div>
<div><img src="d3.svg" /></div>
<div><img src="ember.svg" /></div>
<div><img src="emmet.svg" /></div>
<div><img src="eslint.svg" /></div>
<div><img src="firebase.svg" /></div>
<div><img src="firefox.svg" /></div>
<div><img src="git-logo.svg" /></div>
<div><img src="git.svg" /></div>
<div><img src="github-icon.svg" /></div>
<div><img src="github-octocat.svg" /></div>
<div><img src="github.svg" /></div>
<div><img src="grunt.svg" /></div>
<div><img src="gulp.svg" /></div>
<div><img src="handlebars.svg" /></div>
<div><img src="hapi.svg" /></div>
<div><img src="html-5.svg" /></div>
<div><img src="ionic.svg" /></div>
<div><img src="jasmine.svg" /></div>
<div><img src="javascript.svg" /></div>
<div><img src="jetbrains.svg" /></div>
<div><img src="jquery.svg" /></div>
<div><img src="laravel.svg" /></div>
<div><img src="less.svg" /></div>
<div><img src="marionette.svg" /></div>
<div><img src="markdown.svg" /></div>
<div><img src="meteor.svg" /></div>
<div><img src="mocha.svg" /></div>
<div><img src="modernizr.svg" /></div>
<div><img src="mongodb.svg" /></div>
<div><img src="mysql.svg" /></div>
<div><img src="nativescript.svg" /></div>
<div><img src="nodejs.svg" /></div>
<div><img src="npm.svg" /></div>
<div><img src="php.svg" /></div>
<div><img src="polymer.svg" /></div>
<div><img src="python.svg" /></div>
<div><img src="react.svg" /></div>
<div><img src="rest.svg" /></div>
<div><img src="ruby.svg" /></div>
<div><img src="sass.svg" /></div>
<div><img src="socket.io.svg" /></div>
<div><img src="svg.svg" /></div>
<div><img src="swift.svg" /></div>
<div><img src="webplatform.svg" /></div>
<div><img src="wordpress-logo.svg" /></div>
<div><img src="wordpress.svg" /></div>
<div><img src="yeoman.svg" /></div>
</div>
</body>
</html>