GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -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.
//Setup viewport!
var minimumWidth = 800
var viewport = document.createElement("meta")
viewport.setAttribute("name", "viewport")
if (screen.width < minimumWidth) {
viewport.setAttribute("content", "width=" + minimumWidth)
} else {
viewport.setAttribute("content", "width=device-width", "initial-scale=1")
}
document.head.appendChild(viewport)
// var minimumWidth = 800
// var viewport = document.createElement("meta")
// viewport.setAttribute("name", "viewport")
// if (screen.width < minimumWidth) {
// viewport.setAttribute("content", "width=" + minimumWidth)
// } else {
// viewport.setAttribute("content", "width=device-width", "initial-scale=1")
// }
// document.head.appendChild(viewport)
//Define initial variables
var borderPath
var secondColor

19
index.html
View File

@@ -13,7 +13,17 @@
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-config" content="browserconfig.xml">
<meta name="theme-color" content="#64ca2f">
<!-- Other things -->
<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>
<body>
<div class="grid mainGrid">
@@ -398,8 +408,9 @@
* {
font-family: belerenb;
font-size: 6vw;
/*font-size: 24px;*/
user-select: none;
color: #dddddd;
color: #ddd;
}
html {
/*background: linear-gradient(#252522, #101010) no-repeat center center fixed;*/
@@ -500,7 +511,7 @@ html {
position: absolute;
top: 0px;
left: 0px;
background: var(--color-d);
background: var(--color-e);
cursor: pointer;
}
.checkbox input:checked ~ label:after {
@@ -510,8 +521,8 @@ html {
content: "X";
position: absolute;
display: none;
left: 0.2em;
top: -0.05em;
left: 0.18em;
top: -0.075em;
}
.checkbox input {
opacity: 0;