css and basic html setup

master
thatcosmonaut 2019-09-24 17:42:35 -07:00
parent ea01c2838f
commit 4a06cbcc2c
3 changed files with 26 additions and 2 deletions

View File

@ -1,5 +1,10 @@
export class Page { export class Page {
public Load() { public Load() {
// do load here const thing = document.getElementById('thing') as HTMLElement;
thing.innerHTML = '<p>mememememe</p>';
thing.onclick = (e) => {
thing.innerHTML = '<p>blahblahblah</p>';
};
} }
} }

11
dist/assets/stylesheets/main.css vendored Normal file
View File

@ -0,0 +1,11 @@
.main {
display: block;
width: 50px;
color: blue;
}
.sub {
display: block;
width: 100px;
color: red;
}

10
dist/index.html vendored
View File

@ -7,6 +7,14 @@
<link rel="stylesheet" href="assets/stylesheets/main.css"> <link rel="stylesheet" href="assets/stylesheets/main.css">
</head> </head>
<body> <body>
<script src="bundle.js"></script> <div class="main">
<p>Hello hello hello hello hello</p>
</div>
<div id="thing" class="sub">
<p>Hi hihihihihihi</p>
</div>
<script src="bundle.js"></script>
</body> </body>
</html> </html>