diff --git a/docs/docs/assets/dijidocs.png b/docs/docs/assets/dijidocs.png new file mode 100644 index 0000000..be8163e Binary files /dev/null and b/docs/docs/assets/dijidocs.png differ diff --git a/docs/docs/assets/favicon.png b/docs/docs/assets/favicon.png new file mode 100644 index 0000000..d9f3666 Binary files /dev/null and b/docs/docs/assets/favicon.png differ diff --git a/docs/docs/assets/ic_fluent_navigation_24_filled.svg b/docs/docs/assets/ic_fluent_navigation_24_filled.svg new file mode 100644 index 0000000..0a17c2d --- /dev/null +++ b/docs/docs/assets/ic_fluent_navigation_24_filled.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/docs/index.html b/docs/docs/index.html new file mode 100644 index 0000000..7c30b9d --- /dev/null +++ b/docs/docs/index.html @@ -0,0 +1,25 @@ + + + + + + +diji - docs + + + + + +
+ + +
+ + + \ No newline at end of file diff --git a/docs/docs/script.js b/docs/docs/script.js new file mode 100644 index 0000000..bf4e8ac --- /dev/null +++ b/docs/docs/script.js @@ -0,0 +1,8 @@ +function openNav() { + document.getElementById("drawer").style.width = "250px"; + } + + /* Set the width of the side navigation to 0 */ + function closeNav() { + document.getElementById("drawer").style.width = "0"; + } \ No newline at end of file diff --git a/docs/docs/style.css b/docs/docs/style.css new file mode 100644 index 0000000..cfad83c --- /dev/null +++ b/docs/docs/style.css @@ -0,0 +1,64 @@ +body { +font-family: sans-serif; +margin: 0; +} .navbar { + position: fixed; + width: 100%; + background-color: black; + box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.473); + display: flex; + align-items: center; + padding: 10px; +} .navicon { + margin-left: 10px; + margin-right: 10px; +} + +.navdrawer { + height: 100%; /* 100% Full-height */ + width: 0; /* 0 width - change this with JavaScript */ + position: fixed; /* Stay in place */ + z-index: 1; /* Stay on top */ + top: 0; /* Stay at the top */ + left: 0; + background-color: #111; /* Black*/ + overflow-x: hidden; /* Disable horizontal scroll */ + padding-top: 60px; /* Place content 60px from the top */ + transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ + } + + /* The navigation menu links */ + .navdrawer a { + padding: 8px 8px 8px 32px; + text-decoration: none; + font-size: 25px; + color: #818181; + display: block; + transition: 0.3s; + } + + /* When you mouse over the navigation links, change their color */ + .navdrawer a:hover { + color: #f1f1f1; + } + + /* Position and style the close button (top right corner) */ + .navdrawer .closebtn { + position: absolute; + top: 0; + right: 25px; + font-size: 36px; + margin-left: 50px; + } + + /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ + #main { + transition: margin-left .5s; + padding: 20px; + } + + /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ + @media screen and (max-height: 450px) { + .navdrawer {padding-top: 15px;} + .navdrawer a {font-size: 18px;} + } \ No newline at end of file