ouyang/logos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update layout

Browse Source
This commit is contained in:
Gil Barbara
2015-07-01 22:32:28 -03:00
parent c268413476
commit b33cb6e065
3 changed files with 44 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/index.html
+7 -5
View File
@@ -8,22 +8,20 @@
<meta property="og:title" content="SVG Logos"/>
<meta property="og:site_name" content="Github — Gil Barbara"/>
<meta property="og:url" content="http://gilbarbara.github.io/logos/"/>
<meta property="og:description" content="A collection of svg logos for developers. Programming languages, technologies, editors, libraries, frameworks, servers and services."/>
<meta property="og:description" content="A collection of svg logos for developers."/>
<meta property="og:image" content="http://gilbarbara.github.io/logos/og-image.png"/>
<meta property="og:type" content="website"/>
<meta name="google-site-verification" content="hsF0-sA8sjC3wGoPZFBV8zHSJ4w8Suk7JYv-HSwE3B4" />
<link href='//fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
<!-- build:css(.tmp) main.css -->
<link rel="stylesheet" href=".tmp/main.css">
<!-- endbuild -->
</head>
<body>
<div class="container">
<div class="header">
<header>
<img src="media/svg-porn.svg" class="logo"/>
<h3>A collection of svg logos for developers.</h3>
<h5><a href="https://github.com/gilbarbara/logos" target="_blank">Github</a></h5>
</div>
</header>
<div class="logos">
<div>
@@ -435,6 +433,10 @@
<img src="../logos/yeoman.svg" alt="yeoman" title="yeoman"/>
</div>
</div>
<footer>
<iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&repo=logos&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=gilbarbara&type=follow&count=true" frameborder="0" scrolling="0" width="160px" height="20px"></iframe>
</footer>
</div>
</body>
assets/media/og-image.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 279 KiB

After

Width:  |  Height:  |  Size: 220 KiB

assets/styles/main.scss
+37 -30
View File
@@ -8,7 +8,7 @@ html {
body {
background-color: $bg-color;
font-family: Montserrat, sans-serif;
font-family: Helvetica Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0;
min-height: 100%;
padding: 0;
@@ -27,7 +27,7 @@ a {
padding-right: 1.5rem;
}
.header {
header {
padding-top: 3rem;
text-align: center;
@@ -35,41 +35,40 @@ a {
padding-top: 4rem;
}
.logo {
width: 95%;
}
@include md {
width: 70%;
}
.logo {
width: 95%;
@include md {
width: 70%;
@include lg {
width: 50%;
}
}
@include lg {
width: 50%;
h3 {
font-size: 1.8rem;
margin: 1.5rem 3rem 0.5rem;
@include sm {
font-size: 2rem;
margin-left: auto;
margin-right: auto;
}
@include md {
font-size: 2.5rem;
margin-top: 2rem;
max-width: 80%;
}
@include lg {
max-width: 60%;
}
}
}
h3 {
font-size: 1.8rem;
margin: 2rem auto 0.5rem;
@include md {
font-size: 2.5rem;
margin-top: 4rem;
max-width: 80%;
}
@include lg {
max-width: 60%;
}
}
h5 {
font-size: 1.5rem;
margin: 0;
}
.logos {
align-items: center;
display: flex;
@@ -96,3 +95,11 @@ h5 {
}
}
}
footer {
border-top: 1px solid #ccc;
display: flex;
justify-content: space-between;
margin: -1.5rem;
padding: 1.5rem;
}