bla
This commit is contained in:
parent
b0eccf0d78
commit
dbd32194a1
9 changed files with 1554 additions and 53 deletions
BIN
mapbuilder/favicon.ico
Normal file
BIN
mapbuilder/favicon.ico
Normal file
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
|
@ -1,12 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Planetwars Mapbuilder</title>
|
||||
<link rel="stylesheet" type="text/css" href="./static/res/style.css">
|
||||
<script src="./index.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>HALLO GUYS</h1>
|
||||
</body>
|
||||
</html>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="mySidepanel" class="sidepanel">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="toggleNav()">×</a>
|
||||
<a href="#">About</a>
|
||||
<a href="#">Services</a>
|
||||
<a href="#">Clients</a>
|
||||
<a href="#">Contact</a>
|
||||
</div>
|
||||
|
||||
<button class="openbtn" onclick="toggleNav()">☰</button>
|
||||
<h2>Collapsed Sidepanel</h2>
|
||||
<p>Content...</p>
|
||||
</body>
|
||||
|
||||
|
||||
<script>
|
||||
var nav_open = false;
|
||||
/* Set the width of the sidebar to 250px (show it) */
|
||||
function toggleNav() {
|
||||
if (nav_open) {
|
||||
document.getElementById("mySidepanel").style.width = "0";
|
||||
} else {
|
||||
document.getElementById("mySidepanel").style.width = "250px";
|
||||
}
|
||||
nav_open = !nav_open;
|
||||
}
|
||||
</script>
|
||||
<script src="dist/bundle.js"></script>
|
||||
|
||||
</html>
|
1399
mapbuilder/package-lock.json
generated
1399
mapbuilder/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
@ -7,7 +7,7 @@
|
|||
"scripts": {
|
||||
"develop": "webpack --mode development --watch",
|
||||
"build": "webpack --config webpack.config.js",
|
||||
"start": "webpack-dev-server --content-base dist/"
|
||||
"start": "webpack-dev-server"
|
||||
},
|
||||
"keywords": [
|
||||
"planetwars",
|
||||
|
@ -21,12 +21,16 @@
|
|||
},
|
||||
"homepage": "https://github.com/ajuvercr/Planetwars#Readme",
|
||||
"devDependencies": {
|
||||
"webpack": "^4.29.3",
|
||||
"ts-loader": "^6.0.2",
|
||||
"copy-webpack-plugin": "^5.0.0",
|
||||
"css-loader": "^3.2.0",
|
||||
"node-sass": "^4.12.0",
|
||||
"sass-loader": "^8.0.0",
|
||||
"static-eval": ">=2.0.0",
|
||||
"style-loader": "^1.0.0",
|
||||
"ts-loader": "^6.0.2",
|
||||
"typescript": "^3.5.2",
|
||||
"webpack": "^4.29.3",
|
||||
"webpack-cli": "^3.1.0",
|
||||
"webpack-dev-server": "^3.1.5",
|
||||
"copy-webpack-plugin": "^5.0.0"
|
||||
"webpack-dev-server": "^3.1.5"
|
||||
}
|
||||
}
|
||||
|
|
71
mapbuilder/src/style/style.scss
Normal file
71
mapbuilder/src/style/style.scss
Normal file
|
@ -0,0 +1,71 @@
|
|||
/* The sidepanel menu */
|
||||
|
||||
.sidepanel {
|
||||
height: 100vh;
|
||||
/* Specify a height */
|
||||
width: 0;
|
||||
/* 0 width - change this with JavaScript */
|
||||
position: fixed;
|
||||
/* Stay in place */
|
||||
z-index: 1;
|
||||
/* Stay on top */
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: #111;
|
||||
/* Black*/
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
/* Disable horizontal scroll */
|
||||
padding-top: 60px;
|
||||
/* Place content 60px from the top */
|
||||
transition: 0.5s;
|
||||
/* 0.5 second transition effect to slide in the sidepanel */
|
||||
}
|
||||
|
||||
|
||||
/* The sidepanel links */
|
||||
|
||||
.sidepanel a {
|
||||
padding: 8px 8px 8px 32px;
|
||||
text-decoration: none;
|
||||
font-size: 25px;
|
||||
color: #818181;
|
||||
display: block;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
|
||||
/* When you mouse over the navigation links, change their color */
|
||||
|
||||
.sidepanel a:hover {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
|
||||
/* Position and style the close button (top right corner) */
|
||||
|
||||
.sidepanel .closebtn {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
|
||||
/* Style the button that is used to open the sidepanel */
|
||||
|
||||
.openbtn {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
background-color: #111;
|
||||
color: white;
|
||||
padding: 10px 15px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.openbtn:hover {
|
||||
background-color: #444;
|
||||
}
|
|
@ -1,4 +0,0 @@
|
|||
|
||||
h1 {
|
||||
color: blue;
|
||||
}
|
|
@ -1,14 +1,22 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"lib": ["es2017", "es7", "es6", "dom"],
|
||||
"outDir": "./dist/",
|
||||
"noImplicitAny": false,
|
||||
"module": "commonjs",
|
||||
"target": "es6",
|
||||
"jsx": "react"
|
||||
},
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"dist"
|
||||
]
|
||||
}
|
||||
"compilerOptions": {
|
||||
"lib": [
|
||||
"es2017",
|
||||
"es7",
|
||||
"es6",
|
||||
"dom"
|
||||
],
|
||||
"outDir": "dist/",
|
||||
"noImplicitAny": true,
|
||||
"module": "commonjs",
|
||||
"target": "es6",
|
||||
"jsx": "react"
|
||||
},
|
||||
"include": [
|
||||
"./src/**/*"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"dist"
|
||||
]
|
||||
}
|
||||
|
|
|
@ -1,25 +1,19 @@
|
|||
const CopyWebpackPlugin = require("copy-webpack-plugin");
|
||||
const path = require('path');
|
||||
|
||||
module.exports = {
|
||||
mode: 'development',
|
||||
entry: './index.ts',
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.tsx?$/,
|
||||
use: 'ts-loader',
|
||||
exclude: /node_modules/
|
||||
}
|
||||
]
|
||||
},
|
||||
resolve: {
|
||||
extensions: [ '.tsx', '.ts', '.js', '.wasm' ]
|
||||
},
|
||||
output: {
|
||||
filename: 'index.js'
|
||||
},
|
||||
plugins: [
|
||||
new CopyWebpackPlugin(['index.html'])
|
||||
],
|
||||
};
|
||||
mode: "development",
|
||||
watch: true,
|
||||
entry: "./src/index.ts",
|
||||
output: {
|
||||
filename: "bundle.js",
|
||||
path: __dirname + "/dist"
|
||||
},
|
||||
resolve: {
|
||||
extensions: [".ts", ".tsx", ".js", ".json"]
|
||||
},
|
||||
devtool: "source-map",
|
||||
module: {
|
||||
rules: [
|
||||
{ test: /\.scss$/, use: ["style-loader", "css-loader", "sass-loader"] },
|
||||
{ test: /\.ts?$/, loader: "ts-loader" }
|
||||
]
|
||||
}
|
||||
};
|
Loading…
Reference in a new issue