nikon/docsearch
1
0
Fork 0
Code Activity Actions

feat(website): updated logo

Browse source
This commit is contained in:
Shipow 2016-03-09 19:04:54 +01:00
parent c1d90d2393
commit fa413d977e
5 changed files with 47 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
docs/_includes/header.html
View file

@ -3,13 +3,16 @@
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse"> <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<a id="logo-community" href="https://community.algolia.com/"> <a class="logo-community" href="https://community.algolia.com/">
<img src="{{site.baseurl}}/img/logo-community-sm.svg" alt="Algolia Community" /> <img src="{{site.baseurl}}/img/logo-community-sm.svg" alt="Algolia Community" />
Community Community
</a> </a>
<a id="logo-algolia" href="{{ site.baseurl }}/"> <a class="logo-algolia" href="https://www.algolia.com">
<img src="{{site.baseurl}}/img/algolia-logo.svg" alt="Algolia" /> <img src="{{site.baseurl}}/img/algolia-logo.svg" alt="Algolia" />
</a> </a>
<a class="project-title" href="{{ site.baseurl }}/">
DocSearch
</a>
</div> </div>
<div class="navbar-collapse collapse"> <div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">

2
docs/_includes/searchbar.html
View file

@ -9,7 +9,7 @@
</svg> </svg>
<form role="search" novalidate="novalidate" class="searchbox sbx-custom"> <form role="search" novalidate="novalidate" class="searchbox sbx-custom">
<input onkeyup="updateReset()" type="search" name="search" placeholder="Search in the documentation" autocomplete="off" required="required" class="sbx-custom__input"> <input onkeyup="updateReset()" type="search" name="search" placeholder="Search in the doc ..." autocomplete="off" required="required" class="sbx-custom__input">
<button type="submit" class="sbx-custom__submit"> <button type="submit" class="sbx-custom__submit">
<svg role="img" aria-label="Search"> <svg role="img" aria-label="Search">
<title>Icon Search</title> <title>Icon Search</title>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

2
docs/_layouts/default.html
View file

@ -35,7 +35,7 @@
<link rel="icon" href="{{ "/img/favicon.png" | prepend: site.baseurl }}"> <link rel="icon" href="{{ "/img/favicon.png" | prepend: site.baseurl }}">
<!-- Fonts --> <!-- Fonts -->
<link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Raleway:300,600" /> <link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Raleway:100,300,600" />
<link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> <link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600" />
<link rel="stylesheet" media="screen" href="{{ "/css/main.css" | prepend: site.baseurl }}" /> <link rel="stylesheet" media="screen" href="{{ "/css/main.css" | prepend: site.baseurl }}" />

45
docs/css/_home.scss
View file

@ -18,21 +18,46 @@ html, body {
/* HEADER /* HEADER
// ------------------------- */ // ------------------------- */
#logo-algolia img { .logo-algolia {
height: 24px; position: absolute;
top: -2px; left: 72px;
position: relative; top: 5px;
margin-right: 12px; display: block;
line-height: 1;
img {
height: 18px;
position: relative;
margin-right: 12px;
}
} }
#logo-community { .logo-community {
font-size: 1.6em;
color: white; color: white;
font-size: 1.8em;
font-weight: 100 !important;
margin-right: 8px; margin-right: 8px;
position: relative;
top: 6px;
img { img {
position: relative;
top: -8px;
height: 46px; height: 46px;
width: 46px; width: 46px;
} }
&:hover, &:active, &:focus {
color: white;
}
}
.project-title {
color: white;
font-size: 1.2em;
font-weight: bold;
position: relative;
top: -4px;
&:hover, &:active, &:focus {
color: white;
}
} }
.site-header { .site-header {
@ -53,7 +78,7 @@ html, body {
} }
} }
.navbar-nav > li { .navbar-nav > li {
padding: 14px 15px; padding: 14px 8px;
} }
.navbar-nav > li > a { .navbar-nav > li > a {
padding: 0 0 4px 0; padding: 0 0 4px 0;
@ -74,9 +99,13 @@ html, body {
// ------------------------- */ // ------------------------- */
.jumbotron { .jumbotron {
padding-top: 60px; padding-top: 60px;
padding-bottom: 32px;
background: #091724 url(../img/header-bg.jpg) no-repeat center center; background: #091724 url(../img/header-bg.jpg) no-repeat center center;
background-size: cover; background-size: cover;
margin-bottom: 0; margin-bottom: 0;
.join-form {
border-radius: 5px 5px 0 0;
}
.jumbotron-header { .jumbotron-header {
text-align: center; text-align: center;
color: #FFF; color: #FFF;

6
docs/css/_searchbar.scss
View file

@ -1,5 +1,5 @@
$custom:( $custom:(
input-width: 240px, input-width: 190px,
input-height: 36px, input-height: 36px,
border-width: 2px, border-width: 2px,
border-radius: 18px, border-radius: 18px,
@ -179,8 +179,8 @@ $custom:(
} }
.site-header .navbar .navbar-nav > li.searchbar-wrapper { .site-header .navbar .navbar-nav > li.searchbar-wrapper {
padding-top: 0; margin: 0;
padding-bottom: 0; padding: 0
} }
.algolia-autocomplete { .algolia-autocomplete {