Skip to content

Commit

Permalink
Fix header overlap on mobiles add icons to menu
Browse files Browse the repository at this point in the history
  • Loading branch information
@pauld0051
pauld0051 committed Dec 29, 2023
1 parent b721817 commit 6f0e143
Show file tree
Hide file tree
Showing 15 changed files with 216 additions and 128 deletions.
27 changes: 16 additions & 11 deletions alternate_text.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,17 +37,22 @@ <h1>Alternating Text Generator</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down
27 changes: 16 additions & 11 deletions bold_italics_text.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,17 +39,22 @@ <h1>Bold & Italics Text Generator</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down
27 changes: 16 additions & 11 deletions bold_text.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,17 +39,22 @@ <h1>Bold Text Generator</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down
27 changes: 16 additions & 11 deletions book.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,17 +38,22 @@ <h1>Pangram Checker</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down
27 changes: 16 additions & 11 deletions bubble_text.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,17 +39,22 @@ <h1>Bubble Text Generator</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down
27 changes: 16 additions & 11 deletions gothic_text.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,17 +39,22 @@ <h1>Gothic Text Generator</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down
31 changes: 18 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,17 +39,22 @@ <h1>Pangram World</h1>
<a href="javascript:void(0);" class="nav-link dropdown-toggle">More <i
class="fas fa-chevron-down"></i></a>
<ul class="submenu">
<li><a href="alternate_text.html">Alternate</a></li>
<li><a href="bold_text.html">Bold</a></li>
<li><a href="italics_text.html">Italics</a></li>
<li><a href="book.html">Pangram Checker</a></li>
<li><a href="bold_italics_text.html">Bold & Italics</a></li>
<li><a href="gothic_text.html">Gothic</a></li>
<li><a href="bubble_text.html">Bubble</a></li>
<li><a href="square_text.html">Square</a></li>
<li><a href="parenthesis_text.html">Parenthesis</a></li>
<li><a href="wide_text.html">Wide</a></li>
<li><a href="square_negative_text.html">Negative Square</a></li>
<li><a href="alternate_text.html"><i class="fas fa-sync-alt"></i> Alternate</a></li>
<li><a href="bold_text.html"><i class="fas fa-bold"></i> Bold</a></li>
<li><a href="italics_text.html"><i class="fas fa-italic"></i> Italics</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="book.html"><i class="fas fa-pencil-alt"></i> Pangram Checker</a></li>
<div class="menu-divider"></div> <!-- Divider as a div -->
<li><a href="bold_italics_text.html"><span class="icon-combination">
<i class="fas fa-bold"></i>
<i class="fas fa-italic" style="margin-left: -5px;"></i>
</span>Bold & Italics</a></li>
<li><a href="gothic_text.html">𝔊 Gothic</a></li>
<li><a href="bubble_text.html">Ⓑ Bubble</a></li>
<li><a href="square_text.html">🅂 Square</a></li>
<li><a href="parenthesis_text.html">⒫ Parenthesis</a></li>
<li><a href="wide_text.html"><i class="fas fa-arrows-alt-h"></i> Wide</a></li>
<li><a href="square_negative_text.html">🆂- Negative Square</a></li>
</ul>
</li>
</ul>
Expand Down Expand Up @@ -100,7 +105,7 @@ <h3>Bubble Text Generator</h3>
<h3>Square Text Generator</h3>
</a>
<a href="parenthesis_text.html" class="card" id="italicTextCard">
<p class="card-icon">⒫</p>
<p class="card-icon">⒫</p>
<h3>Parenthesis Text Generator</h3>
</a>
<a href="wide_text.html" class="card" id="italicTextCard">
Expand All @@ -109,7 +114,7 @@ <h3>Wide Text Generator</h3>
</a>
<a href="square_negative_text.html" class="card" id="squareNegativeTextCard">
<p class="card-icon">🆂-</p>
<h3>Square Negative Text Generator</h3>
<h3>Negative Square Text Generator</h3>
</a>
</div>
</main>
Expand Down
Loading

0 comments on commit 6f0e143

Please sign in to comment.