Djongo docs responsive design

Author: christofer holm

docs/404.html

@@ -54,10 +54,10 @@
 
   <base href="/">
 <style>html{scroll-behavior:smooth}.page-title{margin:3em auto 1.5em;text-align:center}
-</style><link rel="stylesheet" href="styles-TPMX36DN.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-TPMX36DN.css"></noscript><style ng-app-id="ng">.close[_ngcontent-ng-c3552946287]{height:0;transition:height 2s}.mast[_ngcontent-ng-c3552946287]{position:sticky;top:0;padding:.5em 0;z-index:1;background:#fff;border-bottom:1px solid #f2f3f3}.mast[_ngcontent-ng-c3552946287] > div[_ngcontent-ng-c3552946287]{margin:0 auto;max-width:1280px;display:flex;flex-direction:row;justify-content:space-between}.mast[_ngcontent-ng-c3552946287]   a[_ngcontent-ng-c3552946287]{display:block;color:#6f777d;text-decoration:none}.mast[_ngcontent-ng-c3552946287]   .mast-logo[_ngcontent-ng-c3552946287]{display:flex}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   ul[_ngcontent-ng-c3552946287]{display:flex;align-items:center}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   ul.media-small[_ngcontent-ng-c3552946287]{flex-direction:column}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   a[_ngcontent-ng-c3552946287]{margin:0 .75rem}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   .nav-link[_ngcontent-ng-c3552946287]{position:relative}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   .nav-link[_ngcontent-ng-c3552946287]:hover:after{width:100%}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   .nav-link[_ngcontent-ng-c3552946287]:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:4px;background-color:#6f777d;transition:width .2s ease-in-out}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   .nav-btn[_ngcontent-ng-c3552946287]{padding:.5em 1em;font-size:.75em;font-weight:700;text-align:center;border-width:0;border-radius:4px;color:#fff}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   .btn-red[_ngcontent-ng-c3552946287]{background-color:#ee5f5b}.mast[_ngcontent-ng-c3552946287]   .mast-nav[_ngcontent-ng-c3552946287]   .btn-red[_ngcontent-ng-c3552946287]:hover{background-color:#b2231f}</style></head>
+</style><link rel="stylesheet" href="styles-TPMX36DN.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-TPMX36DN.css"></noscript><style ng-app-id="ng">.cookie-notice[_ngcontent-ng-c1286693610]{height:0}.open[_ngcontent-ng-c1286693610]{height:auto}.close[_ngcontent-ng-c1286693610]{height:0;transition:height .3s ease-out}.mast[_ngcontent-ng-c1286693610]{position:sticky;top:0;padding:.5em 0;z-index:1;background:#fff;border-bottom:1px solid #f2f3f3}@media (max-width: 1280px){.mast[_ngcontent-ng-c1286693610]{padding:.5em 1em}}.mast[_ngcontent-ng-c1286693610] > div[_ngcontent-ng-c1286693610]{margin:0 auto;max-width:1280px;display:flex;flex-direction:row;justify-content:space-between}.mast[_ngcontent-ng-c1286693610]   a[_ngcontent-ng-c1286693610]{display:block;color:#6f777d;text-decoration:none}.mast[_ngcontent-ng-c1286693610]   .mast-logo[_ngcontent-ng-c1286693610]{display:flex;gap:.7rem;align-items:center}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   ul[_ngcontent-ng-c1286693610]{display:flex;align-items:center;gap:1.3rem}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   ul.media-small[_ngcontent-ng-c1286693610]{padding-top:1rem;padding-bottom:1rem;flex-direction:column;align-items:start;gap:.3rem}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   .nav-link[_ngcontent-ng-c1286693610]{position:relative}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   .nav-link[_ngcontent-ng-c1286693610]:hover:after{width:100%}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   .nav-link[_ngcontent-ng-c1286693610]:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:0;height:4px;background-color:#6f777d;transition:width .2s ease-in-out}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   .nav-btn[_ngcontent-ng-c1286693610]{padding:.5em 1em;font-size:.75em;font-weight:700;text-align:center;border-width:0;border-radius:4px;color:#fff}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   .btn-red[_ngcontent-ng-c1286693610]{background-color:#ee5f5b}.mast[_ngcontent-ng-c1286693610]   .mast-nav[_ngcontent-ng-c1286693610]   .btn-red[_ngcontent-ng-c1286693610]:hover{background-color:#b2231f}.burger[_ngcontent-ng-c1286693610]{display:flex;flex-direction:column;gap:4px}.burger[_ngcontent-ng-c1286693610] > div[_ngcontent-ng-c1286693610]{height:4px;width:1.5rem;background-color:#6f777d;border-radius:4px}.burger[_ngcontent-ng-c1286693610]:hover{cursor:pointer}</style><style ng-app-id="ng">.media-small[_ngcontent-ng-c40719357]{position:fixed;top:3rem;left:0;padding:0 1rem;background:#fff;height:100vh;border-right:1px solid #f2f3f3}.cross[_ngcontent-ng-c40719357]{margin:.5rem 0;aspect-ratio:1;width:1.2rem}.cross[_ngcontent-ng-c40719357]:hover{cursor:pointer}.cross[_ngcontent-ng-c40719357] > div[_ngcontent-ng-c40719357]{background:#000;height:1px;width:1.2rem}.cross[_ngcontent-ng-c40719357] > div[_ngcontent-ng-c40719357]:nth-child(1){transform:translateY(.6rem) rotate(-45deg)}.cross[_ngcontent-ng-c40719357] > div[_ngcontent-ng-c40719357]:nth-child(2){transform:translateY(calc(.6rem - 1px)) rotate(45deg)}.open[_ngcontent-ng-c40719357]{transition:transform .4s ease-in;transform:translate(0)}.close[_ngcontent-ng-c40719357]{transform:translate(-100%);padding:0;overflow:hidden;transition:transform .3s ease-out}</style></head>
 <body><!--nghm--><script type="text/javascript" id="ng-event-dispatch-contract">(()=>{function p(t,n,r,o,e,i,f,m){return{eventType:t,event:n,targetElement:r,eic:o,timeStamp:e,eia:i,eirp:f,eiack:m}}function u(t){let n=[],r=e=>{n.push(e)};return{c:t,q:n,et:[],etc:[],d:r,h:e=>{r(p(e.type,e,e.target,t,Date.now()))}}}function s(t,n,r){for(let o=0;o<n.length;o++){let e=n[o];(r?t.etc:t.et).push(e),t.c.addEventListener(e,t.h,r)}}function c(t,n,r,o,e=window){let i=u(t);e._ejsas||(e._ejsas={}),e._ejsas[n]=i,s(i,r),s(i,o,!0)}window.__jsaction_bootstrap=c;})();
 </script><script>window.__jsaction_bootstrap(document.body,"ng",["click"],[]);</script>
-<app-root ng-version="19.2.0" ngh="2" ng-server-context="ssg"><router-outlet></router-outlet><app-create-access ngh="1"><app-body _nghost-ng-c3552946287 ngh="0"><div _ngcontent-ng-c3552946287 class="layout--splash"><div _ngcontent-ng-c3552946287 class="mast"><div _ngcontent-ng-c3552946287><div _ngcontent-ng-c3552946287 class="mast-logo"><a _ngcontent-ng-c3552946287 href="/" class="site-logo"><img _ngcontent-ng-c3552946287 src="/assets/images/djongo-symbol-small.png" alt="Djongo"></a></div><div _ngcontent-ng-c3552946287 class="mast-nav"><nav _ngcontent-ng-c3552946287><ul _ngcontent-ng-c3552946287><li _ngcontent-ng-c3552946287><a _ngcontent-ng-c3552946287 class="btn-red nav-btn" href="/djongocs/login" jsaction="click:;">Login</a></li><li _ngcontent-ng-c3552946287><a _ngcontent-ng-c3552946287 class="btn--primary nav-btn" href="/djongocs/contact-us" jsaction="click:;">Contact Us</a></li><li _ngcontent-ng-c3552946287><a _ngcontent-ng-c3552946287 class="nav-link" href="/app-development" jsaction="click:;">Services</a></li><li _ngcontent-ng-c3552946287><a _ngcontent-ng-c3552946287 class="nav-link" href="/products" jsaction="click:;">Products</a></li><li _ngcontent-ng-c3552946287><a _ngcontent-ng-c3552946287 class="nav-link" href="/docs/get-started" jsaction="click:;">Docs</a></li><!----></ul></nav></div></div></div><div _ngcontent-ng-c3552946287 class="initial-content"><div id="main" role="main"><div class="splash page__content"><h1 class="page-title">DjongoCS Instance</h1><img src="/assets/images/spinner.svg" alt="Page is busy" style="margin: 0 auto; display: block;"><!----><!----><!----></div></div></div><div _ngcontent-ng-c3552946287 id="footer" class="page__footer"><footer _ngcontent-ng-c3552946287><aside _ngcontent-ng-c3552946287 class="l-fixed-notice cookie-notice"><p _ngcontent-ng-c3552946287>We use cookies to enhance user experience. You consent to their usage by browsing this site. <button _ngcontent-ng-c3552946287 id="cookie-accept" class="btn btn--success" jsaction="click:;">Accept</button></p></aside><div _ngcontent-ng-c3552946287 class="page__footer-copyright">© 2025 Doableware AB.</div></footer></div></div></app-body></app-create-access><!----></app-root>
+<app-root ng-version="19.2.0" ngh="3" ng-server-context="ssg"><router-outlet></router-outlet><app-create-access ngh="2"><app-body _nghost-ng-c1286693610 ngh="1"><div _ngcontent-ng-c1286693610 class="layout--splash"><div _ngcontent-ng-c1286693610 class="mast"><div _ngcontent-ng-c1286693610><div _ngcontent-ng-c1286693610 class="mast-logo"><a _ngcontent-ng-c1286693610 href="/" class="site-logo"><img _ngcontent-ng-c1286693610 src="/assets/images/djongo-symbol-small.png" alt="Djongo"></a><!----></div><div _ngcontent-ng-c1286693610 class="mast-nav"><app-nav _ngcontent-ng-c1286693610 _nghost-ng-c40719357 ngh="0"><!----><!----><!----></app-nav></div></div></div><div _ngcontent-ng-c1286693610 class="initial-content"><div id="main" role="main"><div class="splash page__content"><h1 class="page-title">DjongoCS Instance</h1><img src="/assets/images/spinner.svg" alt="Page is busy" style="margin: 0 auto; display: block;"><!----><!----><!----></div></div></div><div _ngcontent-ng-c1286693610 id="footer" class="page__footer"><footer _ngcontent-ng-c1286693610><aside _ngcontent-ng-c1286693610 class="l-fixed-notice cookie-notice open"><p _ngcontent-ng-c1286693610>We use cookies to enhance user experience. You consent to their usage by browsing this site. <button _ngcontent-ng-c1286693610 id="cookie-accept" class="btn btn--success" jsaction="click:;">Accept</button></p></aside><div _ngcontent-ng-c1286693610 class="page__footer-copyright">© 2025 Doableware AB.</div></footer></div></div></app-body></app-create-access><!----></app-root>
 <!--<script src="/assets/js/main.min.js"></script>-->
 <script>
   window.ga = function () {
@@ -70,5 +70,5 @@
   ga('send', 'pageview')
 </script>
 <script src="https://www.google-analytics.com/analytics.js" async></script>
-<link rel="modulepreload" href="chunk-27PYSS5C.js"><script src="polyfills-EONH2QZO.js" type="module"></script><script src="main-FKZ2IASU.js" type="module"></script>
-<script id="ng-state" type="application/json">{"__nghData__":[{"t":{"10":"t0"},"c":{"10":[{"i":"t0","r":1,"x":5}]}},{"n":{"1":"0f2nf"},"t":{"5":"t1","6":"t2","7":"t3"},"c":{"5":[{"i":"t1","r":1}],"6":[],"7":[]}},{"c":{"0":[{"i":"c1459359608","r":1}]}}]}</script></body></html>
+<link rel="modulepreload" href="chunk-27PYSS5C.js"><script src="polyfills-EONH2QZO.js" type="module"></script><script src="main-HMLKMTCA.js" type="module"></script>
+<script id="ng-state" type="application/json">{"__nghData__":[{"t":{"0":"t1","2":"t2","3":"t3"},"c":{"0":[],"2":[],"3":[]}},{"t":{"6":"t0"},"c":{"6":[]},"d":[9,10,12]},{"n":{"1":"0f2nf"},"t":{"5":"t4","6":"t5","7":"t6"},"c":{"5":[{"i":"t4","r":1}],"6":[],"7":[]}},{"c":{"0":[{"i":"c1459359608","r":1}]}}]}</script></body></html>