Korbs/Spirit
Archived
1
Fork 0
Code Issues Pull requests Activity

Update changes

Browse source
This commit is contained in:
Korbs 2025-03-21 15:23:13 -04:00
parent 5ba0d053f2
commit 49a1892678
Signed by: Korbs
SSH key fingerprint: SHA256:Q0b0KraMldpAO9oKa+w+gcsXsOTykQ4UkAKn0ByGn5U
6 changed files with 123 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

57
index.html
View file

@ -4,11 +4,11 @@
<title>New Tab</title>
</head>
<body>
<body onload="ApplyWallpaper()">
<div class="tab-background">
<img src="./backgrounds/27588471/background.jpg" />
<img/>
<p id="wallpaper-credit">
Photo by <a href="https://www.pexels.com/photo/elbsandsteingebirge-27588471/">Wolfgang Weiser</a> on Pexels
Photo by <a id="wallpaper-credit-link" href="https://www.pexels.com/photo/elbsandsteingebirge-27588471/">Wolfgang Weiser</a> on Pexels
</p>
</div>
<div class="toolbar">
@ -22,19 +22,17 @@
<div class="toolbar-popups">
<div id="settings-popup">
<p>Wallpaper</p>
<button disabled style="opacity: 0.5;" class="wide-selector"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#FFFFFF"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 16L10 13L21 18" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span>Select a New Wallpaper</span></button>
<button onclick="ShowWallpapers()" style="opacity: 0.5;" class="wide-selector"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#FFFFFF"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 16L10 13L21 18" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span>Select a New Wallpaper</span></button>
<p>Search</p>
<select disabled style="opacity: 0.5;">
<option>DuckDuckGo</option>
<option>Brave</option>
<option>4get</option>
<option>Whoogle</option>
<option>Leta</option>
<option>Araa</option>
<option>Bing</option>
<option>Yandex</option>
<option>Google</option>
<select id="settings-search" style="opacity: 0.5;">
<option id="search-option-DuckDuckGo" onclick="SetDuckDuckGo()">DuckDuckGo</option>
<option id="search-option-4get" onclick="Set4get()">4get</option>
<option id="search-option-Araa" onclick="SetAraa()">Araa</option>
<option id="search-option-Brave" onclick="SetBrave()">Brave</option>
</select>
<!-- <div class="search-custom">
<p id="search-custom-4get">Change Instance</p>
</div> -->
<p>Interface</p>
<button id="search-btn-toggle" class="toggles">
<span>Search</span>
@ -52,36 +50,41 @@
<span id="wallpaper-credit-toggle-disabled"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#FFFFFF"><path d="M7 13C7.55228 13 8 12.5523 8 12C8 11.4477 7.55228 11 7 11C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13Z" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17 17H7C4.23858 17 2 14.7614 2 12C2 9.23858 4.23858 7 7 7H17C19.7614 7 22 9.23858 22 12C22 14.7614 19.7614 17 17 17Z" stroke="#FFFFFF" stroke-width="1.5"></path></svg></span>
</button>
</div>
<!-- <div id="4get-instance-popup">
<p>4get Instance</p>
<input placeholder="https://4get..."/>
<button>Save</button>
</div>
<div id="araa-instance-popup">
<p>Araa Instance</p>
<input placeholder="https://araa..."/>
<button>Save</button>
</div> -->
</div>
<div class="wallpaper-selector">
<div class="wallpaper-selector-header">
<p>Wallpapers</p>
<button>
<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5"
viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#FFFFFF">
<path
d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426"
stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button onclick="ShowWallpapers()"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#FFFFFF"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
</div>
<div class="wallpapers-all">
<!-- <img src="https://ipx.sudovanilla.org/https://images.pexels.com/photos/2026454/pexels-photo-2026454.jpeg" />
<img src="https://ipx.sudovanilla.org/https://images.pexels.com/photos/1530212/pexels-photo-1530212.jpeg" />
<img src="https://ipx.sudovanilla.org/https://images.pexels.com/photos/1624497/pexels-photo-1624497.jpeg" /> -->
<img onclick="Wallpaper19906181()" id="wallpaper-selection-19906181" src="./backgrounds/19906181/background.jpg"/>
<img onclick="Wallpaper27588471()" id="wallpaper-selection-27588471" src="./backgrounds/27588471/background.jpg"/>
<img onclick="Wallpaper27960528()" id="wallpaper-selection-27960528" src="./backgrounds/27960528/background.jpg"/>
</div>
</div>
<div class="center-area">
<div class="search">
<input autofocus onkeypress="if(event.keyCode == 13) {Search()}" placeholder="Search DuckDuckGo" />
<input autofocus onkeypress="if(event.keyCode == 13) {Search()}" />
</div>
</div>
</body>
<!-- Functions -->
<script src="./functions/init.js"></script>
<script src="./functions/clock.js"></script>
<script src="./functions/search.js"></script>
<script src="./functions/toggles.js"></script>
<script src="./functions/wallpaper.js"></script>
<script>
function Search() {
@ -250,6 +253,8 @@ function Search() {
width: 200px;
height: 132px;
object-fit: cover;
border-radius: 6px;
border: 2px transparent solid;
}
.toggles {