fujin/gruvbox-wallpapers
1
0
Fork 0
mirror of https://github.com/AngelJumbo/gruvbox-wallpapers.git synced 2026-10-22 00:56:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

more improvements

Browse Source
This commit is contained in:
AngelJumbo
2024-05-30 21:17:28 -05:00
parent 7f3e1caea9
commit 9f6ea14b1b
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build.sh
+2 -2
View File
@@ -47,7 +47,7 @@ write_header(){
} }
write_section_header(){ write_section_header(){
echo "<h2 id=\"s$1\" onclick=\"activeSection('$2')\" >" >> $3 echo "<h2 id=\"s$1\" class=\"clickable\" onclick=\"activeSection('$2')\" >" >> $3
echo "$2" | tr a-z A-Z >> $3 echo "$2" | tr a-z A-Z >> $3
echo "</h2>" >> $3 echo "</h2>" >> $3
} }
@@ -91,7 +91,7 @@ do
countImgs=$(find "$subdir" -type f | wc -l) countImgs=$(find "$subdir" -type f | wc -l)
countImgs=$((countImgs - 1)) countImgs=$((countImgs - 1))
for i in $(seq 1 $((( $countImgs / $maxPerPage)+1))); do for i in $(seq 1 $((( $countImgs / $maxPerPage)+1))); do
echo "<button onclick=\"loadPage('$section', $i)\">$i</button>" >> ./index.html echo "<button class=\"clickable\" onclick=\"loadPage('$section', $i)\">$i</button>" >> ./index.html
done done
echo "</div>" >> ./index.html echo "</div>" >> ./index.html
echo "<div id=\"$section-content\">" >> ./index.html echo "<div id=\"$section-content\">" >> ./index.html
style.css
+15 -3
View File
@@ -11,6 +11,7 @@ h1 {
color: #282828; color: #282828;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
/*border-radius: 8px; */
} }
h2 { h2 {
@@ -18,6 +19,7 @@ h2 {
color: #282828; color: #282828;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
/*border-radius: 8px; */
} }
a { a {
@@ -56,6 +58,7 @@ a {
padding: 1em; padding: 1em;
background-color: #665c54; background-color: #665c54;
text-align: center; text-align: center;
/*border-radius: 8px; */
} }
img { img {
@@ -70,8 +73,13 @@ img:hover {
} }
.pager { .pager {
margin-top: 20px; margin-top: 5px;
margin-bottom: 20px; margin-bottom: 10px;
padding: 5px;
/*border-radius: 8px; */
color: #282828;
display: flex;
justify-content: center;
} }
.pager button { .pager button {
@@ -85,8 +93,12 @@ img:hover {
font-size: 16px; font-size: 16px;
font-weight: 900; font-weight: 900;
margin: 4px 2px; margin: 4px 2px;
margin-right: 10px;
cursor: pointer; cursor: pointer;
border-radius: 8px; /*border-radius: 8px; */
} }
.clickable {
cursor: pointer;
}