Added descriptive title, visual equalizing

This commit is contained in:
2022-08-23 04:46:49 +02:00
parent 0528b88c29
commit b85bd327b6
3 changed files with 25 additions and 12 deletions

View File

@@ -5,22 +5,14 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="../assets/favicon.png" /> <link rel="icon" type="image/x-icon" href="../assets/favicon.png" />
<style>
* {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
}
body {
margin: 0;
}
</style>
<link rel="stylesheet" href="style.css" />
<title>D3 mit JavaScript</title> <title>D3 mit JavaScript</title>
</head> </head>
<body> <body>
<div> <div>
<div style="text-align: center; height: 24px">JavaScript</div> <h1>Duolingo XP nach Sprache</h1>
<h2>JavaScript</h2>
<div id="js" style="width: 400px; height: 400px; margin: auto"> <div id="js" style="width: 400px; height: 400px; margin: auto">
<div class="loading"></div> <div class="loading"></div>
</div> </div>

View File

@@ -9,11 +9,13 @@
<link rel="stylesheet" href="../assets/pyscript.css" /> <link rel="stylesheet" href="../assets/pyscript.css" />
<script defer src="../assets/pyscript.js"></script> <script defer src="../assets/pyscript.js"></script>
<link rel="stylesheet" href="style.css" />
<title>D3 mit PyScript</title> <title>D3 mit PyScript</title>
</head> </head>
<body> <body>
<div> <div>
<div style="text-align: center">PyScript</div> <h1>Duolingo XP nach Sprache</h1>
<h2>PyScript</h2>
<div id="py" style="width: 400px; height: 400px; margin: auto"> <div id="py" style="width: 400px; height: 400px; margin: auto">
<div class="loading"></div> <div class="loading"></div>
</div> </div>

19
basic-example/style.css Normal file
View File

@@ -0,0 +1,19 @@
* {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
text-align: center;
color: #333;
font-weight: 400;
line-height: 1.5em;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0;
}
h2 {
font-size: 1.5em;
margin: 0;
}