2023-05-10 16:28:32 -05:00
<!doctype html>
< html lang = "en" >
2023-05-08 11:02:13 -05:00
< head >
2023-05-10 16:28:32 -05:00
<!-- Required meta tags -->
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2023-05-08 11:02:13 -05:00
2023-05-10 16:28:32 -05:00
<!-- Bootstrap CSS -->
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin = "anonymous" >
2023-05-08 11:02:13 -05:00
2023-05-10 16:28:32 -05:00
< title > Hello, world!< / title >
2023-05-08 11:02:13 -05:00
< / head >
2023-05-10 16:28:32 -05:00
< body class = "justify-content-center" >
< header class = "masthead d-flex align-items-center" >
< div class = "container px-4 px-lg-5 text-center" >
< img src = "logo.png" style = "width:500px;" >
< h2 class = "mb-5" > An open-source Arduino-compatible 3DOF Human Interface Device (HID). In other words a joystick that's capable of moving in all 3 Dimensions.< / h2 >
< a class = "btn btn-primary btn-lg" href = "getting_started/Quick%20Start.html" > 📄 Documentation< / a >
< a class = "btn btn-success btn-lg" href = "#about" > 🌐 Join the community< / a >
2023-04-29 04:24:18 -05:00
< / div >
2023-05-10 16:28:32 -05:00
< / header >
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
< script src = "https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity = "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin = "anonymous" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity = "sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin = "anonymous" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity = "sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin = "anonymous" > < / script >
< style >
body,
html {
width: 100%;
height: 100%;
}
.masthead {
min-height: 30rem;
position: relative;
display: table;
width: 100%;
height: inherit;
padding-top: 8rem;
padding-bottom: 8rem;
background: bllue;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.btn{
margin:5px;
}
.mb-5{
margin-top: 20px;
}
< / style >
< / body >
2023-04-29 04:24:18 -05:00
< / html >
