OceanSlim/SatWorth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added new themes, split into theme dir, cleaned up styling more

Browse Source
This commit is contained in:
0ceanSlim 2023-08-22 09:54:32 -04:00
parent c9a803a98c
commit 0f05216ab2
12 changed files with 210 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/build.gradle.kts
View File

@ -11,8 +11,8 @@ android {
applicationId = "com.example.satworth"
minSdk = 24
targetSdk = 33
versionCode = 6
versionName = "0.1.62"
versionCode = 7
versionName = "0.1.7"
testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
}

5
app/src/main/assets/app.html
View File

@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="themes/*">
<link rel="stylesheet" type="text/css" href="styles/*">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
@ -29,6 +29,7 @@
<option value="jpy">Yen</option>
<option value="ngn">Nigerian Naira</option>
<option value="pkr">Pakistani Rupee</option>
<option value="pln">Polish Zloty</option>
<option value="php">Philippine Peso</option>
<option value="rub">Russian Ruble</option>
<option value="thb">Thai Baht</option>
@ -64,7 +65,7 @@
</div>
</div>
<div id="exchange">
<div id="exchange">
<h2>Buy Bitcoin Here 👇</h2>
<div class="app-image">
<a href="https://www.swanbitcoin.com/oceanslim"><img src="file:///android_asset/images/swan.png" alt="App 1"></a>

2
app/src/main/assets/scripts/viewBitcoinPrice.js
View File

@ -13,7 +13,7 @@ function updateBitcoinPrice(selectedCurrency) {
function refreshBitcoinPrice(selectedCurrency) {
updateBitcoinPrice(selectedCurrency);
setInterval(() => updateBitcoinPrice(selectedCurrency), 30000);
setInterval(() => updateBitcoinPrice(selectedCurrency), 300000);
}
document.addEventListener('DOMContentLoaded', () => {

5
app/src/main/assets/styles/exchange.css
View File

@ -1,8 +1,7 @@
/* CSS for the container */
#exchange {
border: 2px solid #ffffff;
border-radius: 10px;
padding: 10px;
border-radius: 6px;
text-align: center;
position: fixed;
bottom: 10px;
@ -24,6 +23,6 @@
.app-image img {
width: 40px;
height: 40px;
border-radius: 8px;
border-radius: 10px;
border: 1px solid #909090;
}

4
app/src/main/assets/styles/fiatToSats.css
View File

@ -2,8 +2,6 @@
width: auto;
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
color: #ffffff;
font-family: monospace, Arial;
font-size: 20px;
font-size: 25px;
font-style: bolder;
}

2
app/src/main/assets/styles/satsToFiat.css
View File

@ -10,7 +10,7 @@
font-family: monospace;
background: #101010;
font-style: bolder;
color: #fbc219;
color: #fad000;
margin-right: 5px;
padding-right: 5px;
text-align: center;

17
app/src/main/assets/styles/settings.css
View File

@ -7,8 +7,8 @@
.settings img {
width: 25px;
height: 25px;
margin-bottom: 40px;
margin-right: 20px; /* Add margin to separate cog image from dropdowns */
margin-bottom: 30px;
margin-right: 10px; /* Add margin to separate cog image from dropdowns */
}
.theme-dropdown,
@ -17,7 +17,7 @@
display: flex;
align-items: center;
justify-content: flex-end; /* Align theme dropdown to the right */
margin-right: 10px; /* Add some space between the dropdowns */
margin-right: 8px; /* Add some space between the dropdowns */
}
.currency-dropdown {
@ -26,13 +26,14 @@
#theme-select,
#currency-select {
width: fit-content;
width: auto;
max-width: 130px;
overflow: hidden; /* Cut off overflow */
text-overflow: ellipsis; /* Show ellipsis (...) for cut-off content */
white-space: nowrap; /* Prevent line breaks */
height: 40px;
padding: 8px;
background-color: #282828;
border: 3px solid #ccc;
padding: 4px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-family: monospace;
color: #ffffff;
}

17
app/src/main/assets/style.css → app/src/main/assets/themes/themeDark.css
View File

@ -6,13 +6,14 @@ body {
font-family: monospace, Arial;
overflow-x: hidden;
text-align: center;
color: #f0f0f0;
color: #ffffff;
}
.container {
width: auto;
margin-top: 20px;
background-color: #252525;
border: 3px solid #f7931a;
border: 3px solid #ccc;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
@ -20,6 +21,18 @@ body {
justify-content: center; /* Center items horizontally within the container */
}
#theme-select,
#currency-select {
background-color: #282828;
border: 3px solid #ccc;
color: #ffffff;
}
#exchange {
border: 2px solid #ccc;
background-color: #252525;
}
h1 {
font-size: 30;
font-style: bolder;

55
app/src/main/assets/themes/themeLava.css Normal file
View File

@ -0,0 +1,55 @@
/* CSS styles for the Bitcoin Price Tracker */
body {
padding-left: 20px;
padding-right: 20px;
background: #390000;
color: #f12727;
font-family: monospace, Arial;
overflow-x: hidden;
text-align: center;
}
.container {
width: auto;
margin-top: 20px;
background-color: #610000;
border: 3px solid #000000;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
}
#theme-select,
#currency-select {
background-color: #610000;
border: 3px solid #000000;
color: #f12727;
}
#exchange {
border: 2px solid #000000;
background-color: #610000;
}
h1 {
font-size: 30;
font-style: bolder;
}
h2 {
font-size: 20;
font-style: bolder;
}
h3 {
font-size: 10;
font-style: bold;
}
a {
color: #f7931a;
}
a:hover {
color: #8154e9;
}

55
app/src/main/assets/themes/themeMidnight.css Normal file
View File

@ -0,0 +1,55 @@
/* CSS styles for the Bitcoin Price Tracker */
body {
padding-left: 20px;
padding-right: 20px;
background: #191830;
color: #b356c9;
font-family: monospace, Arial;
overflow-x: hidden;
text-align: center;
}
.container {
width: auto;
margin-top: 20px;
background-color: #1f1f41;
border: 3px solid #fad000;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
}
#theme-select,
#currency-select {
background-color: #1f1f41;
border: 3px solid #fad000;
color: #b356c9;
}
#exchange {
border: 2px solid #fad000;
background-color: #1f1f41;
}
h1 {
font-size: 30;
font-style: bolder;
}
h2 {
font-size: 20;
font-style: bolder;
}
h3 {
font-size: 10;
font-style: bold;
}
a {
color: #f7931a;
}
a:hover {
color: #8154e9;
}

55
app/src/main/assets/themes/themeSolar.css Normal file
View File

@ -0,0 +1,55 @@
/* CSS styles for the Bitcoin Price Tracker */
body {
padding-left: 20px;
padding-right: 20px;
background: #002b36;
color: #3794ff;
font-family: monospace, Arial;
overflow-x: hidden;
text-align: center;
}
.container {
width: auto;
margin-top: 20px;
background-color: #073642;
border: 3px solid #73ae63;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
}
#theme-select,
#currency-select {
background-color: #073642;
border: 3px solid #73ae63;
color: #3794ff;
}
#exchange {
border: 2px solid #73ae63;
background-color: #073642;
}
h1 {
font-size: 30;
font-style: bolder;
}
h2 {
font-size: 20;
font-style: bolder;
}
h3 {
font-size: 10;
font-style: bold;
}
a {
color: #f7931a;
}
a:hover {
color: #8154e9;
}

3
app/src/main/java/com/example/satworth/MainActivity.kt
View File

@ -4,7 +4,6 @@ import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebView
import android.webkit.WebSettings
import com.example.satworth.R
import java.io.IOException
class MainActivity : AppCompatActivity() {
@ -47,7 +46,7 @@ class MainActivity : AppCompatActivity() {
}
}
val cssFiles = listOf("style.css", "styles/settings.css", "styles/bitcoinPrice.css","styles/exchange.css", "styles/fiatToSats.css", "styles/satsToFiat.css") // List of your CSS files
val cssFiles = listOf("themes/themeDark.css", /*"themes/themeMidnight.css", "themes/themeLava.css", "themes/themeSolar.css",*/ "styles/settings.css", "styles/bitcoinPrice.css","styles/exchange.css", "styles/fiatToSats.css", "styles/satsToFiat.css") // List of your CSS files
val cssCode = cssFiles.joinToString("\n") { fileName ->
try {