Feat : Update New Navbar in all pages

This commit is contained in:
eniamza 2020-06-27 13:52:41 +06:00
parent 0bd1fa9212
commit 70759210ab
6 changed files with 165 additions and 152 deletions

View file

@ -21,40 +21,39 @@
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<!-- Broken currently -->
<span class="navbar-brand order-1 mr-0"><a href="{{ page.permalink }}" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<div class="collapse navbar-collapse navbar-dark" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<!-- <a class="nav-item nav-link active" href="#">Tavern <span class="sr-only">(current)</span></a> -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tavern
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#tavern">Tavern<span class="sr-only">(current)</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#lbry_tavern">Welcome to The LBRY Tavern</a>
<a class="dropdown-item" href="#initiatives">Initiatives</a>
<a class="dropdown-item" href="#project_grants">Project Grants</a>
</div>
</li>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
</div>
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<!--Github Logo on Right-->
<span class="navbar-brand order-1 mr-0">
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;">
<i class="fab fa-github"></i>
</a>
</span>
<!--Github Logo on Right-->
<!--Dropdown toggle for smaller screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--Dropdown toggle for smaller screens-->
<!--Foundaton Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<!--Foundaton Logo-->
<!--Navbar Menu Links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
</div>
<!--Navbar Menu Links-->
</div>
</div>
</nav>

View file

@ -21,42 +21,42 @@
<body id="branding" data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<span class="navbar-brand order-1 mr-0"><a href="https://github.com/LBRYians/lbry-org-new/tree/master/branding" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<!--Github Logo on Right-->
<span class="navbar-brand order-1 mr-0">
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;">
<i class="fab fa-github"></i>
</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<!-- <a class="nav-item nav-link active" href="#">Branding<span class="sr-only">(current)</span></a> -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Branding
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#branding">Branding<span class="sr-only">(current)</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#logo">Logo</a>
<a class="dropdown-item" href="#colors">Colors</a>
<a class="dropdown-item" href="#fonts">Fonts & Typography</a>
</div>
</li>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
</div>
</span>
<!--Github Logo on Right-->
<!--Dropdown toggle for smaller screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--Dropdown toggle for smaller screens-->
<!--Foundaton Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<!--Foundaton Logo-->
<!--Navbar Menu Links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
</div>
<!--Navbar Menu Links-->
</div>
</nav>
<!-- /navbar -->
</div>
</nav>
<!-- /navbar -->
<!-- globalParallax -->
<div class="parallax" id="global-parallax">

View file

@ -21,42 +21,42 @@
<body id="governance" data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<span class="navbar-brand order-1 mr-0"><a href="https://github.com/LBRYians/lbry-org-new/tree/master/governance" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<!--Github Logo on Right-->
<span class="navbar-brand order-1 mr-0">
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;">
<i class="fab fa-github"></i>
</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<!-- <a class="nav-item nav-link active" href="#">Governance <span class="sr-only">(current)</span></a> -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Governance
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#governance">Governance<span class="sr-only">(current)</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#board">Board of Directors</a>
<a class="dropdown-item" href="#board_elections">Board Elections</a>
<a class="dropdown-item" href="#future_structure">Future Structure</a>
</div>
</li>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
</div>
</span>
<!--Github Logo on Right-->
<!--Dropdown toggle for smaller screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--Dropdown toggle for smaller screens-->
<!--Foundaton Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<!--Foundaton Logo-->
<!--Navbar Menu Links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
</div>
<!--Navbar Menu Links-->
</div>
</nav>
<!-- /navbar -->
</div>
</nav>
<!-- /navbar -->
<!-- globalParallax -->
<div class="parallax" id="global-parallax">

View file

@ -21,40 +21,39 @@
</head>
<body id="home" data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top ">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<span class="navbar-brand order-1 mr-0"><a href="https://github.com/LBRYians/lbry-org-new/blob/master/index.html" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<!--Github Logo on Right-->
<span class="navbar-brand order-1 mr-0">
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;">
<i class="fab fa-github"></i>
</a>
</span>
<!--Github Logo on Right-->
<!--Dropdown toggle for smaller screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="./">
<img src="./img/logo.png" alt="lbry-foundation-logo">
<!--Dropdown toggle for smaller screens-->
<!--Foundaton Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<div class="collapse navbar-collapse navbar-dark" id="navbarNavAltMarkup">
<!--Foundaton Logo-->
<!--Navbar Menu Links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Home
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#home">Home <span class="sr-only">(current)</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#about">About</a>
<a class="dropdown-item" href="#lbryians">Lbryians</a>
<a class="dropdown-item" href="#basics">The Basics</a>
<a class="dropdown-item" href="#twitter">LBRY Foundation Tweets</a>
</div>
</li>
<a class="nav-item nav-link" href="./branding">Branding</a>
<a class="nav-item nav-link" href="./tavern/">Tavern</a>
<a class="nav-item nav-link" href="./swarm/">Swarm</a>
<a class="nav-item nav-link" href="./governance/">Governance</a>
<a class="nav-item nav-link" href="./chat/">Chat</a>
<a class="nav-item nav-link" href="./podcast/">Podcast</a>
<a class="nav-item nav-link" href="./roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
</div>
<!--Navbar Menu Links-->
</div>
</div>
</nav>

View file

@ -21,16 +21,27 @@
</head>
<body id="podcast" data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<span class="navbar-brand order-1 mr-0"><a href="https://github.com/LBRYians/lbry-org-new/tree/master/podcast" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
<!--Github Logo on Right-->
<span class="navbar-brand order-1 mr-0">
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;">
<i class="fab fa-github"></i>
</a>
</span>
<!--Github Logo on Right-->
<!--Dropdown toggle for smaller screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--Dropdown toggle for smaller screens-->
<!--Foundaton Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<!--Foundaton Logo-->
<!--Navbar Menu Links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
@ -42,6 +53,7 @@
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
</div>
<!--Navbar Menu Links-->
</div>
</div>
</nav>

View file

@ -22,36 +22,39 @@
<body id="roadmap" data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top ">
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<!--Github Logo on Right-->
<span class="navbar-brand order-1 mr-0">
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i>
<a href="https://github.com/LBRYians/lbry-org-new/" target="_blank" style="color: #FFFFFF;">
<i class="fab fa-github"></i>
</a>
</span>
<!--Github Logo on Right-->
<!--Dropdown toggle for smaller screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--Github Logo on Right-->
<!--Foundation Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<!--Foundation Logo-->
<!--Navbar Menu links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav navbar-center">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
<!--Dropdown toggle for smaller screens-->
<!--Foundaton Logo-->
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<!--Foundaton Logo-->
<!--Navbar Menu Links-->
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<a class="nav-item nav-link" href="../branding/">Branding</a>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
</div>
<!--Navbar Menu Links-->
</div>
<!--Navbar Menu links-->
</div>
</div>
</nav>
<!-- /navbar -->