Skip to content

Commit

Permalink
new navbar & faq
Browse files Browse the repository at this point in the history
  • Loading branch information
linsaftw committed Jan 13, 2024
1 parent 46ba063 commit a2c475c
Show file tree
Hide file tree
Showing 15 changed files with 223 additions and 262 deletions.
25 changes: 4 additions & 21 deletions article1.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Choosing the right Minecraft server solution: FlameCord vs. BungeeCord. Find out which one suits your needs.">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<article class="article">
Expand Down
25 changes: 4 additions & 21 deletions article2.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Enhance your server's security and performance. Discover the power of FlameCord.">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<article class="article">
Expand Down
25 changes: 4 additions & 21 deletions article3.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Discover essential tips for securing your Minecraft server and elevating its performance.">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<article class="article">
Expand Down
25 changes: 4 additions & 21 deletions article4.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Cash in on your Minecraft server the right way! Learn how to monetize without upsetting your players or breaching the EULA.">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<section class="article">
Expand Down
25 changes: 4 additions & 21 deletions article5.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Optimize performance and security with this step-by-step video tutorial on FlameCord. Elevate your server's gaming experience today!">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<section class="hero">
Expand Down
25 changes: 4 additions & 21 deletions article6.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Optimize performance and security with this step-by-step video tutorial on FlameCord. Elevate your server's gaming experience today!">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<section class="article">
Expand Down
25 changes: 4 additions & 21 deletions article7.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Discover DecentHolograms, the ultimate plugin to create holograms in your Minecraft server!">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<section class="article">
Expand Down
25 changes: 4 additions & 21 deletions article8.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,12 @@
<meta name="description" content="Discover FlameCord, the ultimate anti-bot solution for your Minecraft server!">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<main>
<section class="article">
Expand Down
25 changes: 4 additions & 21 deletions config.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,29 +15,12 @@
<meta property='og:image:height' content='720' />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<script defer src="./elements/navbar.js" lang="javascript"></script>
<link rel="stylesheet" href="elements/navbar.css">
</head>
<body>
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config"><u>Config</u></a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
<nav-bar></nav-bar>

<section id="configuration-guide" class="guide-section">
<h1>FlameCord Configuration Guide</h1>
Expand Down
52 changes: 52 additions & 0 deletions elements/navbar.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
/* Header */
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 10%;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.navbar-logo {
display: flex;
align-items: center;
color: #fff;
}

.navbar-logo img {
margin-right: 10px;
border-radius: 10px;
}

.navbar-text {
font-size: 24px;
transition: transform 0.2s;
}

.navbar-menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}

.navbar-menu li {
margin-right: 20px;
}

.navbar-menu li:last-child {
margin-right: 0;
}

.navbar-menu a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 18px;
transition: color 0.3s;
}

.navbar-menu a:hover {
color: lightgray;
text-decoration: none;
}
31 changes: 31 additions & 0 deletions elements/navbar.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
class Navbar extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<nav id="nav" class="navbar">
<div class="navbar-logo">
<img src="images/favicon.png" alt="FlameCord Logo" width="50" height="50">
<span class="navbar-text"></span>
<ul class="navbar-menu">
<li><a title="Home" href="index">Home</a></li>
<li class="dropdown">
<a title="Socials" href="#" class="dropbtn">Socials ▾</a>
<div class="dropdown-content">
<a title="Discord" href="https://discord.com/invite/gF36AT3"><i class="fab fa-discord"></i> Discord</a>
<a title="Twitter" href="https://twitter.com/FlameCordMC"><i class="fab fa-twitter"></i> Twitter</a>
<a title="Reddit" href="https://www.reddit.com/r/FlameCord/"><i class="fab fa-reddit"></i> Reddit</a>
<a title="Instagram" href="https://www.instagram.com/FlameCordMC/"><i class="fab fa-instagram"></i> Instagram</a>
<a title="TikTok" href="https://www.tiktok.com/@flamecordmc"><i class="fab fa-tiktok"></i> TikTok</a>
</div>
</li>
<li><a title="Config" href="config">Config</a></li>
<li><a title="FAQ" href="faq">FAQ</a></li>
<li><a title="Download" href="https://builtbybit.com/resources/flamecord-ultimate-antibot-solution.13492/">Download</a></li>
</ul>
</div>
</nav>
`;
}
}

customElements.define('nav-bar', Navbar);

Loading

0 comments on commit a2c475c

Please sign in to comment.