From 35f0570e6526910389d3b45c70a1c65813a37377 Mon Sep 17 00:00:00 2001
From: Martin Boudreau <32491185+bobanum@users.noreply.github.com>
Date: Sat, 15 Aug 2020 12:39:19 -0400
Subject: [PATCH] Init

---
 .gitignore     |  14 ++++++++++++++
 README.md      |  13 +++++++++++++
 favicon.ico    | Bin 0 -> 16958 bytes
 index.html     |  18 +++++++++++++++++
 src/App.js     |  23 ++++++++++++++++++++++
 src/style.css  |  51 +++++++++++++++++++++++++++++++++++++++++++++++++
 src/style.scss |  34 +++++++++++++++++++++++++++++++++
 7 files changed, 153 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 README.md
 create mode 100644 favicon.ico
 create mode 100644 index.html
 create mode 100644 src/App.js
 create mode 100644 src/style.css
 create mode 100644 src/style.scss

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1ce7ce0
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,14 @@
+# https://git-scm.com/docs/gitignore
+# https://help.github.com/articles/ignoring-files
+# Example .gitignore files: https://github.com/github/gitignore
+/bower_components/
+/node_modules/
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+*.css.map
+/.vscode/
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..46730b7
--- /dev/null
+++ b/README.md
@@ -0,0 +1,13 @@
+# application-base
+Application de base pour débuter un projet
+
+## Description
+Description à venir
+
+## Particularités
+
+- Compléter
+
+## Variantes et ajouts possibles
+
+- Compléter
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..09c3c1286a2f49024024f391cb23d96069b7f382
GIT binary patch
literal 16958
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
Ul;dK@$&Q;HM?0=|ob9;(2eHi|VgLXD

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..03846a4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+	<meta charset="UTF-8"/>
+	<title>Application Javascript</title>
+	<link rel="stylesheet" href="./src/style.css"/>
+	<script type="module">
+		import App from "./src/App.js";
+	</script>
+</head>
+<body>
+	<div id="interface">
+		<header><h1>Application Javascript</h1></header>
+		<footer><span>&copy; 2020</span><strong>Application Javascript</strong></footer>
+		<div class="body" id="app">Le HTML créé par programmation devrait apparaître ici.</div>
+	</div>
+</body>
+</html>
diff --git a/src/App.js b/src/App.js
new file mode 100644
index 0000000..f286407
--- /dev/null
+++ b/src/App.js
@@ -0,0 +1,23 @@
+/**
+ * @module App
+ */
+export default class App {
+	/**
+	 * Méthode principale. Sera appelée après le chargement de la page.
+	 */
+	static main() {
+		console.log("Je suis prêt");
+		var app = document.getElementById("app");
+		// app.innerHTML = "La page est chargée";
+	}
+	/**
+	 * Méthode qui permet d'attendre le chargement de la page avant d'éxécuter le script principal
+	 * @returns undefined Ne retourne rien
+	 */
+	static init() {
+		window.addEventListener("load", () => {
+			this.main();
+		});
+	}
+}
+App.init();
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..6875098
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,51 @@
+html {
+  height: 100%;
+  font-size: 16px;
+  font-family: arial;
+}
+
+body {
+  height: 100%;
+  margin: 0;
+}
+
+#interface {
+  min-height: 100%;
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-rows: auto 1fr auto;
+      grid-template-rows: auto 1fr auto;
+}
+
+#interface > header, #interface > footer {
+  padding: .5em 1em;
+  background-color: #EEE;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+
+#interface > header {
+  -webkit-box-ordinal-group: -999;
+      -ms-flex-order: -1000;
+          order: -1000;
+}
+
+#interface > header h1 {
+  margin: 0;
+}
+
+#interface > footer {
+  -webkit-box-ordinal-group: 1001;
+      -ms-flex-order: 1000;
+          order: 1000;
+  font-size: smaller;
+}
+
+#app {
+  padding: 1em;
+}
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/src/style.scss b/src/style.scss
new file mode 100644
index 0000000..f4595f5
--- /dev/null
+++ b/src/style.scss
@@ -0,0 +1,34 @@
+html {
+	height: 100%;
+	font-size: 16px;
+	font-family: arial;
+}
+body {
+	height: 100%;
+	margin: 0;
+}
+#interface {
+	min-height: 100%;
+	display: grid;
+	grid-template-rows: auto 1fr auto;
+	& > header, & > footer {
+		padding: .5em 1em;
+		background-color: #EEE;
+		display: flex;
+		justify-content: space-between;
+	}
+	& > header {
+		order: -1000;
+		h1 {
+			margin: 0;
+		}
+	}
+	& > footer {
+		order: 1000;
+		font-size: smaller;
+	}
+}
+
+#app {
+	padding: 1em;
+}