diff --git a/config.json b/config.json index 5dec91e..ed25100 100644 --- a/config.json +++ b/config.json @@ -1,10 +1,7 @@ { "assets": { - "VCR": { - "path": "url('project:/Assets/Fonts/VCR_OSD_MONO_1.001.ttf')" - } }, "options": { - "uppercase": true + "uppercase": false } } \ No newline at end of file diff --git a/convert.js b/convert.js new file mode 100644 index 0000000..bd4e490 --- /dev/null +++ b/convert.js @@ -0,0 +1,39 @@ +#!/usr/bin/env node + +const yargs = require('yargs/yargs'); +const { hideBin } = require('yargs/helpers'); +const path = require("path"); + +const argv = yargs(hideBin(process.argv)) + .option('i', { + alias: 'input', + describe: 'Input HTML files', + demandOption: true, + type: 'array', + }) + .option('css', { + describe: 'CSS files', + demandOption: true, + type: 'array', + }) + .option('reset', { + describe: 'Reset CSS file', + default: path.resolve(__dirname, 'reset.css'), + type: 'string', + }) + .option('c', { + alias: 'config', + describe: 'Configuration file (JSON)', + default: path.resolve(__dirname, 'config.json'), + type: 'string' + }) + .option('o', { + alias: 'output', + describe: 'Output folder', + default: path.resolve(__dirname, 'results'), + type: 'string' + }) + .help() + .argv; + +require('./index.js')(argv); diff --git a/index.js b/index.js index 2bb77d1..3064ee3 100644 --- a/index.js +++ b/index.js @@ -6,31 +6,25 @@ const css = require('css'); const uss_properties = require('./uss_properties.json'); const config = require('./config.json'); -const html = [{name: 'panasonic_menu.html', data: fs.readFileSync('panasonic_menu.html', 'utf8')}]; -const cssContent = [{name: 'reset.css', data: fs.readFileSync('reset.css', 'utf8')}, {name: 'panasonic_style.css', data: fs.readFileSync('panasonic_style.css', 'utf8')}] +let html, cssContent, outputFolder; let xmlheader = ''; let xmlfooter = ''; let resetAll = 'body, div, p'; -for(let i = 0; i < html.length; i++) { - html2uxml(html[i].name.split('.html').join(''), html[i].data); -} - -for(let i = 0; i < cssContent.length; i++) { - convertCss(cssContent[i].name.split('.css').join(''), cssContent[i].data); -} - function html2uxml(name, h) { const $ = cheerio.load(h); let parsed = convertToXML($('body'), $); parsed = parsed.split('').join(xmlheader); parsed = parsed.split('').join(xmlfooter); + - fs.writeFile('./results/' + name + '.uxml', parsed, 'utf-8', err => { + fs.writeFile('./results/' + name + '.uxml', formatXml(parsed), 'utf-8', err => { if(err) console.log(err); - else console.log(name + ' UXML written ✓'); + else { + console.log(name + ' UXML written ✓'); + } }); } @@ -60,26 +54,21 @@ function convertToXML(element, $) { } }); - if (element.children().length > 0) { - xmlString += '>'; - - element.children().each((index, child) => { - const childElement = $(child); - xmlString += convertToXML(childElement, $); - }); + xmlString += '>'; - xmlString += ``; - } else { - xmlString += ' />'; - } + element.children().each((index, child) => { + const childElement = $(child); + xmlString += convertToXML(childElement, $); + }); + xmlString += ``; return xmlString; } function convertCss(name, data) { let parsedCSS = css.parse(data); - fs.writeFile('./results/' + name + '.uss', css2uss(parsedCSS.stylesheet.rules), 'utf-8', err => { + fs.writeFile(`${outputFolder}/` + name + '.uss', css2uss(parsedCSS.stylesheet.rules), 'utf-8', err => { if(err) console.log(err); else console.log(name + ' USS written ✓'); }); @@ -97,7 +86,7 @@ function css2uss(rules) { for(let d = 0; d < rule.declarations.length; d++) { let declaration = rule.declarations[d]; let property = transformProperty(declaration.property); - console.log(property); + //console.log(property); if (uss_properties[property]) { if(uss_properties[property].native == true) { let value = translateValue(declaration.value, property); @@ -139,4 +128,49 @@ function getExtras(property, value) { let extras = ''; extras += property == '-unity-font' ? ' -unity-font-definition: none;\n' : ''; return extras; -} \ No newline at end of file +} + +function convert(argv) { + console.log(argv); + + outputFolder = argv.output; + + html = []; + for (let i = 0; i < argv.input.length; i++) { + let path = argv.input[i]; + html.push({ + name: path, + data: fs.readFileSync(path, 'utf8') + }) + } + + cssContent = []; + for (let i = 0; i < argv.css.length; i++) { + let path = argv.css[i]; + cssContent.push({ + name: path, + data: fs.readFileSync(path, 'utf8') + }) + } + + for(let i = 0; i < html.length; i++) { + html2uxml(html[i].name.split('.html').join(''), html[i].data); + } + + for(let i = 0; i < cssContent.length; i++) { + convertCss(cssContent[i].name.split('.css').join(''), cssContent[i].data); + } +}; + +function formatXml(xml, tab) { // tab = optional indent value, default is tab (\t) + var formatted = '', indent= ''; + tab = tab || '\t'; + xml.split(/>\s*\r\n'; + if (node.match( /^]*[^\/]$/ )) indent += tab; // increase indent + }); + return formatted.substring(1, formatted.length-3); +} + +module.exports = convert; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json deleted file mode 100644 index bf89729..0000000 --- a/package-lock.json +++ /dev/null @@ -1,246 +0,0 @@ -{ - "name": "html2uuitk", - "lockfileVersion": 3, - "requires": true, - "packages": { - "": { - "dependencies": { - "cheerio": "^1.0.0-rc.12", - "css": "^3.0.0" - } - }, - "node_modules/atob": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", - "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", - "bin": { - "atob": "bin/atob.js" - }, - "engines": { - "node": ">= 4.5.0" - } - }, - "node_modules/boolbase": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" - }, - "node_modules/cheerio": { - "version": "1.0.0-rc.12", - "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz", - "integrity": "sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==", - "dependencies": { - "cheerio-select": "^2.1.0", - "dom-serializer": "^2.0.0", - "domhandler": "^5.0.3", - "domutils": "^3.0.1", - "htmlparser2": "^8.0.1", - "parse5": "^7.0.0", - "parse5-htmlparser2-tree-adapter": "^7.0.0" - }, - "engines": { - "node": ">= 6" - }, - "funding": { - "url": "https://github.com/cheeriojs/cheerio?sponsor=1" - } - }, - "node_modules/cheerio-select": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz", - "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==", - "dependencies": { - "boolbase": "^1.0.0", - "css-select": "^5.1.0", - "css-what": "^6.1.0", - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3", - "domutils": "^3.0.1" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, - "node_modules/css": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css/-/css-3.0.0.tgz", - "integrity": "sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==", - "dependencies": { - "inherits": "^2.0.4", - "source-map": "^0.6.1", - "source-map-resolve": "^0.6.0" - } - }, - "node_modules/css-select": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", - "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", - "dependencies": { - "boolbase": "^1.0.0", - "css-what": "^6.1.0", - "domhandler": "^5.0.2", - "domutils": "^3.0.1", - "nth-check": "^2.0.1" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, - "node_modules/css-what": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", - "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", - "engines": { - "node": ">= 6" - }, - "funding": { - "url": "https://github.com/sponsors/fb55" - } - }, - "node_modules/decode-uri-component": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz", - "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==", - "engines": { - "node": ">=0.10" - } - }, - "node_modules/dom-serializer": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", - "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", - "dependencies": { - "domelementtype": "^2.3.0", - "domhandler": "^5.0.2", - "entities": "^4.2.0" - }, - "funding": { - "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" - } - }, - "node_modules/domelementtype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", - "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ] - }, - "node_modules/domhandler": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", - "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", - "dependencies": { - "domelementtype": "^2.3.0" - }, - "engines": { - "node": ">= 4" - }, - "funding": { - "url": "https://github.com/fb55/domhandler?sponsor=1" - } - }, - "node_modules/domutils": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", - "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", - "dependencies": { - "dom-serializer": "^2.0.0", - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3" - }, - "funding": { - "url": "https://github.com/fb55/domutils?sponsor=1" - } - }, - "node_modules/entities": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", - "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "engines": { - "node": ">=0.12" - }, - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, - "node_modules/htmlparser2": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz", - "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==", - "funding": [ - "https://github.com/fb55/htmlparser2?sponsor=1", - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ], - "dependencies": { - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3", - "domutils": "^3.0.1", - "entities": "^4.4.0" - } - }, - "node_modules/inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" - }, - "node_modules/nth-check": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", - "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", - "dependencies": { - "boolbase": "^1.0.0" - }, - "funding": { - "url": "https://github.com/fb55/nth-check?sponsor=1" - } - }, - "node_modules/parse5": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz", - "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==", - "dependencies": { - "entities": "^4.4.0" - }, - "funding": { - "url": "https://github.com/inikulin/parse5?sponsor=1" - } - }, - "node_modules/parse5-htmlparser2-tree-adapter": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz", - "integrity": "sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==", - "dependencies": { - "domhandler": "^5.0.2", - "parse5": "^7.0.0" - }, - "funding": { - "url": "https://github.com/inikulin/parse5?sponsor=1" - } - }, - "node_modules/source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/source-map-resolve": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz", - "integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==", - "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated", - "dependencies": { - "atob": "^2.1.2", - "decode-uri-component": "^0.2.0" - } - } - } -} diff --git a/package.json b/package.json index be2d144..8fd9d54 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,15 @@ { + "name": "html2uuitk", + "version": "0.0.1", + "preferGlobal": true, + "bin": { + "html2uuitk": "./convert.js" + }, + "author": "FS", + "license": "ISC", "dependencies": { "cheerio": "^1.0.0-rc.12", - "css": "^3.0.0" + "css": "^3.0.0", + "yargs": "^17.7.2" } } diff --git a/panasonic_menu.html b/panasonic_menu.html deleted file mode 100644 index 865aedf..0000000 --- a/panasonic_menu.html +++ /dev/null @@ -1,136 +0,0 @@ - - - - - - Panasonic Menu - - - - - -
-
-

Recording setup

-
-
-
-
-
-

Custom preset

-
-
-
- -
-
-
-
-
-

return

-
-
-
-
-

return

-
-
-
-
-
-
-

set

-
-
-
-
-

set

-
-
-
-
-
-
-

Rec format

-
-
-
-
-

720p / 50p

-
-
-
-
-
-
-

Sharpness

-
-
-
-
-

+2

-
-
-
-
-
-
-

wb shift

-
-
-
-
-

wb shift

-
-
-
-
-
-
-

ae shift

-
-
-
-
-

ae shift

-
-
-
-
-
-
-

gainshift

-
-
-
-
-

gainshift

-
-
-
-
-
-
-

color lv

-
-
-
-
-

color lv

-
-
-
- -
-
-

push B to return

-
-
-
- - \ No newline at end of file diff --git a/panasonic_style.css b/panasonic_style.css deleted file mode 100644 index 381b8f6..0000000 --- a/panasonic_style.css +++ /dev/null @@ -1,84 +0,0 @@ -body { - padding: 92px; - background: rgba(0, 0, 0, .9); - flex-direction: column; - font-family: VCR; -} - -.row { - flex-direction: row; - min-width: 100%; - justify-content: center; - max-height: 76px; -} - -.__left, .__right { - width: 50%; - min-width: 50%; -} - -.__left, .__left .bg-filled { - justify-content: flex-start; - align-self: flex-start; -} -.__right, .__right .bg-filled { - justify-content: flex-end; - align-self: flex-end; -} - -.__centered { - align-items: center; -} - -.__centered .bg-filled { - height: 76px; - min-width: 55%; -} - -.bottom-line { - height: 2px; - width: 50%; - background: #D7D7D7; - align-self: center; - margin-top: 16px; -} - -.bg-filled { - height: 100%; - align-items: center; - justify-content: center; - font-size: 52px; - color: #fff; - min-width: 16%; - padding-left: 12px; - text-transform: uppercase; - letter-spacing: 12px; -} - -.__white { - background-color: #fff; - color: #000; -} - -.__blue { - color: #3464bd; -} - -.__margin-bottom { - margin-bottom: 54px; -} - -.interactable:hover .__left .bg-filled { - background-color: #01F700; - color: #000; -} - -.interactable:hover .__right .bg-filled { - background-color: #FFFF10; - text-shadow: 0 0 2px black, 0 0 1px black; -} - -.__push-bottom { - margin-top: auto; - margin-bottom: 0; -} \ No newline at end of file diff --git a/phone.html b/phone.html deleted file mode 100644 index 55a4f86..0000000 --- a/phone.html +++ /dev/null @@ -1,76 +0,0 @@ - - - - HTML to UXML/USS Converter - - - -
-
-

Settings

-
-
-
-
-

Fro

-

FSID, Mods, Purchases ...

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

Friends

-
-
-
-
-
-
-

Resume game

-
-
-
-

Load map

-
-
-
-

Edit skater

-
-
-
-

Settings

-
-
-
-

Exit game

-
-
-
-
-
-
-
-

Multiplayer

-
-
-
-

Edit stats

-
-
-
-
-
- - diff --git a/results/panasonic_menu.uxml b/results/panasonic_menu.uxml deleted file mode 100644 index f932919..0000000 --- a/results/panasonic_menu.uxml +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/results/panasonic_style.uss b/results/panasonic_style.uss deleted file mode 100644 index 6a1b3bd..0000000 --- a/results/panasonic_style.uss +++ /dev/null @@ -1,71 +0,0 @@ -:root { - padding: 92px; - background-color: rgba(0, 0, 0, .9); - flex-direction: column; - -unity-font: url('project:/Assets/Fonts/VCR_OSD_MONO_1.001.ttf'); - -unity-font-definition: none; -} -.row { - flex-direction: row; - min-width: 100%; - justify-content: center; - max-height: 76px; -} -.__left, .__right { - width: 50%; - min-width: 50%; -} -.__left, .__left .bg-filled { - justify-content: flex-start; - align-self: flex-start; -} -.__right, .__right .bg-filled { - justify-content: flex-end; - align-self: flex-end; -} -.__centered { - align-items: center; -} -.__centered .bg-filled { - height: 76px; - min-width: 55%; -} -.bottom-line { - height: 2px; - width: 50%; - background-color: #D7D7D7; - align-self: center; - margin-top: 16px; -} -.bg-filled { - height: 100%; - align-items: center; - justify-content: center; - font-size: 52px; - color: #fff; - min-width: 16%; - padding-left: 12px; - letter-spacing: 24px; -} -.__white { - background-color: #fff; - color: #000; -} -.__blue { - color: #3464bd; -} -.__margin-bottom { - margin-bottom: 54px; -} -.interactable:hover .__left .bg-filled { - background-color: #01F700; - color: #000; -} -.interactable:hover .__right .bg-filled { - background-color: #FFFF10; - text-shadow: 0 0 2px black, 0 0 1px black; -} -.__push-bottom { - margin-top: auto; - margin-bottom: 0; -} diff --git a/results/reset.uss b/results/reset.uss deleted file mode 100644 index ae9843f..0000000 --- a/results/reset.uss +++ /dev/null @@ -1,11 +0,0 @@ -* { - margin: 0; -} -:root { - margin: 0; - padding: 0; - position: relative; - height: 100%; - width: 100%; - overflow: hidden; -} diff --git a/results/style.uss b/results/style.uss deleted file mode 100644 index bf445a5..0000000 --- a/results/style.uss +++ /dev/null @@ -1,168 +0,0 @@ -* { - margin: 0; -} -:root { - margin: 0; - padding: 0; - position: relative; - height: 100%; - width: 100%; - overflow: hidden; -} -.phone-container { - position: absolute; - bottom: -300px; - right: 5%; - width: 490px; - height: 998px; - background-color: black; - border-top-left-radius: 64px; - border-top-right-radius: 64px; -} -.border-bottom { - border-bottom-color: #f2f2f7; - border-bottom-width: 2px; - border-top-width: 0px; - border-left-width: 0px; - border-right-width: 0px; - padding-bottom: 12px; -} -.content-container { - background-color: #f2f2f7; - width: 450px; - max-height: 878px; - margin-left: 20px; - margin-top: 20px; - border-top-left-radius: 40px; - border-top-right-radius: 40px; - padding: 24px; - padding-top: 120px; - height: 100%; -} -.h1 { - font-size: 38px; - margin-bottom: 12px; -} -.h2 { - font-size: 28px; -} -.isle { - background-color: #ffffff; - border-top-right-radius: 12px; - border-top-left-radius: 12px; - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; - padding: 12px; -} -.row { - flex-direction: row; -} -.column { - flex-direction: column; -} -.round { - width: 64px; - height: 64px; - border-top-right-radius: 50%; - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; - border-bottom-right-radius: 50%; - background-color: black; -} -.mini-container { - width: 14px; -} -.round-mini { - width: 24px; - height: 24px; - border-top-right-radius: 50%; - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; - border-bottom-right-radius: 50%; - margin-left: -42%; - background-color: black; - border-width: 1px; - border-bottom-color: #fff; - border-top-color: #fff; - border-left-color: #fff; - border-right-color: #fff; -} -.__no-margin { - margin-left: 0; -} -.content-container .sub-menu { - margin-top: 12px; -} -.column.center-horizontal { - justify-content: center; -} -.row.center-horizontal { - align-items: center; -} -.padding-12 { - padding: 12px; -} -.profile-main { - height: 64px; -} -.friends { - padding: 12px; - height: 24px; - align-items: center; -} -.friends-img { - margin-left: 5px; -} -.options { - margin-top: 32px; -} -.item { - margin-top: 12px; -} -.item:hover .text { - color: #ffa500; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: color; -} -.item:hover .icon { - border-color: #ffa500; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: border-color; -} -.item .icon { - width: 32px; - height: 32px; - background-color: #ffa500; - border-top-right-radius: 8px; - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - border-width: 2px; - border-color: #fff; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: border-color; -} -.icon.__green { - background-color: #34c759; -} -.icon.__blue { - background-color: #007aff; -} -.icon.__gray { - background-color: #8e8e93; -} -.item .text { - align-items: center; - justify-content: center; - margin-left: 12px; - font-size: 20px; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: color; -} -.item.__no-margin { - margin-top: 0; -} diff --git a/results/view.uxml b/results/view.uxml deleted file mode 100644 index cd8dc41..0000000 --- a/results/view.uxml +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/style.css b/style.css deleted file mode 100644 index 7349b7e..0000000 --- a/style.css +++ /dev/null @@ -1,208 +0,0 @@ -* { - box-sizing: border-box; - margin: 0; -} - -body { - margin: 0; - padding: 0; - position: relative; - height: 100vh; - width: 100vw; - overflow: hidden; -} - -.phone-container { - position: absolute; - bottom: -300px; - right: 5%; - width: 490px; - height: 998px; - background-color: black; - border-top-left-radius: 64px; - border-top-right-radius: 64px; -} - -.border-bottom { - border-style: solid; - border-bottom-color: #f2f2f7; - border-bottom-width: 2px; - border-top-width: 0px; - border-left-width: 0px; - border-right-width: 0px; - padding-bottom: 12px; -} - -.content-container { - background-color: #f2f2f7; - width: 450px; - max-height: 878px; - margin-left: 20px; - margin-top: 20px; - border-top-left-radius: 40px; - border-top-right-radius: 40px; - padding: 24px; - padding-top: 120px; - height: 100%; -} - -.h1 { - font-size: 38px; - font-weight: bold; - margin-bottom: 12px; -} - -.h2 { - font-size: 28px; - font-weight: 300; -} - -.isle { - background-color: #ffffff; - border-top-right-radius: 12px; - border-top-left-radius: 12px; - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; - padding: 12px; -} - -.row { - display: flex; - flex-direction: row; -} - -.column { - display: flex; - flex-direction: column; -} - -.round { - width: 64px; - height: 64px; - border-top-right-radius: 50%; - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; - border-bottom-right-radius: 50%; - background-color: black; -} - -.mini-container { - width: 14px; -} - -.round-mini { - width: 24px; - height: 24px; - border-top-right-radius: 50%; - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; - border-bottom-right-radius: 50%; - margin-left: -42%; - background-color: black; - border-width: 1px; - border-bottom-color: #fff; - border-top-color: #fff; - border-left-color: #fff; - border-right-color: #fff; - border-style: solid; -} - -.__no-margin { - margin-left: 0; -} - -.content-container .sub-menu { - margin-top: 12px; -} - -.column.center-horizontal { - justify-content: center; -} - -.row.center-horizontal { - align-items: center; -} - -.padding-12 { - padding: 12px; -} - -.profile-main { - height: 64px; -} - -.friends { - padding: 12px; - height: 24px; - display: flex; - align-items: center; -} - -.friends-img { - margin-left: 5px; -} - -.options { - margin-top: 32px; -} - -.item { - margin-top: 12px; -} - -.item:hover .text { - color: #ffa500; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: color; -} - -.item:hover .icon { - border-color: #ffa500; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: border-color; -} - -.item .icon { - width: 32px; - height: 32px; - background-color: #ffa500; - border-top-right-radius: 8px; - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - border-width: 2px; - border-color: #fff; - border-style: solid; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: border-color; -} - -.icon.__green { - background-color: #34c759; -} - -.icon.__blue { - background-color: #007aff; -} - -.icon.__gray { - background-color: #8e8e93; -} - -.item .text { - display: flex; - align-items: center; - justify-content: center; - margin-left: 12px; - font-size: 20px; - transition-duration: .1s; - transition-timing-function: ease; - transition-property: color; -} - -.item.__no-margin { - margin-top: 0; -} \ No newline at end of file