cupcakearmy/fight-of-the-mobiles
1
0
Fork 0
mirror of https://github.com/cupcakearmy/fight-of-the-mobiles.git synced 2026-04-02 18:25:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

cordova

Browse Source
This commit is contained in:
nicco
2018-09-04 19:47:42 +02:00
parent 8ba2030bb3
commit 94c02d6a2e
472 changed files with 63790 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/cordova/www/assets/Helvetica Neue LT Std Bold.otf Normal file
View File

Binary file not shown.

BIN
src/cordova/www/assets/Helvetica Neue LT Std Light.otf Normal file
View File

Binary file not shown.

BIN
src/cordova/www/assets/Helvetica Neue LT Std Medium.otf Normal file
View File

Binary file not shown.

BIN
src/cordova/www/assets/Jaapokki.otf Normal file
View File

Binary file not shown.

BIN
src/cordova/www/assets/check.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
src/cordova/www/assets/sync.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

129
src/cordova/www/bundle.css Normal file
View File

@@ -0,0 +1,129 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
width: 100vw;
height: 100vh;
overflow: hidden;
}
img {
object-fit: contain;
}
.spinning {
animation: rotation 2s infinite linear;
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
.fill {
width: 100%;
height: 100%;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
.center {
display: flex;
align-items: center;
justify-content: center;
}
.abs {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.button {
border: 1px solid #000;
height: 45px;
width: 180px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.bold {
font-weight: bold;
}
#app {
width: 100%;
height: 100%;
font-family: 'Helvetica Neue';
}
#app .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-image: linear-gradient(135deg, #6FABFF, #E4FF71);
}
#app .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.Logo {
position: relative;
font-family: 'Jaapokki';
}
.Logo .title {
font-size: 30px;
}
.Logo .badge {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -20px;
top: -5px;
width: 20px;
height: 20px;
background-color: #f00;
border-radius: 20px;
}
.Logo .badge div {
font-size: 10px;
}
@font-face {
font-family: 'Jaapokki';
src: url(assets/Jaapokki.otf);
}
@font-face {
font-family: 'Helvetiva Neue';
font-weight: lighter;
font-style: normal;
src: url("assets/Helvetica Neue LT Std Light.otf") format('opentype');
}
@font-face {
font-family: 'Helvetiva Neue';
font-weight: normal;
font-style: normal;
src: url("assets/Helvetica Neue LT Std Medium.otf") format('opentype');
}
@font-face {
font-family: 'Helvetiva Neue';
font-weight: bold;
font-style: normal;
src: url("assets/Helvetica Neue LT Std Bold.otf") format('opentype');
}

15
src/cordova/www/index.html Normal file
View File

@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Basic Setup</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="cordova.js"></script>
<link href="bundle.css" rel="stylesheet"></head>
<body>
<div id="root"></div>
<script type="text/javascript" src="main.js"></script></body>
</html>

493
src/cordova/www/main.js vendored Normal file
View File

File diff suppressed because one or more lines are too long