Skip to content

Commit

Permalink
🐛 fixed header
Browse files Browse the repository at this point in the history
  • Loading branch information
@huangyuzhang
huangyuzhang committed May 16, 2023
1 parent 43a62c1 commit 351dd86
Show file tree
Hide file tree
Showing 6 changed files with 51 additions and 138 deletions.
3 changes: 3 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
# CHANGELOG

## v.1.3.4
- 🐛 fixed header

## v1.3.3
- 🐛 fixed header not centered, as mentioned in ([#70](https://github.com/huangyuzhang/Fizzy-Theme/issues/70))

Expand Down
7 changes: 7 additions & 0 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -245,6 +245,13 @@ html,body{
}
/* ====================== header ====================== 2019.04.12 */

@media screen and (min-width:1024px){
.nav-container {
margin: 0 auto;
display: flex !important;
}
}

.navbar-brand .text-logo {
font-weight:700;
font-size:1.5rem;
Expand Down
2 changes: 1 addition & 1 deletion default.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
{{!-- <link rel="stylesheet" type="text/css" href="{{asset 'css/font.css'}}" /> --}}

{{!-- Bulma v0.7.5 --}}
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css" rel="stylesheet">
{{!-- <link href="https://cdn.bootcss.com/bulma/0.7.5/css/bulma.min.css" rel="stylesheet"> --}}

{{!-- KaTeX: css --}}
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "fizzy",
"description": "A tasty blogging theme for Ghost.",
"version": "1.3.3",
"version": "1.3.4",
"author": {
"name": "Yuzhang Huang",
"email": "[email protected]"
Expand Down
2 changes: 1 addition & 1 deletion partials/footer.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<script>
document.write(footer_text);
</script>
<br>Using <a href="https://fizzy.cc/fizzy-theme/" target="_blank" rel="noopener noreferrer"><strong>The Fizzy Theme</strong> v1.3.3 </a> | Published with <a href="https://ghost.org/" target="_blank" rel="noopener noreferrer"><strong>Ghost</strong></a>
<br>Using <a href="https://fizzy.cc/fizzy-theme/" target="_blank" rel="noopener noreferrer"><strong>The Fizzy Theme</strong> v1.3.4</a> | Published with <a href="https://ghost.org/" target="_blank" rel="noopener noreferrer"><strong>Ghost</strong></a>
</p>
</div>
</footer>
173 changes: 38 additions & 135 deletions partials/header.hbs
View file
Original file line number Diff line number Diff line change
@@ -1,167 +1,70 @@
<header>
<nav id="navbar" class="navbar is-white is-spaced has-shadow-thin is-montserrat is-fixed-top" style="z-index:999;" role="navigation" aria-label="main navigation">
<div class="nav-container column is-paddingless is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
<div class="navbar-brand">
<!-- if wide logo is uploaded -->

<div class="navbar-item text-logo">
<a class="align-vcentered" href="https://fizzy.cc" alt="Fizzy" title="Fizzy - Exploring exciting things.">

<!-- if icon is uploaded -->

<img src="/media/images/custom-icon.png">


<!-- Site Name & Colored Dot -->
Fizzy<span>.</span>

</a>
</div>


<!-- burger in mobile devices -->
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarPrimary">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>

</div>

<div id="navbarPrimary" class="navbar-menu">
<!-- Site Navigation -->
<div class="navbar-start">
<!--% for (let i=0; i < menus.length; i++) { %-->
<!--% let menu = menus[i]; %-->

<!-- navigation -->


<a class="navbar-item nav-current" href="https://fizzy.cc/">
Home
</a>



<a class="navbar-item " href="https://fizzy.cc/archives">
Archives
</a>



<a class="navbar-item " href="https://fizzy.cc/tags">
Topics
</a>



<a class="navbar-item " href="https://fizzy.cc/about">
About
</a>




<div class="navbar-item" id="search-btn">
<i class="iconfont icon-search"></i>
</div>

<div class="fizzy-search">
<div class="field has-addons" style="display:none" id="search-container">
<form class="control has-icons-left" id="search-form" action="https://fizzy.cc/search/">
<input id="search-input" class="input" placeholder="Search" name="q">
<span class="icon is-left">
<i class="iconfont icon-search"></i>
</span>
</form>
<div class="control" id="close-btn">
<button type="submit" class="button" style="padding-left:calc(0.75em - 1px);padding-right:calc(0.75em - 1px);"><i class="iconfont icon-cross"></i></button>
</div>
</div>
<!-- <div id="search-results"></div> -->
</div>

</div>

<!--%= link %-->

</div>
</div>
<div class="navbar-brand">
{{#if @site.logo}}
<div class="navbar-item logo">
<a href="{{@site.url}}">
<img src="{{@site.logo}}" alt="{{@site.title}}" title="{{@site.title}} - {{@site.description}}" width="auto" height="28">
</a>
</div>
{{else}}
<div class="navbar-item text-logo">
<a class="align-vcentered" href="{{@site.url}}" alt="{{@site.title}}" title="{{@site.title}} - {{@site.description}}">
{{#if @site.icon}}
<img src="{{@site.icon}}">
{{/if}}
{{@site.title}}<span>.</span>
<div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
<div class="nav-container column is-paddingless is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd">
<div class="navbar-brand">
{{#if @site.logo}}
<div class="navbar-item logo">
<a href="{{@site.url}}">
<img src="{{@site.logo}}" alt="{{@site.title}}" title="{{@site.title}} - {{@site.description}}" width="auto" height="28">
</a>
</div>
{{/if}}
{{else}}
<div class="navbar-item text-logo">
<a class="align-vcentered" href="{{@site.url}}" alt="{{@site.title}}" title="{{@site.title}} - {{@site.description}}">
{{#if @site.icon}}
<img src="{{@site.icon}}">
{{/if}}
{{@site.title}}<span>.</span>
</a>
</div>
{{/if}}

{{!-- burger in mobile devices --}}
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarPrimary">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
{{!-- burger in mobile devices --}}
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarPrimary">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>

</div>
</div>

<div id="navbarPrimary" class="navbar-menu">
<div id="navbarPrimary" class="navbar-menu">

{{!-- Site Navigation --}}
<div class="navbar-start">
{{#if @site.navigation}}
{{navigation}}
{{/if}}
{{!-- Site Navigation --}}
<div class="navbar-end">
{{#if @site.navigation}}
{{navigation}}
{{/if}}
</div>
</div>
</div>

<div class="column is-hidden-touch" style="padding: .5rem">
{{!-- Credit Button start --}}
<div class="navbar-end">
<div class="navbar-start">
<div id="fizzy-credit" class="navbar-item has-dropdown is-hoverable is-hidden-mobile btn-fizzy is-hidden">
<div class="btn-fizzy-inner">
<a target="_blank" class="btn-fizzy-text" rel="noopener">Get Fizzy Theme</a>
</div>
<div class="navbar-dropdown is-right">
<a class="navbar-item" href="https://fizzy.cc/Fizzy-Theme/" target="_blank">
Homepage
</a>
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/" target="_blank">
GitHub Repo
GitHub&nbsp;<img src="https://img.shields.io/github/stars/huangyuzhang/Fizzy-Theme.svg?style=social&label=Star" alt="GitHub Stars">
</a>
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/projects/3" target="_blank">
Roadmap <span class="badge green"> New</span>
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/releases/latest/" target="_blank">
<img src="https://img.shields.io/github/release/huangyuzhang/Fizzy-Theme.svg?label=Release&color=green" alt="Download Fizzy Theme">
</a>
<hr class="navbar-divider">
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/blob/master/CHANGELOG.md" target="_blank">
Changelog
</a>
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/issues" target="_blank">
Report an issue
</a>
<hr class="navbar-divider">
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/" target="_blank">
<img src="https://img.shields.io/github/stars/huangyuzhang/Fizzy-Theme.svg?style=social&label=Star" alt="GitHub Stars">
</a>
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/releases/latest/" target="_blank">
<img src="https://img.shields.io/github/release/huangyuzhang/Fizzy-Theme.svg?label=Release&color=green" alt="Download Fizzy Theme">
</a>
<a class="navbar-item" href="https://github.com/huangyuzhang/Fizzy-Theme/tags/" target="_blank">
<img src="https://img.shields.io/github/tag/huangyuzhang/Fizzy-Theme.svg?label=dev-tag&color=orange" alt="Download Fizzy Theme">
</a>
</div>
</div>
</div>
{{!-- Credit Button end --}}

</div>

</div>
</nav>
</header>

0 comments on commit 351dd86

Please sign in to comment.