update navbar

tubbymemes/templates/about.html

@@ -2,9 +2,9 @@
 <html>
   {% include 'includes/head.html' %}
   <body>
+  {% include 'includes/navbar.html' %}
   <section class="section">
     <div class="container">
-      {% include 'includes/navbar.html' %}
 
         <div class="columns">
           <div class="column screen" style="padding-top:1em;">

tubbymemes/templates/includes/meme_card.html

@@ -2,7 +2,7 @@
 <div class="card {% if meme.minted %}mintedAVAX{% endif %}">
   <div class="card-image">
     <figure class="image">
-      <a href="{{ url_for('meme.show', meme_id=meme.id) }}">
+      <a href="{{ url_for('meme.show', meme_id=meme.id) }}" up-preload up-follow=".container">
         {% if meme.file_name %}
         {% if meme.file_name.endswith('mp4') %}
           <video class="img-fluid" {% if not request.MOBILE %}autoplay{% else %}controls{% endif %} muted loop>

tubbymemes/templates/includes/navbar.html

@@ -1,29 +1,36 @@
-<div class="screen">
-  <h1 class="title">
-    tubbymemes.
-  </h1>
-  <p class="subtitle">
-    Memes. <strong>Interplanetary</strong>!
-  </p>
-  {% if request.path == '/' %}
-  <a class="button is-secondary" href="{{ url_for('meta.about') }}" up-target=".container">About</a>
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="navbar-brand">
+    <a class="navbar-item ml-2" href="{{ url_for('meme.index') }}" up-preload up-follow=".container">
+      <img src="/static/img/logo.png" style="max-height:50px;">
+    </a>
+  </div>
+
+  <div id="navbarBasicExample" class="navbar-menu">
+    <div class="navbar-start">
+
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="{{ url_for('meme.index') }}" up-preload up-follow=".container">
+        Home
+      </a>
+
+      <a class="navbar-item" href="{{ url_for('meta.about') }}" up-preload up-follow=".container">
+        About
+      </a>
+      <div class="navbar-item">
+        <div class="buttons">
           {% if current_user.is_authenticated %}
             <a class="button is-danger" href="{{ url_for('meta.disconnect') }}">Disconnect</a>
-    {% if current_user.is_moderator() %}
+            {% if current_user.moderator %}
               <a class="button is-warning" href="{{ url_for('meme.mod') }}" up-preload up-follow=".container">Mod</a>
             {% endif %}
-    <a class="button is-primary" href="{{ url_for('meme.publish') }}">New Meme</a>
+            <a class="button is-primary" href="{{ url_for('meme.publish') }}" up-follow=".container">New Meme</a>
           {% else %}
             <a class="button is-primary" id="metamaskConnect" onclick="onboardMetaMask();">Connect</a>
           {% endif %}
-  {% else %}
-  <a class="button" href="{{ url_for('meme.index') }}" up-preload up-follow=".container">Go Home</a>
-  {% endif %}
-
-  {% if request.path == '/remotes' %}
-  <a class="button is-warning" href="{{ url_for('meme.mod') }}" up-preload up-follow=".container">Mod</a>
-  {% endif %}
-  {% if request.path == '/mod' %}
-  <a class="button is-warning" href="{{ url_for('meta.remotes') }}" up-preload up-follow=".container">Remotes</a>
-  {% endif %}
         </div>
+      </div>
+    </div>
+  </div>
+</nav>

tubbymemes/templates/index.html

@@ -2,9 +2,9 @@
 <html>
   {% include 'includes/head.html' %}
   <body>
+  {% include 'includes/navbar.html' %}
   <section class="section">
     <div class="container">
-      {% include 'includes/navbar.html' %}
 
       {% if request.args.get('ipfs_error') %}
       <div class="screen">

tubbymemes/templates/meme.html

@@ -3,11 +3,10 @@
 <html>
   {% include 'includes/head.html' %}
   <body>
+  {% include 'includes/navbar.html' %}
   <section class="section">
     <div class="container">
 
-      {% include 'includes/navbar.html' %}
-
       {% if meme %}
         {% if meme.meta_ipfs_hash %}
           {% set meta_url = config.IPFS_SERVER + "/ipfs/" + meme.meta_ipfs_hash %}

tubbymemes/templates/publish.html

@@ -2,9 +2,9 @@
 <html>
   {% include 'includes/head.html' %}
   <body>
+  {% include 'includes/navbar.html' %}
   <section class="section">
     <div class="container">
-      {% include 'includes/navbar.html' %}
 
       <div class="screen">
       <form method="POST" enctype="multipart/form-data" class="site-form" id="memeUpload" action="{{ url_for('meme.publish') }}" style="padding-top:1.5em;">

tubbymemes/templates/remotes.html

@@ -2,10 +2,9 @@
 <html>
   {% include 'includes/head.html' %}
   <body>
+  {% include 'includes/navbar.html' %}
   <section class="section">
     <div class="container">
-      {% include 'includes/navbar.html' %}
-
       <div class="screen">
       <form method="POST" enctype="multipart/form-data" class="site-form" action="{{ url_for('meta.remotes') }}" style="padding-top:1.5em;">
         <div class="field">