Skip to content
This repository has been archived by the owner on Oct 27, 2022. It is now read-only.

Responsive nav bar #41

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Responsive nav bar #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e914331
added nav bar in template.html
SuhasBRao Jul 25, 2021
edc7aee
added responsive nav bars
SuhasBRao Jul 25, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 56 additions & 3 deletions site/html/github/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@
<link href="https://fonts.googleapis.com/css2?family=Francois+One&display=swap" rel="stylesheet" />

<!-- ===== CSS ===== -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css" />
<!-- Font Awesome -->
<link
Expand All @@ -51,11 +53,57 @@

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>

hljs.initHighlightingOnLoad();
</script>
</head>
<body>
<div class="nav">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://markdownpedia.tk/server/vital/markdown.png" width="60" height="65" class="d-inline-block ">
MDpedia</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">
<i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="javascript: window.location = '/pages/editor';">
<i class="fa fa-pencil-square-o" aria-hidden="true"></i> Editor</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia/discussions">
<i class="fa fa-user-plus" aria-hidden="true"></i> Forum</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://status.markdownpedia.tk/">
<i class="fa fa-signal" aria-hidden="true"></i> Status</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia">
<i class="fa fa-github" aria-hidden="true"></i> GitHub</a>
</li>

</ul>
<form class="d-flex ">
<input class="form-control me-2" type="search" placeholder="Search Markdownpedia" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--
<div class="nav">
<ul>
<li>
<a href="javascript: window.location = '/';">
Expand Down Expand Up @@ -96,11 +144,13 @@
</li>
</ul>
</div>
-->


<div class="markdown"><h1 id="github">GitHub</h1>
<p><a href="https://github.com/">GitHub</a> is a popular site used for version control and site hosting. It was started on Feburary 8th, 2008. Making it 12 years old, almost 13.</p>
<p>This article is a stub. Please help edit it at our <a href="https://github.com/mamamia5x/markdownpedia/">GitHub</a>.</p></div>

<script>
var source = document.getElementById('icon').href.replace('markdownpedia.tk', window.location.hostname);

Expand All @@ -114,6 +164,9 @@
tag.src = things.replace('markdownpedia.tk', window.location.hostname);

document.getElementsByTagName('head')[0].appendChild(tag);
</script>
</script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

</body>
</html>
59 changes: 56 additions & 3 deletions site/html/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@
<link href="https://fonts.googleapis.com/css2?family=Francois+One&display=swap" rel="stylesheet" />

<!-- ===== CSS ===== -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css" />
<!-- Font Awesome -->
<link
Expand All @@ -51,11 +53,57 @@

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>

hljs.initHighlightingOnLoad();
</script>
</head>
<body>
<div class="nav">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://markdownpedia.tk/server/vital/markdown.png" width="60" height="65" class="d-inline-block ">
MDpedia</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">
<i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="javascript: window.location = '/pages/editor';">
<i class="fa fa-pencil-square-o" aria-hidden="true"></i> Editor</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia/discussions">
<i class="fa fa-user-plus" aria-hidden="true"></i> Forum</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://status.markdownpedia.tk/">
<i class="fa fa-signal" aria-hidden="true"></i> Status</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia">
<i class="fa fa-github" aria-hidden="true"></i> GitHub</a>
</li>

</ul>
<form class="d-flex ">
<input class="form-control me-2" type="search" placeholder="Search Markdownpedia" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--
<div class="nav">
<ul>
<li>
<a href="javascript: window.location = '/';">
Expand Down Expand Up @@ -96,6 +144,8 @@
</li>
</ul>
</div>
-->


<div class="markdown"><h1 id="markdownpedia">Markdownpedia</h1>
<p>Hello and welcome to Markdownpedia. This site is still in development.<br />
Expand Down Expand Up @@ -140,7 +190,7 @@ <h2 id="contributors">Contributors</h2>
</table>
<p>This site couldn't be possible from these contributors. If you would like to help contribute, go to the <a href="https://github.com/mamamia5x/markdownpedia">GitHub</a>. </p>
<!-- Just as a note, Markdownpedia started on January 23rd, 2021 --></div>

<script>
var source = document.getElementById('icon').href.replace('markdownpedia.tk', window.location.hostname);

Expand All @@ -154,6 +204,9 @@ <h2 id="contributors">Contributors</h2>
tag.src = things.replace('markdownpedia.tk', window.location.hostname);

document.getElementsByTagName('head')[0].appendChild(tag);
</script>
</script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

</body>
</html>
59 changes: 56 additions & 3 deletions vital/404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@
<link href="https://fonts.googleapis.com/css2?family=Francois+One&display=swap" rel="stylesheet" />

<!-- ===== CSS ===== -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css" />
<!-- Font Awesome -->
<link
Expand All @@ -51,11 +53,57 @@

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>

hljs.initHighlightingOnLoad();
</script>
</head>
<body>
<div class="nav">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://markdownpedia.tk/server/vital/markdown.png" width="60" height="65" class="d-inline-block ">
MDpedia</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">
<i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="javascript: window.location = '/pages/editor';">
<i class="fa fa-pencil-square-o" aria-hidden="true"></i> Editor</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia/discussions">
<i class="fa fa-user-plus" aria-hidden="true"></i> Forum</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://status.markdownpedia.tk/">
<i class="fa fa-signal" aria-hidden="true"></i> Status</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia">
<i class="fa fa-github" aria-hidden="true"></i> GitHub</a>
</li>

</ul>
<form class="d-flex ">
<input class="form-control me-2" type="search" placeholder="Search Markdownpedia" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--
<div class="nav">
<ul>
<li>
<a href="javascript: window.location = '/';">
Expand Down Expand Up @@ -96,11 +144,13 @@
</li>
</ul>
</div>
-->


<div class="markdown"><h1 id="404">404</h1>
<p>That page isn't found, go to <a href="https://markdownpedia.tk">home</a>?<br />
If this is a bug, please share it <a href="https://github.com/mamamia5x/markdownpedia/issues">here</a>.</p></div>

<script>
var source = document.getElementById('icon').href.replace('markdownpedia.tk', window.location.hostname);

Expand All @@ -114,6 +164,9 @@
tag.src = things.replace('markdownpedia.tk', window.location.hostname);

document.getElementsByTagName('head')[0].appendChild(tag);
</script>
</script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

</body>
</html>
59 changes: 56 additions & 3 deletions vital/template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@
<link href="https://fonts.googleapis.com/css2?family=Francois+One&display=swap" rel="stylesheet" />

<!-- ===== CSS ===== -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/default.min.css" />
<!-- Font Awesome -->
<link
Expand All @@ -51,11 +53,57 @@

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>

hljs.initHighlightingOnLoad();
</script>
</head>
<body>
<div class="nav">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://markdownpedia.tk/server/vital/markdown.png" width="60" height="65" class="d-inline-block ">
MDpedia</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">
<i class="fa fa-home" aria-hidden="true"></i> Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="javascript: window.location = '/pages/editor';">
<i class="fa fa-pencil-square-o" aria-hidden="true"></i> Editor</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia/discussions">
<i class="fa fa-user-plus" aria-hidden="true"></i> Forum</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://status.markdownpedia.tk/">
<i class="fa fa-signal" aria-hidden="true"></i> Status</a>
</li>

<li class="nav-item">
<a class="nav-link" href="https://github.com/mamamia5x/markdownpedia">
<i class="fa fa-github" aria-hidden="true"></i> GitHub</a>
</li>

</ul>
<form class="d-flex ">
<input class="form-control me-2" type="search" placeholder="Search Markdownpedia" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--
<div class="nav">
<ul>
<li>
<a href="javascript: window.location = '/';">
Expand Down Expand Up @@ -96,9 +144,11 @@
</li>
</ul>
</div>
-->


<div class="markdown">{markdown}</div>

<script>
var source = document.getElementById('icon').href.replace('markdownpedia.tk', window.location.hostname);

Expand All @@ -112,6 +162,9 @@
tag.src = things.replace('markdownpedia.tk', window.location.hostname);

document.getElementsByTagName('head')[0].appendChild(tag);
</script>
</script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

</body>
</html>