diff options
| author | Sharanya A | 2019-07-09 17:32:01 +0530 |
|---|---|---|
| committer | Sharanya A | 2019-07-09 17:32:01 +0530 |
| commit | 967ea94f5f6b6c5a4da8fc28bf4edbec0a40eb74 (patch) | |
| tree | 6db01e76bae6cef242b2f441a252b784f6dd004e /fossee_manim/templates | |
| parent | b3e56de3e6dd8d2772c491df765877a9c99d5cf0 (diff) | |
| download | FOSSEE_animations-967ea94f5f6b6c5a4da8fc28bf4edbec0a40eb74.tar.gz FOSSEE_animations-967ea94f5f6b6c5a4da8fc28bf4edbec0a40eb74.tar.bz2 FOSSEE_animations-967ea94f5f6b6c5a4da8fc28bf4edbec0a40eb74.zip | |
Changed navbar look and logo
Diffstat (limited to 'fossee_manim/templates')
| -rw-r--r-- | fossee_manim/templates/fossee_manim/index.html | 60 |
1 files changed, 24 insertions, 36 deletions
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html index b737abc..d1e2e41 100644 --- a/fossee_manim/templates/fossee_manim/index.html +++ b/fossee_manim/templates/fossee_manim/index.html @@ -10,26 +10,27 @@ <meta name="keywords" content="fossee, iit bombay, animation based learning math, manim, python based animations"> <!-- favicon --> <link rel="shortcut icon" type="image/png" href="{{ URL_ROOT}}/static/img/fevicon_python.png"/> - - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> - - + + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> + + <!-- Custom CSS --> <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/index.css" type="text/css" /> - <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" /> - + <link rel="stylesheet" href="{{ URL_ROOT }}/static/css/sticky-footer.css" type="text/css" /> + <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> - + <!-- Search bar --> <link rel="stylesheet" href="{{ URL_ROOT}}/static/css/font-awesome.min.css" type="text/css"> - +</a></li> +</ul> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> - + <title>Welcome</title> - + </head> <style> #circle:hover { @@ -37,32 +38,19 @@ } </style> <body> - <div class="row" style="background-color: #081130"> - <div class="col-md-3"> - <center> - <img src="{{ URL_ROOT }}/static/img/logo.png" style="width: 50%; background-color: white; margin: 10 10 10 10;"> - </center> - </div> - <div class="col-md-6"> - <form class="example" id="search_bar" method="POST" action="/search/" > - {% csrf_token %} - <input type="text" id="sbox" name="sbox" type="search" placeholder="Search" id="search_tab"> - <button type="submit"><i class="fa fa-search"></i></button> - </form> + <nav class="navbar sticky-top navbar-dark" style="background-color: #222222ff;> + <div class="container-fluid"> + <div class="navbar-header"> + <!-- <a class="navbar-brand" href="#"> --> + <img alt="Main_Logo" src="{{ URL_ROOT }}/static/img/logo_main.png" style="width: 50%; margin: 10 10 10 10;"> + <!-- </a> --> </div> - <div class="col-md-3" > - <a href="{% url 'login' %}"> - <button class="btn btn-default pull-right" style="background: #545B6B; color:white;margin-bottom: 5%;margin-top: 10%;margin-right: 5%;"> - Login - </button> - </a> - <a href="{% url 'register' %}"> - <button class="btn btn-default pull-right" style="background: #545B6B; color:white; margin-top: 10%;margin-bottom: 5%;margin-right: 1%; "> - Register - </button> - </a> - </div> - </div> + <form class="form-inline" margin: 10 10 10 10> + <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> + </nav> <div class="row" id="center_row"> <div class="col-md-12"> @@ -120,4 +108,4 @@ </div> </div> </body> -</html>
\ No newline at end of file +</html> |