diff options
author | Thomas Park <thomas@thomaspark.me> | 2014-09-13 23:40:35 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2014-09-13 23:40:35 -0400 |
commit | 54c78894ce946af7e4f02b574a733fee26058251 (patch) | |
tree | 803108d6d84b3ef51143fa89c0945532fab9be06 | |
parent | 9f7a95b89d034356c00030b8da05875dab74aa72 (diff) |
add logo to landing page
-rw-r--r-- | assets/css/bootswatch.min.css | 2 | ||||
-rw-r--r-- | assets/img/logo.png | bin | 0 -> 13385 bytes | |||
-rw-r--r-- | assets/less/bootswatch.less | 21 | ||||
-rw-r--r-- | index.html | 3 |
4 files changed, 22 insertions, 4 deletions
diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css index 58050d2d..13050f30 100644 --- a/assets/css/bootswatch.min.css +++ b/assets/css/bootswatch.min.css @@ -1 +1 @@ -body{padding-top:50px}#banner{min-height:300px;border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold}.nav-tabs{margin-bottom:15px}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 0;background-color:#141d27;color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,0.05);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,0.05);border-top:none;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor{text-align:center}.sponsor a:hover{text-decoration:none}@media (max-width:767px){#banner{margin-bottom:2em;text-align:center}}
\ No newline at end of file +body{padding-top:50px}#banner{min-height:300px;border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold}.nav-tabs{margin-bottom:15px}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:5em 0 0;background-color:#141d27;color:#fff;text-align:center}.splash .logo{width:160px}.splash h1{font-size:3em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,0.05);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,0.05);border-top:none;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor{text-align:center}.sponsor a:hover{text-decoration:none}@media (max-width:767px){.splash{padding-top:4em}.splash .logo{width:100px}.splash h1{font-size:2em}#banner{margin-bottom:2em;text-align:center}}
\ No newline at end of file diff --git a/assets/img/logo.png b/assets/img/logo.png Binary files differnew file mode 100644 index 00000000..3a7dd85e --- /dev/null +++ b/assets/img/logo.png diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less index 0204263b..87e839ca 100644 --- a/assets/less/bootswatch.less +++ b/assets/less/bootswatch.less @@ -75,13 +75,17 @@ footer { } .splash { - padding: 4em 0 0; + padding: 5em 0 0; background-color: #141d27; color: #fff; text-align: center; + .logo { + width: 160px; + } + h1 { - font-size: 4em; + font-size: 3em; } #social { @@ -169,6 +173,19 @@ footer { @media (max-width: 767px) { + .splash { + + padding-top: 4em; + + .logo { + width: 100px; + } + + h1 { + font-size: 2em; + } + } + #banner { margin-bottom: 2em; text-align: center @@ -86,6 +86,7 @@ <div class="row"> <div class="col-lg-12"> + <div><img class="logo" src="assets/img/logo.png"></div> <h1>Free themes for Bootstrap</h1> <div id="social"> <span> @@ -93,7 +94,7 @@ <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> </span> <span> - <a href="https://twitter.com/Bootswatch" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @Bootswatch</a> + <a href="https://twitter.com/bootswatch" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @bootswatch</a> <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="bootswatch">Tweet</a> </span> </div> |