Browse Source

Index page feature lock

master
satsuki 1 year ago
parent
commit
ca6b4d4564
6 changed files with 139 additions and 12 deletions
  1. +117
    -8
      css/styles.css
  2. +2
    -0
      documentation.html
  3. +2
    -0
      faq.html
  4. BIN
      img/book_wiki.png
  5. BIN
      img/git-logo-white.png
  6. +18
    -4
      index.html

+ 117
- 8
css/styles.css View File

@ -93,6 +93,67 @@ a:active {
#############################
*/
#top-small-logo {
width: 23px;
position: relative;
top: 2px;
#margin-top:12px;
#margin-bottom:-5px;
margin-left: 5px;
margin-right: 5px;
filter: brightness(100%)
}
#top-small-logo:hover {
filter: brightness(50%);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
div.top-small-icons-background {
width: 105px;
position: relative;
top: -5px;
float: right;
height: 15px;
border-radius: 8px;
#background-color:rgba(61, 57, 57, 0.5);
font-family: courier, "courier new", monospace;
color: lightgray;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
margin-left: 30px;
}
#top-small-icons-row {
#float: right;
position: relative;
#right: 207px;
#padding-bottom: 60px;
overflow: visible;
margin-left: 2px;
margin-right: 2px;
padding-left: 2px;
padding-right: 2px;
}
#top-small-icons-text {
visibility: hidden;
display: none;
font-size: 8pt;
font-family: "Lucida Console", Monaco, monospace;
letter-spacing: -1px;
position: relative;
#top: -200px;
}
#top-small-icons-text:hover {
opacity: 0.5;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
#top-logo-mobile {
width: 50px;
@ -159,13 +220,13 @@ div.nav-wrapper {
text-align: center;
display: table;
margin: 0;
overflow: hidden;
#overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
top: 0;
width: 100%;
background-color: #333;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
overflow: hidden;
#overflow: hidden;
position: relative;
}
@ -177,7 +238,7 @@ ul.topnav {
margin-top:30px;
margin-bottom:0;
padding: 0;
overflow: hidden;
#overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
# background-color: #333;
@ -222,13 +283,15 @@ ul.topnav li a.active {
border-bottom: 3px solid white;
# box-shadow:0px -3px 0px 0px white inset;
# box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
overflow: hidden;
#overflow: hidden;
color: white;
}
ul.topnav li.right {
float: right;
opacity: 1.0;
bottom: 7px;
position: relative;
}
ul.topnav li.right_active {
@ -476,7 +539,7 @@ video.autoplay {
background-color: #333;
margin-bottom: 0px;
margin-top: 0px;
padding-botton: 0px;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@ -725,6 +788,7 @@ p.code:hover {
}
.tooltip {
position: relative;
display: inline-block;
@ -764,6 +828,41 @@ p.code:hover {
}
.tooltip .top-small-icons-tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 2px;
position: absolute;
z-index: 1;
bottom: -45px;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
font-size: 12px;
}
.tooltip .top-small-icons-tooltiptext::after {
content: "";
position: absolute;
top: -40%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #555 transparent;
}
.tooltip:hover .top-small-icons-tooltiptext {
visibility: visible;
opacity: 1;
}
img.button {
#margin-right: 20px;
#float: left;
@ -1324,11 +1423,19 @@ header {
@media screen and (max-width: 700px){
div.top-small-icons-background {
visibility: : hidden;
display: none;
}
#top-small-icons-row {
overflow: hidden;
}
div.body {
margin-top: 100px;
}
#top-logo-mobile {
top: -35px;
left: 18px;
@ -1378,7 +1485,9 @@ header {
#overflow: hidden;
overflow: visible;
z-index: 10;
background-color: #1c1c1c;
#background-color: #1c1c1c;
background-color: #282828;
#background-color:rgba(61, 57, 57, 0.5);
top: -14px;
#padding-top: 45px;
float: right;
@ -1481,7 +1590,7 @@ header {
ul.topnav li.right_active {
float: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #484848;
background-color: #484848;
}
p.download_subtext {


+ 2
- 0
documentation.html View File

@ -45,6 +45,8 @@
<div class="body">
<br id="mobile_purge">
<br id="mobile_purge">
<br id="mobile_purge">
<h1>Windows 10 AME Documentation <span class="badge" style="bottom: 7px; left: 3px;">New!</span></h1>


+ 2
- 0
faq.html View File

@ -45,6 +45,8 @@
<div class="body">
<br id="mobile_purge">
<br id="mobile_purge">
<br id="mobile_purge">
<h2>Contents</h2>
<ol>


BIN
img/book_wiki.png View File

Before After
Width: 512  |  Height: 512  |  Size: 6.7 KiB

BIN
img/git-logo-white.png View File

Before After
Width: 428  |  Height: 428  |  Size: 18 KiB

+ 18
- 4
index.html View File

@ -33,21 +33,35 @@
<ul class="topnav" id="menu">
<div id="darken-screen"></div>
<a href="index.html"><img class="topnav" src="img/logo_ame_small.png"></li></a>
<div id="top-small-icons-row">
<div class="top-small-icons-background">
<li class="right"><a style="padding: 0px 0px; margin-left: 0px; cursor: pointer;" href="https://git.ameliorated.info" target="_blank">
<div class="tooltip"><img src="img/git-logo-white.png" id="top-small-logo"><span id="top-small-icons-text" >[ Gitea ]</span><span class="top-small-icons-tooltiptext" style="position: relaitve; left: 15px;">Gitea</span></div>
</a></li>
<li class="right"><a style="padding: 0px 0px; margin-left: 0px; cursor: pointer;" href="https://wiki.ameliorated.info" target="_blank">
<div class="tooltip"><img src="img/book_wiki.png" id="top-small-logo"><span id="top-small-icons-text">[ Dokuwiki ]</span><span class="top-small-icons-tooltiptext" style="position: relaitve; left: 15px;">Dokuwiki</span></div>
</a></li>
<li class="right"><a style="padding: 0px 0px; margin-left: 0px; cursor: pointer;" href="https://t.me/joinchat/CR-xFBGQKVt7HPZKgZfbxg" target="_blank">
<div class="tooltip"><img src="img/telegram.png" id="top-small-logo"><span id="top-small-icons-text">[ Telegram ]</span><span class="top-small-icons-tooltiptext">Telegram</span></div>
</a></li>
</div>
</div>
<div class="topnav-reverse">
<li><a class="active" href="index.html">GET</a></li>
<li><a href="documentation.html">DOC</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="https://t.me/joinchat/CR-xFBGQKVt7HPZKgZfbxg" target="_blank">TELEGRAM</a></li>
</div>
</ul>
</div>
<div class="body">
<br id="mobile_purge">
<br id="mobile_purge">
<br id="mobile_purge">
<center>
<h1>Windows 10 Ameliorated</h1>
<p>Windows 10 Minus The Spyware + Added Stability and Security</p>
<p style="position: relative; bottom: 10px;">Windows 10 minus the spyware plus added stability and security.<br>A pragmatic set of modifications to Windows.</p>
</center>
<div class="floating-box" style="vertical-align:top;">
@ -57,7 +71,7 @@
<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="">ISO Download<img style="position: relative; bottom: -2px; right: -10px;" src="img/download.png"
width="16px">
</a>
<span class="tooltiptext" style="position: absolute; left: 85px; margin-bottom: 10px; font-size: 12px;">Download via Nextcloud repo</span>
<span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Download via Nextcloud repo</span>
</div>
<div class="clear"></div>
@ -75,7 +89,7 @@
<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="">Build Yourself<img style="position: relative; bottom: -2px; right: -10px;" src="img/book.png"
width="16px">
</a>
<span class="tooltiptext" style="position: absolute; left: 82px; margin-bottom: 10px; font-size: 12px;">Apply via AME documentation</span>
<span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span>
</div>
<div class="clear"></div>


Loading…
Cancel
Save