GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 13:21:41 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

viewport

Browse Source
This commit is contained in:
Kyle
2018-11-15 20:18:46 -08:00
parent f5095be2a4
commit 6f22f088f2
2 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
data/scripts/main.js
View File

@@ -6,15 +6,15 @@
//============================================// //============================================//
//The following bits of code are run immediatly to initialize the program while allowing the variables to remain global. //The following bits of code are run immediatly to initialize the program while allowing the variables to remain global.
//Setup viewport! //Setup viewport!
var minimumWidth = 800 // var minimumWidth = 800
var viewport = document.createElement("meta") // var viewport = document.createElement("meta")
viewport.setAttribute("name", "viewport") // viewport.setAttribute("name", "viewport")
if (screen.width < minimumWidth) { // if (screen.width < minimumWidth) {
viewport.setAttribute("content", "width=" + minimumWidth) // viewport.setAttribute("content", "width=" + minimumWidth)
} else { // } else {
viewport.setAttribute("content", "width=device-width", "initial-scale=1") // viewport.setAttribute("content", "width=device-width", "initial-scale=1")
} // }
document.head.appendChild(viewport) // document.head.appendChild(viewport)
//Define initial variables //Define initial variables
var borderPath var borderPath
var secondColor var secondColor

19
index.html
View File

@@ -13,7 +13,17 @@
<meta name="msapplication-TileColor" content="#00a300"> <meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-config" content="browserconfig.xml"> <meta name="msapplication-config" content="browserconfig.xml">
<meta name="theme-color" content="#64ca2f"> <meta name="theme-color" content="#64ca2f">
<!-- Other things -->
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta id="pageViewport" name="viewport" content="width=device-width, initial-scale=1">
<script>
window.onload = function() {
if (screen.width < 800) {
var myViewPort = document.getElementById("pageViewport");
myViewPort.setAttribute("content", "user-scalable=no,width=800");
}
}
</script>
</head> </head>
<body> <body>
<div class="grid mainGrid"> <div class="grid mainGrid">
@@ -398,8 +408,9 @@
* { * {
font-family: belerenb; font-family: belerenb;
font-size: 6vw; font-size: 6vw;
/*font-size: 24px;*/
user-select: none; user-select: none;
color: #dddddd; color: #ddd;
} }
html { html {
/*background: linear-gradient(#252522, #101010) no-repeat center center fixed;*/ /*background: linear-gradient(#252522, #101010) no-repeat center center fixed;*/
@@ -500,7 +511,7 @@ html {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
background: var(--color-d); background: var(--color-e);
cursor: pointer; cursor: pointer;
} }
.checkbox input:checked ~ label:after { .checkbox input:checked ~ label:after {
@@ -510,8 +521,8 @@ html {
content: "X"; content: "X";
position: absolute; position: absolute;
display: none; display: none;
left: 0.2em; left: 0.18em;
top: -0.05em; top: -0.075em;
} }
.checkbox input { .checkbox input {
opacity: 0; opacity: 0;