Skip to content

Commit

Permalink
still changing styles - improved dark mode and plugins section
Browse files Browse the repository at this point in the history
  • Loading branch information
@Faeq-F
Faeq-F committed Jul 6, 2024
1 parent 34b7653 commit 7551b85
Show file tree
Hide file tree
Showing 16 changed files with 1,383 additions and 326 deletions.
2 changes: 1 addition & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ _site
.jekyll-cache
.jekyll-metadata
vendor

PluginScreenshots/InitialScreenshots/Initial.xcf

## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.
Expand Down
23 changes: 0 additions & 23 deletions PluginScreenshots/Calculator.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,27 +42,6 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />
<input
type="checkbox"
class="modal-launcher"
id="img-1" />
<input
type="checkbox"
class="modal-launcher"
id="img-2" />
<input
type="checkbox"
class="modal-launcher"
id="img-3" />
<input
type="checkbox"
class="modal-launcher"
id="img-4" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
Expand All @@ -80,5 +59,3 @@
<label for="img-4"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>
9 changes: 1 addition & 8 deletions PluginScreenshots/English_Dictionary.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
.grid-container {
display: grid;

grid-template-rows: repeat(2, 21vw);
grid-template-rows: repeat(1, 21vw);
gap: 23px;
padding: 0px;
margin: 20px;
Expand All @@ -25,15 +25,8 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>
15 changes: 0 additions & 15 deletions PluginScreenshots/Everything.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,19 +34,6 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />
<input
type="checkbox"
class="modal-launcher"
id="img-1" />
<input
type="checkbox"
class="modal-launcher"
id="img-2" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
Expand All @@ -58,5 +45,3 @@
<label for="img-2"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>
32 changes: 25 additions & 7 deletions PluginScreenshots/InitialScreenshots.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
.grid-item:nth-child(1),
input#img-0:checked ~ .modal-window {
background-image: url("PluginScreenshots/InitialScreenshots/InitialText.png");
background-size: cover;
}

.grid-container {
Expand All @@ -25,15 +26,32 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>

<script>
var InitialScreenshotCard = $(".grid-item:nth-child(1)")[0];
const hueSlider = $(".slider__input");

function hueRotateImage() {
var hue =
128 +
Number(
getComputedStyle(
document.getElementsByClassName(".slider__input")[0]
).getPropertyValue("--hue")
);
InitialScreenshotCard.style.filter = "hue-rotate(" + hue + "deg)";
}

hueSlider[0].oninput = (e) => {
hueRotateImage();
};

addEventListener("load", (event) => {
hueRotateImage();
});
</script>
Binary file modified PluginScreenshots/InitialScreenshots/InitialText.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 0 additions & 7 deletions PluginScreenshots/Installed_Apps.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,8 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>
9 changes: 1 addition & 8 deletions PluginScreenshots/Portable_Apps.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
.grid-container {
display: grid;

grid-template-rows: repeat(2, 21vw);
grid-template-rows: repeat(1, 21vw);
gap: 23px;
padding: 0px;
margin: 20px;
Expand All @@ -25,15 +25,8 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>
9 changes: 1 addition & 8 deletions PluginScreenshots/Power_Commands.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
.grid-container {
display: grid;

grid-template-rows: repeat(2, 21vw);
grid-template-rows: repeat(1, 21vw);
gap: 23px;
padding: 0px;
margin: 20px;
Expand All @@ -25,15 +25,8 @@
}
</style>

<input
type="checkbox"
class="modal-launcher"
id="img-0" />

<div class="grid-container">
<div class="grid-item wide">
<label for="img-0"><span></span></label>
</div>
</div>
<div class="modal-window"></div>
<div class="modal-overlay"></div>
Loading

0 comments on commit 7551b85

Please sign in to comment.