Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Creating Fresh PR: Manual Location + Translation #78

Merged
merged 8 commits into from
Oct 20, 2024
Merged
Show file tree
Hide file tree
Changes from 5 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 47 additions & 31 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,37 +17,38 @@
<body>
<div class="centerDiv">
<div class="leftDiv">

<!-- ____________clock___________ -->
<div class="clock" id="analogClock">
<div class="clock" id="analogClock">

<svg fill="none" height="100%" viewBox="0 0 461 461" width="100%" xmlns="http://www.w3.org/2000/svg">
<path class="bgLightTint" clip-rule="evenodd"
d="M93.6379 63.9405C89.7543 78.4344 78.4333 89.7554 63.9394 93.639L56.4989 95.6327C34.0934 101.636 20.7969 124.666 26.8005 147.072L28.7201 154.236C32.6038 168.73 28.46 184.195 17.8497 194.805L12.3015 200.353C-4.1005 216.755 -4.10051 243.348 12.3015 259.75L17.9236 265.372C28.5338 275.983 32.6776 291.447 28.794 305.941L26.8004 313.382C20.7968 335.787 34.0933 358.817 56.4989 364.821L63.9395 366.815C78.4334 370.698 89.7544 382.019 93.638 396.513L95.6322 403.956C101.636 426.361 124.666 439.658 147.071 433.654L154.513 431.66C169.007 427.777 184.472 431.92 195.082 442.531L200.353 447.802C216.755 464.204 243.348 464.204 259.75 447.802L265.097 442.455C275.707 431.845 291.172 427.701 305.666 431.585L313.383 433.653C335.788 439.656 358.818 426.36 364.822 403.954L366.815 396.515C370.699 382.021 382.02 370.7 396.514 366.816L403.955 364.822C426.361 358.819 439.657 335.789 433.654 313.383L431.586 305.665C427.702 291.172 431.846 275.707 442.456 265.096L447.802 259.75C464.204 243.348 464.204 216.755 447.802 200.353L442.53 195.081C431.92 184.471 427.776 169.006 431.66 154.512L433.654 147.071C439.657 124.665 426.361 101.635 403.955 95.6312L396.514 93.6373C382.02 89.7537 370.699 78.4327 366.815 63.9389L364.822 56.4994C358.818 34.0938 335.788 20.7974 313.383 26.8009L305.942 28.7946C291.448 32.6782 275.983 28.5345 265.373 17.9242L259.75 12.3015C243.348 -4.10051 216.755 -4.1005 200.353 12.3015L194.806 17.8491C184.196 28.4593 168.731 32.6031 154.237 28.7195L147.071 26.7995C124.666 20.7959 101.636 34.0924 95.6322 56.498L93.6379 63.9405Z"
fill="#FFF" fill-rule="evenodd" />
</svg>
</svg>
<div class="centerPoint">
<div class="sui" id="hour"></div>
<div class="sui" id="second"></div>
<div class="sui" id="minute"></div>
</div>
</div>
</div>
<div class="clock" id="digitalClock">
<svg fill="none" height="100%" viewBox="60 0 460 450" width="100%" xmlns="http://www.w3.org/2000/svg">
<!-- Background oval shape -->
<rect class="bgLightTint" height="350" rx="180" width="460" x="60" y="40"></rect>

<!-- Date Text -->
<text id="digidate" x="290" y="120" text-anchor="middle" fill="#E2EEFF" font-size="28" font-family="Arial" class="digidate">Thu 9</text>

<text id="digidate" x="290" y="120" text-anchor="middle" fill="#E2EEFF" font-size="28"
font-family="Arial" class="digidate">Thu 9</text>

<!-- Time Text -->
<text x="290" y="260" id="digiclock" class="digiclock">6:59</text>
</svg>
</svg>

</div>

<!-- ____________end of clock______________ -->

<div class="ttteexxtt">
<div id="userText" contenteditable="true" spellcheck="false">Double tap to edit</div>
<div id="date"></div>
Expand Down Expand Up @@ -180,11 +181,12 @@
</div>
<div class="search-engine bgLightTint">
<!-- <img src="./svgs/brave.svg" alt="B" class="logo"> -->

<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="300.000000pt" height="300.000000pt"
viewBox="0 0 300.000000 300.000000" preserveAspectRatio="xMidYMid meet">

<g class="accentColor" transform="translate(-75.000000,380.000000) scale(0.150000,-0.150000)" fill="#FF000F"

<g class="accentColor"
transform="translate(-75.000000,380.000000) scale(0.150000,-0.150000)" fill="#FF000F"
stroke="none">
<rect class="accentColor" fill="#FF000F" height="28" rx="14" width="28" />
<path d="M1238 2301 c-1 -5 -31 -40 -65 -78 l-62 -69 -59 4 c-73 5 -99 -7
Expand All @@ -206,8 +208,7 @@
122 -109 114 -115 132 -76 198 48 82 162 222 175 217 8 -3 53 -11 101 -17 79
-10 92 -9 142 9 72 27 122 27 195 1z m-59 -754 c72 -28 184 -90 184 -101 0
-15 -205 -174 -224 -174 -9 0 -53 30 -98 66 -125 100 -129 104 -123 115 7 11
132 75 185 95 19 7 36 13 36 13 1 1 19 -6 40 -14z"
fill="white"/>
132 75 185 95 19 7 36 13 36 13 1 1 19 -6 40 -14z" fill="white" />
</g>
</svg>

Expand Down Expand Up @@ -377,14 +378,14 @@ <h1>Material You NewTab</h1>
fill="#0038FF" fill-rule="evenodd" />
</svg>
</div>
<span>Feedback</span>
<span id="feedback">Feedback</span>
</a>
<!-- -----end of tiles-------- -->

</div>
<!-- end of tilesCont -->
<div class="divider"></div>

<div class="toggleTextsCont">
<div class="ttcont">
<div class="texts">
Expand All @@ -399,8 +400,8 @@ <h1>Material You NewTab</h1>

<div class="ttcont" id="shortcutEditField">
<div class="texts">
<div class="bigText">Edit Shortcuts</div>
<div class="infoText">Choose which shortcuts get shown</div>
<div class="bigText" id="editShortcutsText">Edit Shortcuts</div>
<div class="infoText" id="shortcutsInfoText">Choose which shortcuts get shown</div>
</div>
<label class="switch">
<button id="shortcutEditButton">
Expand All @@ -415,8 +416,9 @@ <h1>Material You NewTab</h1>

<div class="ttcont" id="adaptiveIconField">
<div class="texts">
<div class="bigText">Adaptive Icon Shapes</div>
<div class="infoText">Shortcut Icons will always be round</div>
<div class="bigText" id="adaptiveIconShapes">Adaptive Icon Shapes</div>
<div class="infoText" id="adaptiveIconInfoText">Shortcut Icons will always be round
</div>
</div>
<label class="switch">
<input id="adaptiveIconToggle" type="checkbox">
Expand Down Expand Up @@ -504,8 +506,22 @@ <h1>Material You NewTab</h1>
<button id="saveproxy">Enter</button>
</div>
</div>

<div class="ttcont unflex" style="margin-top: 100px;">
<div class="texts">
<div class="bigText" id="UserLocText">Enter your Location</div>
<div class="infoText" id="UserLocSubtext">If the weather location isn't correct
</div>
</div>
<input id="userLoc" placeholder="Your location (City/Latitude,Longitude)" type="text">
<div class="bottom">
<a href="https://www.weatherapi.com/docs/#intro-request-param"
id="InputOptionsButton">Input Options</a>
<button id="saveLoc">Enter</button>
</div>
</div>

<div class="ttcont unflex" style="margin-top: 100px;">
<div class="texts">
<div class="bigText" id="WeatherApiText">Enter your own WeatherAPI key</div>
<div class="infoText" id="WeatherApiSubtext">If the weather functionality isn't working
Expand All @@ -516,10 +532,9 @@ <h1>Material You NewTab</h1>
<a href="https://www.weatherapi.com" id="LearnMoreButton">Learn more</a>
<button id="saveAPI">Enter</button>
</div>

</div>
<!-- ---🟡--- -->

</div>
<br>
<div class="divider" style="margin-top: 90px;"></div>
Expand All @@ -544,13 +559,14 @@ <h1>Material You NewTab</h1>
<!-- Language selection button -->
<select class="languageSelector" id="languageSelector">
<option value="en">English</option>
<option value="pt">Português (Portuguese)</option>
<option value="hi">हिन्दी (Hindi)</option>
<option value="bn">বাংলা (Bangla)</option>
<option value="zh">中文 (Chinese)</option>
<option value="cs">Čeština (Czech)</option>
<option value="hi">हिन्दी (Hindi)</option>
<option value="it">Italiano (Italian)</option>
<option value="pt">Português (Portuguese)</option>
<option value="ru">Русский (Russian)</option>
<option value="tr">Türkçe (Turkish)</option>
<option value="bn">বাংলা (Bangla)</option>
</select>
<!-- end of languageSelector -->
</div>
Expand Down Expand Up @@ -585,8 +601,8 @@ <h1>Material You NewTab</h1>

</div><br>
<!-- end of themingStuff -->
<div class="spacer"></div>
<button class="resetbtn" id="resetsettings">Reset Settings</button>
<div class="spacer"></div>
<button class="resetbtn" id="resetsettings">Reset Settings</button>
<div id="menuCloseButton">
<!-- <img src="./svgs/x.svg" alt=""> -->
<div class="icon">
Expand Down Expand Up @@ -630,7 +646,7 @@ <h1>Material You NewTab</h1>
</button>
</div>
</div>
<div class="pageTitle">Edit Shortcuts</div>
<div class="pageTitle" id="editShortcutsList">Edit Shortcuts</div>
<div id="shortcutList"></div>
</div>
</div>
Expand Down
Loading