diff --git a/Introduction/exampleApplications.html b/Introduction/exampleApplications.html index fda877d6..51b953cf 100644 --- a/Introduction/exampleApplications.html +++ b/Introduction/exampleApplications.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -196,7 +225,7 @@

Remote Mointoring Check-In System
Version v1.0.0
-Last updated 2023-11-29 01:27:33 UTC +Last updated 2023-12-05 01:35:24 UTC
diff --git a/Introduction/supportedHardware.html b/Introduction/supportedHardware.html index e06f38fa..3466a773 100644 --- a/Introduction/supportedHardware.html +++ b/Introduction/supportedHardware.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -221,7 +250,7 @@

Currently Supported Hardware

diff --git a/adding_creating_App.html b/adding_creating_App.html index d951998a..aef6513f 100644 --- a/adding_creating_App.html +++ b/adding_creating_App.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -193,7 +222,7 @@

Adding to/Creating an Application

Version v1.0.0
-Last updated 2023-11-29 01:27:33 UTC +Last updated 2023-12-05 01:35:24 UTC
diff --git a/components.html b/components.html index 76bb06a1..7923ce51 100644 --- a/components.html +++ b/components.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -189,7 +218,7 @@

Components

diff --git a/components/commun_WithHardware.html b/components/commun_WithHardware.html index 04cab716..819631b9 100644 --- a/components/commun_WithHardware.html +++ b/components/commun_WithHardware.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -191,7 +220,7 @@

Communicating with a Hardware diff --git a/components/commun_WithHardware/digitalInput.html b/components/commun_WithHardware/digitalInput.html index cf03f98c..4899037b 100644 --- a/components/commun_WithHardware/digitalInput.html +++ b/components/commun_WithHardware/digitalInput.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -237,7 +266,7 @@

Digital Input

diff --git a/components/commun_WithHardware/digitalOutput.html b/components/commun_WithHardware/digitalOutput.html index ebd26af9..34dc3bc5 100644 --- a/components/commun_WithHardware/digitalOutput.html +++ b/components/commun_WithHardware/digitalOutput.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -237,7 +266,7 @@

Digital Output

diff --git a/components/commun_WithHardware/i2c.html b/components/commun_WithHardware/i2c.html index 5fe2895b..76044281 100644 --- a/components/commun_WithHardware/i2c.html +++ b/components/commun_WithHardware/i2c.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -211,7 +240,7 @@

I2C

diff --git a/components/commun_WithHardware/multipinConfig.html b/components/commun_WithHardware/multipinConfig.html index 51fe6f5e..56807c20 100644 --- a/components/commun_WithHardware/multipinConfig.html +++ b/components/commun_WithHardware/multipinConfig.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -262,7 +291,7 @@

Multipin Configurations

diff --git a/components/commun_WithHardware/pwm.html b/components/commun_WithHardware/pwm.html index 52a633d6..008c28dd 100644 --- a/components/commun_WithHardware/pwm.html +++ b/components/commun_WithHardware/pwm.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -237,7 +266,7 @@

PWM

diff --git a/components/commun_WithHardware/spi.html b/components/commun_WithHardware/spi.html index 6fddafe3..3b6d9c53 100644 --- a/components/commun_WithHardware/spi.html +++ b/components/commun_WithHardware/spi.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -214,7 +243,7 @@

SPI

diff --git a/components/inputComponents.html b/components/inputComponents.html index 0dd498dc..35715ebc 100644 --- a/components/inputComponents.html +++ b/components/inputComponents.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -187,7 +216,7 @@

Input Components

diff --git a/components/inputComponents/photosensor.html b/components/inputComponents/photosensor.html index 5d6299f3..a5ff8d95 100644 --- a/components/inputComponents/photosensor.html +++ b/components/inputComponents/photosensor.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -190,7 +219,7 @@

Photosensor

diff --git a/components/inputComponents/pushButton.html b/components/inputComponents/pushButton.html index 1f395752..dada98eb 100644 --- a/components/inputComponents/pushButton.html +++ b/components/inputComponents/pushButton.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -325,7 +354,7 @@
This co diff --git a/components/inputComponents/rfidScanner.html b/components/inputComponents/rfidScanner.html index 6e464bc5..1cd18c71 100644 --- a/components/inputComponents/rfidScanner.html +++ b/components/inputComponents/rfidScanner.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -326,7 +355,7 @@
This diff --git a/components/inputComponents/rotaryEncoder.html b/components/inputComponents/rotaryEncoder.html index 917f14be..b137156a 100644 --- a/components/inputComponents/rotaryEncoder.html +++ b/components/inputComponents/rotaryEncoder.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -355,7 +384,7 @@
This controller sets up tw diff --git a/components/inputComponents/slideSwitch.html b/components/inputComponents/slideSwitch.html index f94867cf..48f0a3f2 100644 --- a/components/inputComponents/slideSwitch.html +++ b/components/inputComponents/slideSwitch.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -325,7 +354,7 @@
This controller sets up two diff --git a/components/outputComponents.html b/components/outputComponents.html index ad7a78cf..98af0a73 100644 --- a/components/outputComponents.html +++ b/components/outputComponents.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -187,7 +216,7 @@

Output Components

diff --git a/components/outputComponents/lcd1602.html b/components/outputComponents/lcd1602.html index 0e703e69..e86bcf13 100644 --- a/components/outputComponents/lcd1602.html +++ b/components/outputComponents/lcd1602.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -395,7 +424,7 @@
An Example Controller
diff --git a/components/outputComponents/led.html b/components/outputComponents/led.html index 873c1bc7..53fc7c54 100644 --- a/components/outputComponents/led.html +++ b/components/outputComponents/led.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -324,7 +353,7 @@
An Example Controller
diff --git a/components/outputComponents/rgbLed.html b/components/outputComponents/rgbLed.html index ba0a7517..85239621 100644 --- a/components/outputComponents/rgbLed.html +++ b/components/outputComponents/rgbLed.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -369,7 +398,7 @@
An Example Controller
diff --git a/contribute/contributingToLibrary.html b/contribute/contributingToLibrary.html index a22560b1..471b16e9 100644 --- a/contribute/contributingToLibrary.html +++ b/contribute/contributingToLibrary.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -374,7 +403,7 @@

Contribute to the Pi4Micronaut diff --git a/contribute/newComponent.html b/contribute/newComponent.html index d3a66c9e..ab11bccf 100644 --- a/contribute/newComponent.html +++ b/contribute/newComponent.html @@ -13,6 +13,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -32,30 +43,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -83,16 +105,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -112,11 +141,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -279,7 +308,7 @@

How to Create a New Component

diff --git a/img/Pi4Micronaut-RM.png b/img/Pi4Micronaut-RM.png new file mode 100644 index 00000000..fde9c9a5 Binary files /dev/null and b/img/Pi4Micronaut-RM.png differ diff --git a/index.html b/index.html index ea51860b..41e823a2 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,17 @@ padding: 0; margin: 0; overflow-y: hidden; + overflow-x: hidden; +} + +/*Needed to ensure that [.text-right] in the .adoc files align to the right. Otherwise they align +to the left of the doc.*/ +.text-right{ + text-align: right; +} + +.text-right:hover{ + text-decoration: underline; } .anchor{ @@ -33,30 +44,41 @@ } #header { - background-color: #000; + background-color: black; + background-image: url('img/Pi4Micronaut-RM.png'); + background-size: contain; + background-position: left; + background-repeat: no-repeat; grid-area: nav; position: fixed; width: 100%; vertical-align: center; - max-height: 6%; + max-height:100px; height: 100%; display: inline-block; z-index: 10; + margin-bottom: 0; +} + +#header a{ + color:white; + margin-right: 20px; } #toc { + margin-top: 13px; padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; float: left; - max-height: 90%; + max-height: 89.5%; height: 100%; overflow-y: auto; position: fixed; box-sizing: border-box; background-color: gainsboro; - max-width: 15%; + max-width: 15.5%; width: 100%; } @@ -84,16 +106,23 @@ } h1 { + text-indent: -9999px; font-size: 2em; - background-color: black; + background-color: transparent; padding: .6em; margin: 0; width: 100%; color: white; - height: 100%; + height: 50%; vertical-align: center; } +h2 { + margin-top: 2px; + margin-bottom: 2px; +} + + /*.toc2{*/ /* float: left;*/ /*}*/ @@ -113,11 +142,11 @@ z-index: 1; max-height: 80%; height: 100%; - margin-left: 15%; + margin-left: 15.5%; margin-right: 0; - margin-bottom: 10%; - margin-top: 5%; - padding-bottom: 50px; + margin-bottom: 1%; + margin-top: 8%; + padding-bottom: 100px; } .hljs{ @@ -2388,7 +2417,7 @@
Version v1.0.0
-Last updated 2023-11-29 01:27:33 UTC +Last updated 2023-12-05 01:35:24 UTC