Adding style

1 week ago · 40995c17d6
parent 36b66ad9d7
commit 40995c17d6
2 changed files with 42 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="BeagleBone Dashboard for sensor cape">
    <title>Sensor Dashboard</title>
    <link rel="stylesheet" href="style.css">
 </head>
 <body>
    <div class="container">
--- a/style.css
+++ b/style.css
@ -0,0 +1,41 @@
 body {
    margin: 10;
    font-family: Arial, sans-serif;
    justify-content: center;
    align-items: center;  
    background-color: #efeff8;
    color:#121;
    display: flex;
    height: 400px;
 }
 .container {
    background: white;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 10px 10px 8px rgba(0,0,0, 0.1);
    text-align: center;
    width: 90%;
    max-width: 400px;
 }
 h1 {
    font-size: 22pt;
    margin-bottom: 5px;
 }
 button {
    margin-top: 5px;
    font-size: 14pt;
    padding: 8px 16px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
 }
 button:hover {
    background: #b0bba3;
  }