diff options
| -rw-r--r-- | fossee_manim/templates/fossee_manim/base.html | 43 |
1 files changed, 22 insertions, 21 deletions
diff --git a/fossee_manim/templates/fossee_manim/base.html b/fossee_manim/templates/fossee_manim/base.html index 148e30d..0c600db 100644 --- a/fossee_manim/templates/fossee_manim/base.html +++ b/fossee_manim/templates/fossee_manim/base.html @@ -10,17 +10,15 @@ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script> - <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script> + <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> - <!-- <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"> - <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script> --> <!-- favicon --> - <link rel="shortcut icon" href="{{ URL_ROOT }}/static/img/favicon.ico" /> + <link rel="shortcut icon" href="{{ URL_ROOT }}/static/img/favicon.ico" /> <link href="https://fonts.googleapis.com/css?family=Montserrat|Lato&display=swap" rel="stylesheet"> <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/custom_base.css" type="text/css" /> </head> @@ -32,28 +30,31 @@ <body> {% block header %} - <nav class="navbar navbar-expand-lg navbar-light row fixed-top" style="background-color:#222222; padding-top: 20px; padding-bottom: 20px;"> + <nav class="navbar navbar-expand-lg row fixed-top" style="background-color:#222222; padding-top: 20px; padding-bottom: 20px;"> <a class="navbar-brand" href="{% url 'index' %}"> <img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="" style="margin-right: 50px; margin-left: 20px"> </a> - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> - <div class="collapse navbar-collapse" id="navbarSupportedContent"> - + <ul class="navbar-nav"> + <li class="nav-item dropdown"> + <div class="collapse navbar-collapse" id="navbarSupportedContent"> <i class="material-icons md-24" style="color: #1facb3;"> explore </i> - <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#1fabc3"> Explore</a> - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> + <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#1fabc3"> Explore</a> + + <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> {% for c in categories %} <a class="dropdown-item" href="{% url 'explore' c.name %}">{{c.name}}</a> <div class="dropdown-divider"> </div> {% endfor %} </div> - + </li> + </ul> <form class="form-inline" method="POST" action="/search/" style="margin-left: 10px; margin-top: 10px; "> {% csrf_token %} <input class="form-control mr-sm-2" type="search" id="sbox" name="sbox" placeholder="Search for animations"> @@ -80,18 +81,18 @@ <a class="dropdown-item" href="{% url 'logout' %}">Logout</a> </div> {% else %} - <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a> - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> - <a class="dropdown-item" href="{% url 'login' %}">Login</a> - <div class="dropdown-divider"> + <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a> + <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> + <a class="dropdown-item" href="{% url 'login' %}">Login</a> + <div class="dropdown-divider"> + </div> + <a class="dropdown-item" href="{% url 'register' %}">Register</a> </div> - <a class="dropdown-item" href="{% url 'register' %}">Register</a> - </div> {% endif %} </li> - </ul> - </div> - </nav> + </ul> + </div> + </nav> <div class="jumbotron sticky-top" style="padding-top: 90px; padding-bottom: 0.2%; margin-bottom: 0px; background-color: #dddddd"> <div class="btn-group btn-group-lg" role="group"> <button class="btn btn-link perma_link" type="button"><a href="{% url 'about' %}" style="color:#157b80">Why FOSSEE Animations?</a></button> |