mirror of
https://github.com/sbrl/Minetest-WorldEditAdditions.git
synced 2024-11-26 17:12:59 +00:00
docs website: Add bigbutton
This commit is contained in:
parent
66234cdeae
commit
85e5eb3971
2 changed files with 39 additions and 3 deletions
|
@ -23,6 +23,8 @@
|
||||||
--text-bright: #efefef;
|
--text-bright: #efefef;
|
||||||
--text-alt: #38871e;
|
--text-alt: #38871e;
|
||||||
|
|
||||||
|
--shadow: hsla(0, 0%, 25%, 0.25);
|
||||||
|
|
||||||
--highlight: hsl(353, 100%, 36%);
|
--highlight: hsl(353, 100%, 36%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -121,7 +123,7 @@ a { font-weight: bold; }
|
||||||
/* a:not(.nav) { color: hsl(208, 67%, 40%); }
|
/* a:not(.nav) { color: hsl(208, 67%, 40%); }
|
||||||
a:not(.nav):hover { color: hsl(214, 67%, 50%); }
|
a:not(.nav):hover { color: hsl(214, 67%, 50%); }
|
||||||
a:not(.nav):active, a:focus { color: hsl(214, 87%, 60%); } */
|
a:not(.nav):active, a:focus { color: hsl(214, 87%, 60%); } */
|
||||||
a:not(.nav):visited { color: hsl(240, 77%, 60%); }
|
a:not(.nav):not(.bigbutton):visited { color: hsl(240, 77%, 60%); }
|
||||||
|
|
||||||
pre { page-break-inside: avoid; break-inside: avoid; }
|
pre { page-break-inside: avoid; break-inside: avoid; }
|
||||||
pre, code {
|
pre, code {
|
||||||
|
@ -208,7 +210,6 @@ footer {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
color: var(--text-alt);
|
color: var(--text-alt);
|
||||||
}
|
}
|
||||||
.bigbox :last-child { margin-bottom: 7em; }
|
|
||||||
|
|
||||||
.features-large {
|
.features-large {
|
||||||
margin: 3em 0;
|
margin: 3em 0;
|
||||||
|
@ -230,3 +231,37 @@ footer {
|
||||||
.cssbox-gallery {
|
.cssbox-gallery {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bigbutton {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.35em 0.45em;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0.25em;
|
||||||
|
|
||||||
|
background: var(--bg-alt);
|
||||||
|
|
||||||
|
color: var(--text-bright);
|
||||||
|
font-size: 1.25em;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
box-shadow: 0 0 0.5em var(--shadow);
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
transition: box-shadow 0.25s, transform 0.25s;
|
||||||
|
}
|
||||||
|
.bigbutton:hover {
|
||||||
|
box-shadow: 0 0.25em 0.65em var(--shadow);
|
||||||
|
transform: translateY(-0.25em);
|
||||||
|
}
|
||||||
|
.bigbutton:active {
|
||||||
|
box-shadow: 0 0 0.25em var(--shadow);
|
||||||
|
transform: translateY(0.1em);
|
||||||
|
}
|
||||||
|
.bigbutton.disabled {
|
||||||
|
filter: saturate(25%);
|
||||||
|
opacity: 0.75;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
|
@ -9,6 +9,7 @@ date: 2000-01-01
|
||||||
<h1>WorldEditAdditions</h1>
|
<h1>WorldEditAdditions</h1>
|
||||||
<p><em>Extra tools and commands to extend <a href="https://github.com/Uberi/Minetest-WorldEdit">WorldEdit</a> for <a href="https://www.minetest.net/">Minetest</a></em></p>
|
<p><em>Extra tools and commands to extend <a href="https://github.com/Uberi/Minetest-WorldEdit">WorldEdit</a> for <a href="https://www.minetest.net/">Minetest</a></em></p>
|
||||||
<p>If you can dream of it, it probably belongs here!</p>
|
<p>If you can dream of it, it probably belongs here!</p>
|
||||||
|
<p><a href="#get-started" class="bigbutton">Get Started</a></p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="features-large">
|
<section class="features-large">
|
||||||
|
@ -49,7 +50,7 @@ date: 2000-01-01
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Potentially we might want some inspiration from https://codepen.io/emared/pen/gWGBLR here -->
|
<!-- Potentially we might want some inspiration from https://codepen.io/emared/pen/gWGBLR here -->
|
||||||
<section class="cssbox-gallery">
|
<section class="cssbox">
|
||||||
{% cssbox "images/gallery-a.jpeg" %}
|
{% cssbox "images/gallery-a.jpeg" %}
|
||||||
A scene demonstrating <code>//replacemix</code>, <code>//ellipsoid</code>, <code>//layers</code>, <code>smoothadv</code> (aka <code>convolve</code> and <code>conv</code>), and <code>//floodfill</code> - all of which are provided by WorldEditAdditions.
|
A scene demonstrating <code>//replacemix</code>, <code>//ellipsoid</code>, <code>//layers</code>, <code>smoothadv</code> (aka <code>convolve</code> and <code>conv</code>), and <code>//floodfill</code> - all of which are provided by WorldEditAdditions.
|
||||||
{% endcssbox %}
|
{% endcssbox %}
|
||||||
|
|
Loading…
Reference in a new issue