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.

Sign up for GitHub

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

Added code for capacitor/android port #215

Open
wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Added code for capacitor/android port #215

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
b04b1bb
added code for capacitorjs
DanielHaitink Apr 28, 2024
9a1c208
added code for electron
DanielHaitink Apr 28, 2024
b21a5b6
removed comments
DanielHaitink Apr 28, 2024
4c87515
removed add button in menu on pc
DanielHaitink Apr 28, 2024
730e77d
add loading text after loading of the language
DanielHaitink Apr 28, 2024
39ca611
fixed skip button size
DanielHaitink Apr 28, 2024
d2b8c8f
changed koiTranslations checkout
DanielHaitink Apr 28, 2024
fab7e75
fixed size of play store icon
DanielHaitink Apr 28, 2024
6a5cafa
made storageFile async
DanielHaitink Apr 28, 2024
710d4f6
fixed issues with pc version
DanielHaitink May 1, 2024
d38db64
added cached data for loading text
DanielHaitink May 1, 2024
bb8aff0
added missing csS
DanielHaitink May 1, 2024
49297fe
reversed order of icons in loader
DanielHaitink May 6, 2024
46c5a8d
cleaned code
DanielHaitink May 6, 2024
4ce785c
cleaned code
DanielHaitink May 6, 2024
0a66c95
deleted unused class
DanielHaitink May 6, 2024
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
2 changes: 1 addition & 1 deletion KoiTranslations
Open in desktop
Submodule KoiTranslations updated 18 files
+3 −1 dutch.json
+3 −1 english_imperial.json
+3 −1 english_metric.json
+3 −1 filipino.json
+3 −1 french.json
+3 −1 frisian.json
+3 −1 german.json
+3 −1 indonesian.json
+3 −1 italian.json
+3 −1 japanese.json
+3 −1 korean.json
+3 −1 polish.json
+3 −1 portuguese.json
+3 −1 russian.json
+3 −1 simplifiedchinese.json
+3 −1 spanish.json
+3 −1 turkish.json
+3 −1 ukrainian.json
63 changes: 62 additions & 1 deletion css/book.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@
#book #spine .page .slot {
position: relative;
background-color: var(--book-page-slot-color);
border-radius: var(--card-border-radius);
border-radius: calc(var(--card-border-radius) * var(--card-scale));
overflow: hidden;
}

Expand All @@ -121,6 +121,23 @@
box-shadow: none;
}

#cards button:active svg {
filter: drop-shadow(0 0 var(--page-button-shadow-radius) var(--book-shadow-color));

}

#button-load-card {
position: absolute;
right: var(--book-button-padding);
top: calc(var(--button-height) * 2);
}

#button-home {
position: absolute;
right: var(--book-button-padding);
top: var(--button-height);
}

#button-book {
position: absolute;
right: var(--book-button-padding);
Expand Down Expand Up @@ -187,3 +204,47 @@
.button-page.right {
right: calc(var(--button-width) * var(--page-button-page-shift) * -1);
}

@media only screen and (orientation: portrait) {
#button-load-card {
position: absolute;
right: calc(var(--button-width) * 2 + var(--book-button-padding));
top: var(--book-button-padding);
}

#button-home {
position: absolute;
right: calc(var(--button-width) + var(--book-button-padding));
top: var(--book-button-padding);
}
}

@media only screen and (orientation: portrait) and (max-width: 600px), (orientation: portrait) and (max-height: 600px) {
#button-load-card {
position: absolute;
right: calc(var(--button-width-small) * 2 + var(--book-button-padding));
top: var(--book-button-padding);
}

#button-home {
position: absolute;
right: calc(var(--button-width-small) + var(--book-button-padding));
top: var(--book-button-padding);
}
}

@media only screen and (orientation: landscape) and (max-width: 600px),
(orientation: landscape) and (max-height: 600px) {
#button-load-card {
position: absolute;
right: var(--book-button-padding);
top: calc(var(--button-height-small) * 2);
}

#button-home {
position: absolute;
right: var(--book-button-padding);
top: var(--button-height-small);
}

}
34 changes: 25 additions & 9 deletions css/buttons.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,11 @@
:root {
--button-width: 80px;
--button-height: 80px;

--load-card-button-padding: 10px;

--button-height-small: 3.5rem;
--button-width-small: 3.5rem;
}

button {
Expand All @@ -18,17 +22,29 @@ button {
font-size: 18pt;
font-family: inherit;
user-select: none;
-webkit-tap-highlight-color: transparent;
}

.load-card-button {
.home-button {
position: absolute;
left: 0;
right: 0;
top: 0;
width: calc(var(--button-width) * 2);
background-color: var(--code-button-color);
box-shadow: 0 0 var(--code-shadow-radius) var(--code-shadow-color);
padding: 0 var(--load-card-button-padding);
margin-top: var(--code-button-margin);
margin-left: var(--code-button-margin);
border-radius: var(--code-button-radius);

}

@media (max-width: 600px) or (max-height: 600px){
button {
font-size: 14pt;
width: var(--button-width-small);
height: var(--button-height-small);
}

.button-page.left {
left: calc(var(--button-width-small) * var(--page-button-page-shift) * -1);
}

.button-page.right {
right: calc(var(--button-width-small) * var(--page-button-page-shift) * -1);
}

}
17 changes: 13 additions & 4 deletions css/card.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,18 @@
--card-color-background-graphics: #7e605e;
--card-color-drop-target: #ffffff55;

--card-scale: 1;

--card-width-default: 250px;
--card-height-default: 350px;
--card-preview-width-default: 200px;
--card-preview-height-default: 120px;

/* Dimensions */
--card-width: 250px;
--card-height: 350px;
--card-preview-width: 200px;
--card-preview-height: 120px;
--card-width: calc(var(--card-width-default) * var(--card-scale));
--card-height: calc(var(--card-height-default) * var(--card-scale));
--card-preview-width: calc(var(--card-preview-width-default) * var(--card-scale));
--card-preview-height: calc(var(--card-preview-height-default) * var(--card-scale));
--card-preview-margin: calc((var(--card-width) - var(--card-preview-width) - 2 * var(--card-preview-border)) * 0.5);
--card-preview-columns: 6;
--card-preview-rows: 10;
Expand All @@ -30,6 +37,8 @@
--card-code-icon-radius: 32px;
--card-code-icon-margin: 8px;
--card-code-opacity: 0.5;

--font-size: 20px;
}

.card-shape {
Expand Down
7 changes: 7 additions & 0 deletions css/code.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,13 @@
pointer-events: auto;
}

@media (max-height: 600px) {
#code .view canvas {
width: 50%;
height: 50%;
}
}

#code .view button {
width: 50%;
background-color: var(--code-button-color);
Expand Down
Loading