Skip to content

Commit

Permalink
Deployed 4408a7b with MkDocs version: 1.5.3
Browse files Browse the repository at this point in the history
  • Loading branch information
@dipin-bajra
dipin-bajra committed Nov 27, 2023
1 parent 100f04a commit 5085d97
Show file tree
Hide file tree
Showing 15 changed files with 747 additions and 469 deletions.
57 changes: 20 additions & 37 deletions 404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,43 +103,6 @@



<label class="md-header__button md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">

<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
</button>
</nav>

</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>


</nav>

Expand Down Expand Up @@ -383,6 +346,26 @@








<li class="md-nav__item">
<a href="/trigger-on-click/" class="md-nav__link">


<span class="md-ellipsis">
Show popup on click
</span>


</a>
</li>




</ul>
</nav>

Expand Down
71 changes: 27 additions & 44 deletions close-button/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -112,43 +112,6 @@



<label class="md-header__button md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">

<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
</button>
</nav>

</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>


</nav>

Expand Down Expand Up @@ -456,6 +419,26 @@








<li class="md-nav__item">
<a href="../trigger-on-click/" class="md-nav__link">


<span class="md-ellipsis">
Show popup on click
</span>


</a>
</li>




</ul>
</nav>

Expand Down Expand Up @@ -532,10 +515,10 @@

<h1>Close Button</h1>

<p>We can select various properties of the close button icon. It has settings for
<div><p>We can select various properties of the close button icon. It has settings for
the close button's position, size, color, and close icon styles.</p>

<p><img alt="Close Button" src="../img/closebutton.png" /></p>
<p><img alt="Close Button" src="../img/closebutton.png"></p>
<p>The close button option include the following features:</p>
<ul>
<li>position</li>
Expand All @@ -544,7 +527,7 @@ <h1>Close Button</h1>
<li>Close Icon Styles</li>
</ul>
<h2 id="position">Position</h2>
<p><img alt="Position" src="../img/position.png" /></p>
<p><img alt="Position" src="../img/position.png"></p>
<p>Select a position whether the icon should display Inside the module, Outside it, or be Hidden. The position is outside on default.</p>
<ul>
<li>Outside
Expand All @@ -559,16 +542,16 @@ <h2 id="position">Position</h2>
</ul>

<h2 id="size">Size</h2>
<p><img alt="Size" src="../img/size.png" /></p>
<p><img alt="Size" src="../img/size.png"></p>
<p>Input Close icon size in terms of pixels . The default size is 20px.</p>

<h2 id="color">Color</h2>
<p><img alt="Color" src="../img/color.png" /></p>
<p><img alt="Color" src="../img/color.png"></p>
<p>Use the Color Palette to choose color schemes, or insert color code if you wish to use your own custom color.</p>

<h2 id="close-icon-style">Close Icon Style</h2>
<p><img alt="Close Icon Style" src="../img/close-style.png" /></p>
<p>Select three different icon style available in our popup. Default, Circular and Rectangular.</p>
<p><img alt="Close Icon Style" src="../img/close-style.png"></p>
<p>Select three different icon style available in our popup. Default, Circular and Rectangular.</p></div>



Expand Down
71 changes: 27 additions & 44 deletions dimension/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -112,43 +112,6 @@



<label class="md-header__button md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">

<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
</button>
</nav>

</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>


</nav>

Expand Down Expand Up @@ -449,6 +412,26 @@








<li class="md-nav__item">
<a href="../trigger-on-click/" class="md-nav__link">


<span class="md-ellipsis">
Show popup on click
</span>


</a>
</li>




</ul>
</nav>

Expand Down Expand Up @@ -518,13 +501,13 @@

<h1>Dimension</h1>

<p>You have the flexibility to adjust the Popup's dimensions (how tall and wide it is) and its border (the outline or frame around it) to match your personal preferences. This means you can make the Popup as big or small as you like, and you can choose whether it has a border or not, all based on what you prefer or what suits your design.</p>
<p><img alt="Dimension" src="../img/dimension.png" /></p>
<div><p>You have the flexibility to adjust the Popup's dimensions (how tall and wide it is) and its border (the outline or frame around it) to match your personal preferences. This means you can make the Popup as big or small as you like, and you can choose whether it has a border or not, all based on what you prefer or what suits your design.</p>
<p><img alt="Dimension" src="../img/dimension.png"></p>
<h2 id="width">Width</h2>
<p><img alt="Width" src="../img/width.png" /></p>
<p><img alt="Width" src="../img/width.png"></p>
<p> You can set overall width of the Popup. The default value of the width is 50%. Also, various width units like em, rem, px, % etc. can be specified appropriately.</p>
<h2 id="height">Height</h2>
<p><img alt="Height" src="../img/height.png" /></p>
<p><img alt="Height" src="../img/height.png"></p>
<p> You can set the Height of Popup. The default height of popup is 80vh. Also, various height units like vh, px, % etc. can be specified appropriately.</p>

<pre><code>For a better design purpose, the maximum height of the popup
Expand All @@ -534,15 +517,15 @@ <h2 id="height">Height</h2>
to set it using custom CSS.
</code></pre>
<h2 id="border">Border</h2>
<p><img alt="Border" src="../img/border.png" /></p>
<p><img alt="Border" src="../img/border.png"></p>
<p>Border Options allows you to set the popup's borders. The border can be expanded in four extra directions.
Top, bottom, left, and right. Individual border width and color can be selected. The units used to specify
border width include px, %, em, rem, etc.</p>

<p><img alt="Border Expanded" src="../img/border-expanded.png" /></p>
<p><img alt="Border Expanded" src="../img/border-expanded.png"></p>
<p>You can make any side of border bigger starting from the rightmost icon in the picture above. After expanding the border,
you can choose which direction you want it to go. However, even after doing this, the border still won't function
correctly. To make it work, you must select the stroke style from the bottom of the color palette.</p>
correctly. To make it work, you must select the stroke style from the bottom of the color palette.</p></div>



Expand Down
65 changes: 25 additions & 40 deletions display-on-whole-site/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@
<link rel="prev" href="../close-button/">


<link rel="next" href="../trigger-on-click/">


<link rel="icon" href="../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.3.2">
Expand Down Expand Up @@ -105,43 +107,6 @@



<label class="md-header__button md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">

<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
</button>
</nav>

</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>


</nav>

Expand Down Expand Up @@ -395,6 +360,26 @@








<li class="md-nav__item">
<a href="../trigger-on-click/" class="md-nav__link">


<span class="md-ellipsis">
Show popup on click
</span>


</a>
</li>




</ul>
</nav>

Expand Down Expand Up @@ -435,17 +420,17 @@

<h1>Display On Whole Site</h1>

<p>By default, the popup is displayed only on the page/post where the popup block is used.</p>
<div><p>By default, the popup is displayed only on the page/post where the popup block is used.</p>
<p>There could be instances when you want the popup to be displayed in the whole site. To achieve that, you would have to
insert the popup block in the <code>Header</code> or <code>Footer</code> templates since these templates are loaded in all the pages.</p>
<p>To add the poup block to either <code>Header</code> or <code>Footer</code> template, follow the steps below:</p>
<p>To add the popup block to either <code>Header</code> or <code>Footer</code> template, follow the steps below:</p>
<ol>
<li>Go to <b>Appearance &gt; Editor</b></li>
<li>Click on <b>Patterns</b> on left hand navigation panel.</li>
<li>Inside <strong>Patterns</strong> tab you will see <b>Header</b> and <b>Footer</b> under Template Parts.</li>
<li>Click on either <strong>Header</strong> or <strong>Footer</strong> to edit.</li>
<li>Insert our <strong>Simple Popup Block</strong></li>
</ol>
</ol></div>



Expand Down
Loading

0 comments on commit 5085d97

Please sign in to comment.