summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2014-09-13 23:40:35 -0400
committerThomas Park <thomas@thomaspark.me>2014-09-13 23:40:35 -0400
commit54c78894ce946af7e4f02b574a733fee26058251 (patch)
tree803108d6d84b3ef51143fa89c0945532fab9be06
parent9f7a95b89d034356c00030b8da05875dab74aa72 (diff)
add logo to landing page
-rw-r--r--assets/css/bootswatch.min.css2
-rw-r--r--assets/img/logo.pngbin0 -> 13385 bytes
-rw-r--r--assets/less/bootswatch.less21
-rw-r--r--index.html3
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
new file mode 100644
index 00000000..3a7dd85e
--- /dev/null
+++ b/assets/img/logo.png
Binary files differ
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
diff --git a/index.html b/index.html
index 337ea69e..73a41e54 100644
--- a/index.html
+++ b/index.html
@@ -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>