mirror of
https://github.com/dokku/dokku.git
synced 2025-12-16 12:07:45 +01:00
New website ✨
This commit is contained in:
Yasoob Khalid
31
docs/assets/dokku-logo.svg
Normal file
31
docs/assets/dokku-logo.svg
Normal file
@@ -0,0 +1,31 @@
|
||||
<svg width="89" height="62" viewBox="0 0 89 62" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M78.4046 17.1912C84.738 21.1608 86.2188 20.7419 87.6794 19.9955C88.5202 19.5664 88.8496 18.5392 88.4243 17.6985C86.4622 13.818 78.212 0.118992 59.5364 0.118992C43.8588 0.118992 34.4377 13.3435 31.5684 18.0766C31.0067 19.0027 31.4447 20.2158 32.4755 20.5543C34.1357 21.0995 35.9508 21.216 39.8333 18.8625C52.5306 11.8038 78.4046 17.1912 78.4046 17.1912Z" fill="#F15B55"/>
|
||||
<mask id="mask0_55_415" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="31" y="0" width="58" height="21">
|
||||
<path d="M78.4212 17.0723C84.7546 21.0418 86.2354 20.6229 87.696 19.8766C88.5368 19.4474 88.8662 18.4202 88.4409 17.5795C86.4788 13.699 78.2286 3.8147e-06 59.553 3.8147e-06C43.8754 3.8147e-06 34.4543 13.2245 31.585 17.9576C31.0233 18.8837 31.4613 20.0969 32.4921 20.4353C34.1523 20.9805 35.9674 21.097 39.8499 18.7436C52.5472 11.6848 78.4212 17.0723 78.4212 17.0723Z" fill="#F15B55"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_55_415)">
|
||||
<path d="M43.7907 2.62413C49.4945 9.99967 33.5952 13.8544 45.8049 22.3539" stroke="#FF9580" stroke-width="1.5" stroke-miterlimit="10"/>
|
||||
<path d="M56.7977 -1.62458C62.8837 6.0383 46.832 8.92189 53.8305 19.6981" stroke="#FF9580" stroke-width="1.5" stroke-miterlimit="10"/>
|
||||
<path d="M72.3168 -0.867853C76.7291 7.02473 58.5477 8.73199 64.5571 18.3322" stroke="#FF9580" stroke-width="1.5" stroke-miterlimit="10"/>
|
||||
<path d="M84.2603 7.02465C84.2603 15.1449 71.708 10.5128 72.3169 19.6982" stroke="#FF9580" stroke-width="1.5" stroke-miterlimit="10"/>
|
||||
</g>
|
||||
<g opacity="0.399994">
|
||||
<g opacity="0.399994">
|
||||
<path opacity="0.399994" d="M31.3365 18.747C31.2415 19.5146 31.6815 20.2937 32.4751 20.5544C34.1353 21.0993 35.9508 21.2158 39.8333 18.8623C52.5302 11.8039 78.4042 17.1914 78.4042 17.1914C84.7377 21.1606 86.2184 20.7416 87.6795 19.9957C88.3903 19.6328 88.7337 18.8419 88.5657 18.0976C78.1555 10.8635 54.5866 3.8145 31.3365 18.747Z" fill="black"/>
|
||||
</g>
|
||||
</g>
|
||||
<path d="M67.274 14.8087H56.4204C44.6233 14.8087 38.4193 18.2775 33.8378 24.2005L29.4542 29.8671L27.7038 32.1805C26.3653 33.9491 24.2728 34.9885 22.0517 34.9885C18.6867 34.9885 15.8194 32.6685 15.0623 29.48C15.0512 29.433 15.0385 29.359 15.025 29.2679C14.9103 28.4884 15.5203 27.7899 16.3099 27.7899H18.4798C22.2049 27.7899 25.2246 24.7776 25.2246 21.0614V20.5325C25.2246 19.8467 24.667 19.2904 23.979 19.2904H17.6005C15.0492 19.2904 13.2669 20.6106 12.6674 22.0612C12.0676 20.6106 10.2853 19.2904 7.73397 19.2904H1.35542C0.667492 19.2904 0.109863 19.8467 0.109863 20.5325V21.0614C0.109863 24.7776 3.12951 27.7899 6.85471 27.7899H9.05492C9.75186 27.7899 10.3443 28.2988 10.4476 28.9867L10.6905 30.604C13.3361 48.2223 28.5057 61.2576 46.3638 61.2576H47.2697H59.4081C71.7445 61.2576 82.2727 52.3616 84.302 40.2227L85.8397 31.0254C87.259 22.5369 81.2902 14.8087 67.274 14.8087Z" fill="#07CBCF"/>
|
||||
<path d="M81.4705 48.3116C79.3404 48.386 77.5986 49.0698 75.2239 51.4388C72.2001 54.4552 67.1794 57.8702 59.4197 57.8702H45.0417C39.2224 57.8702 35.1162 53.5434 35.1162 53.5434C35.1162 53.5434 31.7479 53.7154 24.4261 49.5603C12.4254 41.9906 11.9501 29.2979 11.7788 27.7043C11.6076 26.1106 10.7517 25.2568 9.04025 25.2568H6.70074C2.34293 25.2568 1.16088 23.1183 0.893741 19.3792C0.434853 19.5628 0.110352 20.0095 0.110352 20.5327V21.0612C0.110352 24.7773 3.13 27.7897 6.85479 27.7897H9.055C9.75235 27.7897 10.3448 28.2986 10.4481 28.9864L10.6906 30.6038C13.3362 48.2221 28.5062 61.2573 46.3643 61.2573H47.2698H59.4086C68.7888 61.2573 77.1226 56.113 81.4705 48.3116Z" fill="#05B7BF"/>
|
||||
<path d="M15.0249 29.2677C14.9102 28.4883 15.5203 27.7898 16.3098 27.7898H18.4797C22.2049 27.7898 25.2246 24.7774 25.2246 21.0617V20.5328C25.2246 20.0092 24.8997 19.5624 24.4404 19.3793V19.3797C24.1728 23.1184 22.9908 25.2569 18.633 25.2569H16.8376C14.4411 25.2569 14.7549 27.9512 15.0249 29.2677Z" fill="#05B7BF"/>
|
||||
<path d="M24.4257 49.5606C27.1262 52.1789 25.7188 53.2412 21.2307 53.2412H14.3327C13.2428 53.2412 12.697 54.5557 13.4677 55.3245L14.322 56.1767C16.9737 58.8224 20.5707 60.3085 24.3213 60.3085H24.9584C32.4133 60.3085 37.929 52.8239 37.929 52.8239L24.4257 49.5606Z" fill="#07CBCF"/>
|
||||
<path d="M35.1162 53.544C32.9984 55.5574 29.4485 58.1536 25.2235 58.1536H24.6339C21.1631 58.1536 17.8345 56.7783 15.3807 54.33L14.59 53.5415C14.497 53.4488 14.4257 53.3474 14.3728 53.2411H14.3327C13.2428 53.2411 12.697 54.5556 13.4677 55.3244L14.322 56.1766C16.9741 58.8223 20.5711 60.3085 24.3213 60.3085H24.9584C29.8025 60.3085 33.8281 57.1482 36.0533 54.9349L36.3528 54.6312L35.1162 53.544Z" fill="#05B7BF"/>
|
||||
<mask id="mask1_55_415" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="15" width="86" height="47">
|
||||
<path d="M67.1641 15.1884H56.3106C44.5134 15.1884 38.3094 18.6572 33.7279 24.5802L29.3443 30.2468L27.594 32.5602C26.2554 34.3288 24.163 35.3682 21.9419 35.3682C18.5768 35.3682 15.7096 33.0482 14.9524 29.8597C14.9413 29.8127 14.9286 29.7387 14.9151 29.6476C14.8004 28.8681 15.4105 28.1696 16.2 28.1696H18.3699C22.0951 28.1696 25.1147 25.1573 25.1147 21.4411V20.9122C25.1147 20.2264 24.5571 19.6701 23.8692 19.6701H17.4906C14.9393 19.6701 13.157 20.9903 12.5576 22.4409C11.9577 20.9903 10.1755 19.6701 7.62411 19.6701H1.24555C0.557629 19.6701 0 20.2264 0 20.9122V21.4411C0 25.1573 3.01965 28.1696 6.74484 28.1696H8.94506C9.64199 28.1696 10.2344 28.6785 10.3377 29.3664L10.5807 30.9837C13.2262 48.602 28.3958 61.6373 46.2539 61.6373H47.1598H59.2983C71.6346 61.6373 82.1628 52.7413 84.1922 40.6024L85.7299 31.4051C87.1491 22.9166 81.1803 15.1884 67.1641 15.1884Z" fill="#07CBCF"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_55_415)">
|
||||
<path d="M48.2573 43.0378C50.1929 48.5818 55.4426 52.9185 61.7015 52.9185C72.2568 52.9185 71.2993 45.7048 82.7326 45.7048H84.3526" stroke="#00576C" stroke-width="1.46" stroke-miterlimit="10" stroke-linecap="round"/>
|
||||
<path d="M50.1195 43.0151H46.9814" stroke="#00576C" stroke-width="1.46" stroke-miterlimit="10" stroke-linecap="round"/>
|
||||
<path d="M65.353 42.7305C65.353 41.096 64.0247 39.7709 62.3862 39.7709C60.7478 39.7709 59.4194 41.096 59.4194 42.7305" stroke="#00576C" stroke-width="1.46" stroke-miterlimit="10" stroke-linecap="round"/>
|
||||
</g>
|
||||
<path d="M77.4491 19.774C80.7847 21.9824 82.0434 23.4419 85.095 23.7701C82.9402 18.5919 77.0788 14.8087 67.2741 14.8087H56.4206C45.0819 14.8087 38.9111 18.0148 34.3804 23.5229C37.2443 23.5229 40.3812 21.1661 43.0628 19.698C46.182 17.9907 50.3669 16.3586 59.4197 16.3586C68.4725 16.3586 73.2651 17.004 77.4491 19.774Z" fill="#05B7BF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.3 KiB |
BIN
docs/assets/placeholder-avatar.jpg
Normal file
BIN
docs/assets/placeholder-avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
docs/assets/social/discord.png
Normal file
BIN
docs/assets/social/discord.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 825 B |
BIN
docs/assets/social/github.png
Normal file
BIN
docs/assets/social/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 469 B |
BIN
docs/assets/social/irc.png
Normal file
BIN
docs/assets/social/irc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 686 B |
BIN
docs/assets/social/slack.png
Normal file
BIN
docs/assets/social/slack.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 816 B |
@@ -1,246 +1,547 @@
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
/* Used on the hero background */
|
||||
--primary-blue: #2A8FBD;
|
||||
--dropdown-hover: #277FA930;
|
||||
--cta-color: #79ACCA;
|
||||
--cta-hover-color: #97C0D9;
|
||||
--text-blue: #297BAB;
|
||||
--badge-color: #09CACE5C;
|
||||
--badge-circle-color: #297BAC;
|
||||
--badge-hover-color: #10E3E85C;
|
||||
--explore-cta-hover: #ffffffe8;
|
||||
/* Used on anchor tag on blue background */
|
||||
--transparent-white: #fffc;
|
||||
/* Used for section background */
|
||||
--slate-bg: #F5F5F5;
|
||||
--slate-border: #DADADA;
|
||||
--animation-speed: 40s;
|
||||
/* Used on the code showcase */
|
||||
--gradient-shadow: linear-gradient( 45deg, #2A8FBD, #679ab2, #ffffff, #81ccef, #2abbbd, #c9e0eb, #66c1eb, #40809e, #2A8FBD);
|
||||
|
||||
--darkmode-light: #11398c;
|
||||
--darkmode-button-light: #325fae;
|
||||
--darkmode-button-light-hover: #254989;
|
||||
--darkmode-dark: #0a2d75;
|
||||
|
||||
/* Avatar section darkmode fade */
|
||||
--avatar-before-gradient: rgba(0, 0, 0, 0) linear-gradient(90deg, white 2.52%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%;
|
||||
--avatar-darkmode-before-gradient: rgba(0, 0, 0, 0) linear-gradient(90deg, #043791 2.52%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%;
|
||||
--avatar-after-gradient: rgba(0, 0, 0, 0) linear-gradient(270deg, white 2.52%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%;
|
||||
--avatar-darkmode-after-gradient: rgba(0, 0, 0, 0) linear-gradient(270deg, #043791 2.52%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 62.5%;
|
||||
font-weight: 400;
|
||||
padding-bottom: 40px;
|
||||
color: #5a5a5a;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
h1 {
|
||||
color: #5a5a5a;
|
||||
font-weight: 400;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 12px;
|
||||
margin-top: 12px;
|
||||
text-rendering: optimizelegibility;
|
||||
|
||||
.btn-check:active+.btn:focus,
|
||||
.btn-check:checked+.btn:focus,
|
||||
.btn.active:focus,
|
||||
.btn.show:focus,
|
||||
.btn:active:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.header {
|
||||
background-color: #2a8fbd;
|
||||
padding: 22px 0;
|
||||
|
||||
.fit-content {
|
||||
width: fit-content;
|
||||
}
|
||||
.header .heading {
|
||||
color: #fff;
|
||||
font-size: 2.4em;
|
||||
margin: 7px 0 0 0;
|
||||
padding: 0 0 0 1em;
|
||||
|
||||
|
||||
/* Common */
|
||||
|
||||
.cta-arrow {
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
stroke-width: 2px;
|
||||
fill: none;
|
||||
stroke: currentColor;
|
||||
}
|
||||
.header a {
|
||||
color: #fff;
|
||||
background-position: center left;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-background-size: contain;
|
||||
-moz-background-size: contain;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
.cta-arrow .cta-arrow__tip {
|
||||
transition: transform .2s;
|
||||
}
|
||||
.header .nav-item a {
|
||||
font-size: 1.6em;
|
||||
|
||||
.cta-arrow .cta-arrow__line {
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.header .navbar-brand a {
|
||||
background-image: url(https://cdn.jsdelivr.net/gh/dokku/dokku@v0.27.4/docs/assets/dokku.png);
|
||||
text-indent: 40px;
|
||||
|
||||
a:hover>.cta-arrow .cta-arrow__line {
|
||||
opacity: 1;
|
||||
}
|
||||
.blurb {
|
||||
color: #424242;
|
||||
background-color: #ededed;
|
||||
background-image: url(https://cdn.jsdelivr.net/gh/dokku/dokku@v0.27.4/docs/assets/gplaypattern.png);
|
||||
padding: 45px 0;
|
||||
text-align: center;
|
||||
|
||||
a:hover>.cta-arrow .cta-arrow__tip {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
.blurb h2 {
|
||||
font-size: 3.5em;
|
||||
|
||||
|
||||
/* Navigation */
|
||||
|
||||
.navbar-toggler,
|
||||
.navbar-toggler:focus {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.blurb p {
|
||||
font-size: 1.9em;
|
||||
font-weight: 300;
|
||||
margin: 18px 0;
|
||||
text-align: center;
|
||||
|
||||
.navbar-brand {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
.blurb .btn-lg {
|
||||
font-size: 2.2em;
|
||||
|
||||
.navbar-brand:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-item .btn:hover {
|
||||
border-color: transparent;
|
||||
background-color: var(--dropdown-hover);
|
||||
}
|
||||
|
||||
.nav-item .dropdown-menu strong {
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.nav-item .dropdown-menu a,
|
||||
.nav-item .dropdown-menu a:hover {
|
||||
color: var(--text-blue);
|
||||
}
|
||||
|
||||
.nav-item a {
|
||||
font-weight: bolder;
|
||||
color: var(--transparent-white);
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
.nav-item a:hover,
|
||||
.nav-item a:focus {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-item .cta,
|
||||
.nav-item .cta:focus {
|
||||
background-color: var(--cta-color);
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-item .cta:hover {
|
||||
background-color: var(--cta-hover-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dropdown-menu.show {
|
||||
box-shadow: 0px 0px 5px 0px #a1e1ff;
|
||||
border: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
ul.navbar-nav li.nav-item {
|
||||
height: max-content;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
|
||||
/* hero section */
|
||||
|
||||
.hero-section {
|
||||
background: radial-gradient(56.99% 613.79% at 24.22% 51.49%, rgba(40, 39, 107, 0.2) 0%, rgba(0, 0, 0, 0.098) 100%), linear-gradient(0deg, #2A8FBD, #2A8FBD), linear-gradient(0deg, #28276C, #28276C);
|
||||
}
|
||||
|
||||
.hero-section .badge-link {
|
||||
font-weight: normal;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.hero-section .badge {
|
||||
background-color: var(--badge-color);
|
||||
font-size: 16px;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
|
||||
.hero-section .badge-link:hover .badge {
|
||||
background-color: var(--badge-hover-color);
|
||||
}
|
||||
|
||||
.hero-section .cta {
|
||||
background-color: var(--cta-color);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.hero-section .cta:hover {
|
||||
background-color: var(--cta-hover-color);
|
||||
}
|
||||
|
||||
.hero-section .badge .circle {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
background: var(--badge-circle-color);
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.hero-heading {
|
||||
font-weight: bolder;
|
||||
font-size: 42px;
|
||||
}
|
||||
|
||||
.hero-section .explore-cta {
|
||||
background-color: white;
|
||||
color: var(--primary-blue);
|
||||
}
|
||||
|
||||
.hero-section .explore-cta:hover {
|
||||
background-color: var(--explore-cta-hover);
|
||||
color: var(--primary-blue);
|
||||
}
|
||||
|
||||
.hero-section main {
|
||||
padding-top: 5em;
|
||||
padding-bottom: 5em;
|
||||
}
|
||||
|
||||
.hero-section code {
|
||||
background-color: var(--badge-color);
|
||||
color: white;
|
||||
font-family: inherit;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
a.platform {
|
||||
font-weight: 900;
|
||||
color: inherit;
|
||||
opacity: .8;
|
||||
transition: all .2s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.platform:hover {
|
||||
color: inherit;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/* Quickstart code */
|
||||
|
||||
.quickstart-code {
|
||||
display: block;
|
||||
position: relative;
|
||||
line-height: 1.3em;
|
||||
margin: 45px auto;
|
||||
max-width: 860px;
|
||||
filter: drop-shadow(0px 0px 8px #3B3D84);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.quickstart-code:before,
|
||||
.quickstart-code:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-radius: 5px;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
background: var(--gradient-shadow);
|
||||
background-size: 400%;
|
||||
width: calc(100% + 4px);
|
||||
height: calc(100% + 4px);
|
||||
z-index: -1;
|
||||
animation: animate 60s linear infinite;
|
||||
}
|
||||
|
||||
.quickstart-code:after {
|
||||
filter: blur(30px);
|
||||
}
|
||||
|
||||
@keyframes animate {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
50% {
|
||||
background-position: 300% 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.quickstart-code .title {
|
||||
background-color: #dfdfdf;
|
||||
background-image: linear-gradient(top, #f7f7f7 0%, #dfdfdf 7%, #ccc 100%);
|
||||
border-radius: 5px 5px 0 0;
|
||||
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);
|
||||
color: #444;
|
||||
display: block;
|
||||
font-size: 1.6em;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
margin: 0 20px;
|
||||
margin: 0px;
|
||||
padding: 3px 0;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.quickstart-code .tabs {
|
||||
background-color: #bcbcbc;
|
||||
border-top: 1px solid #686868;
|
||||
color: #444;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
font-weight: bold;
|
||||
margin: 0 20px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.quickstart-code .tab {
|
||||
border-right: 1px solid #686868;
|
||||
cursor: pointer;
|
||||
flex: 1;
|
||||
-webkit-flex: 1;
|
||||
}
|
||||
.quickstart-code .tab-active {
|
||||
background-color: #ededed;
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.quickstart-code .tab:last-of-type {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.quickstart-code .shell {
|
||||
background-color: #171717;
|
||||
background-color: #555699;
|
||||
border-radius: 0 0 5px 5px;
|
||||
border-top: 1px solid #bcbcbc;
|
||||
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
|
||||
display: none;
|
||||
font-size: 1.4em;
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
|
||||
margin: 0 20px;
|
||||
margin: 0px;
|
||||
padding: 20px;
|
||||
text-shadow: none;
|
||||
}
|
||||
.quickstart-code .shell-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.quickstart-code .line {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.quickstart-code .line span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.quickstart-code .line .output {
|
||||
color: #aaa;
|
||||
}
|
||||
.quickstart-code .path {
|
||||
color: #2a8fbd;
|
||||
content: '~';
|
||||
user-select: none;
|
||||
color: #b7e2f9;
|
||||
}
|
||||
|
||||
.quickstart-code .prompt {
|
||||
color: #f90;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.quickstart-code .command {
|
||||
color: #ffc;
|
||||
line-break: anywhere;
|
||||
}
|
||||
.alternate-instructions {
|
||||
display: block;
|
||||
font-size: 1.6em;
|
||||
line-height: 1.3em;
|
||||
margin: 45px auto;
|
||||
max-width: 860px;
|
||||
|
||||
|
||||
/* Powered by */
|
||||
|
||||
.powered-by {
|
||||
padding-top: 8rem;
|
||||
padding-bottom: 8rem;
|
||||
}
|
||||
|
||||
.copy-caption {
|
||||
color: var(--primary-blue);
|
||||
border-left: 5px solid var(--primary-blue);
|
||||
}
|
||||
|
||||
.copy-title {
|
||||
font-size: 38px;
|
||||
}
|
||||
|
||||
.copy-body {
|
||||
line-height: 28px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.copy-body p {
|
||||
margin-bottom: 1.3em;
|
||||
}
|
||||
|
||||
a.copy-cta-btn {
|
||||
color: var(--primary-blue);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.marketing .col-lg-4 {
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
|
||||
a.copy-cta-btn:hover {
|
||||
color: var(--primary-blue);
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
}
|
||||
.marketing .col-lg-4 p {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
|
||||
.powered-by_brands img {
|
||||
max-width: 300px;
|
||||
}
|
||||
.featurette-divider {
|
||||
margin: 20px 0;
|
||||
|
||||
|
||||
/* Plugins section */
|
||||
|
||||
section.plugins {
|
||||
padding-top: 8rem;
|
||||
padding-bottom: 8rem;
|
||||
background: var(--slate-bg);
|
||||
border-width: 2px 2px;
|
||||
border-style: solid;
|
||||
border-color: var(--slate-border);
|
||||
}
|
||||
.featurette-heading {
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
letter-spacing: -1px;
|
||||
|
||||
g#plugins:hover,
|
||||
g#plugins:hover g {
|
||||
-webkit-animation-play-state: paused !important;
|
||||
-moz-animation-play-state: paused !important;
|
||||
-o-animation-play-state: paused !important;
|
||||
animation-play-state: paused !important;
|
||||
}
|
||||
.featurette-heading .text-muted {
|
||||
font-weight: 300;
|
||||
|
||||
|
||||
/* Support Us */
|
||||
|
||||
section.supportus {
|
||||
padding-top: 8rem;
|
||||
padding-bottom: 8rem;
|
||||
}
|
||||
.featurette img {
|
||||
width: 400px;
|
||||
|
||||
.supportus .copy-body {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.slack-channel,
|
||||
.sponsors {
|
||||
background-color: #EEF1F7;
|
||||
font-size: 1.6em;
|
||||
font-weight: 300;
|
||||
margin-bottom: 2.5em;
|
||||
padding-top: 2.5em;
|
||||
padding-bottom: 2.5em;
|
||||
text-align: center
|
||||
|
||||
.supportus a.opencollective {
|
||||
color: var(--primary-blue);
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.slack-channel .inline-container {
|
||||
display: inline-block;
|
||||
margin-left: 0.5em
|
||||
|
||||
.avatar-section {
|
||||
margin-top: 5em;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.slack-button {
|
||||
background-image: -webkit-linear-gradient(#FCFCFC, #EAEAEA);
|
||||
background-image: linear-gradient(#FCFCFC, #EAEAEA);
|
||||
border: 1px solid #ddd;
|
||||
padding: 0.25rem 0.5rem;
|
||||
|
||||
.avatar-section:before,
|
||||
.avatar-section:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 12%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 2;
|
||||
}
|
||||
.slack-button img {
|
||||
height: 1em;
|
||||
|
||||
.avatar-section:before {
|
||||
left: 0px;
|
||||
background: var(--avatar-before-gradient);
|
||||
}
|
||||
.sponsors {
|
||||
background-color: #272822;
|
||||
color: #FCFCFC;
|
||||
|
||||
.avatar-section:after {
|
||||
right: 0px;
|
||||
background: var(--avatar-after-gradient);
|
||||
}
|
||||
.sponsors a {
|
||||
color: #f0ad4e;
|
||||
|
||||
.avatar-row {
|
||||
width: max-content;
|
||||
animation: 48s linear 0s infinite normal none running scroll;
|
||||
}
|
||||
.sponsors .backer img,
|
||||
.sponsors .sponsor img {
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 8px solid gray;
|
||||
margin: 20px auto 20px auto;
|
||||
max-width: 192px;
|
||||
|
||||
.avatar-row:hover {
|
||||
-webkit-animation-play-state: paused;
|
||||
-moz-animation-play-state: paused;
|
||||
-o-animation-play-state: paused;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.sponsors .backer img {
|
||||
-webkit-border-radius: 50%;
|
||||
|
||||
.avatar-row:nth-child(2) {
|
||||
animation-duration: 60s;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
border: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.sponsors img:hover {
|
||||
-moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
|
||||
-webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.75);
|
||||
box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.75);
|
||||
|
||||
.avatar img {
|
||||
flex-shrink: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%
|
||||
}
|
||||
.sponsors .fund-link {
|
||||
display: block;
|
||||
font-size: .8em;
|
||||
|
||||
.avatar-link {
|
||||
padding: 5px;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
background: white;
|
||||
border-radius: 50%;
|
||||
filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 6px);
|
||||
transition: transform .2s linear;
|
||||
}
|
||||
|
||||
.avatar-link:hover {
|
||||
transform: scaleX(1.1) scaleY(1.1);
|
||||
}
|
||||
|
||||
@keyframes scroll {
|
||||
from {
|
||||
transform: translateX(0%);
|
||||
}
|
||||
to {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* pro-cta section */
|
||||
|
||||
section.pro-cta {
|
||||
background: var(--slate-bg);
|
||||
border-width: 2px 2px;
|
||||
border-style: solid;
|
||||
border-color: var(--slate-border);
|
||||
}
|
||||
|
||||
|
||||
/* Footer */
|
||||
|
||||
footer {
|
||||
background: var(--primary-blue);
|
||||
}
|
||||
|
||||
footer p {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: inherit;
|
||||
font-weight: 900;
|
||||
opacity: .9;
|
||||
transition: all .2s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
color: inherit;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/* Accessibility */
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
g#plugins,
|
||||
g#plugins g,
|
||||
.avatar-row,
|
||||
.quickstart-code:before,
|
||||
.quickstart-code:after {
|
||||
-webkit-animation-play-state: paused !important;
|
||||
-moz-animation-play-state: paused !important;
|
||||
-o-animation-play-state: paused !important;
|
||||
animation-play-state: paused !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Documentation */
|
||||
.list-group-item {
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
padding: .2rem .5rem;
|
||||
color: #157577;
|
||||
transition: all .1s;
|
||||
}
|
||||
a.list-group-item {
|
||||
color: #666
|
||||
color: #666;
|
||||
font-size: 1em;
|
||||
}
|
||||
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
|
||||
color: #555;
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.list-group-item.disabled:first-child, .list-group-item.disabled:first-child:focus, .list-group-item.disabled:first-child:hover {
|
||||
margin-top: 0;
|
||||
@@ -270,10 +571,10 @@ a.list-group-item {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
box-sizing: border-box;
|
||||
color: rgb(71, 74, 84);
|
||||
font-size: 1.6em;
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
height: 20px;
|
||||
line-height: 1.5;
|
||||
line-height: 1.7;
|
||||
text-align: left;
|
||||
}
|
||||
.markdown-body h1 {
|
||||
@@ -283,6 +584,7 @@ a.list-group-item {
|
||||
padding-bottom: 1em;
|
||||
margin-top: 0;
|
||||
text-rendering: optimizelegibility;
|
||||
font-weight: 900;
|
||||
}
|
||||
.markdown-body h2 {
|
||||
font-size: 1.3em;
|
||||
@@ -290,6 +592,7 @@ a.list-group-item {
|
||||
color: #555;
|
||||
margin-top: 2em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
.markdown-body h3 {
|
||||
font-size: 1.2em;
|
||||
@@ -418,7 +721,7 @@ blockquote {
|
||||
-o-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
background: #363637;
|
||||
padding: 5px 0 4px;
|
||||
padding: 0px 0 3px;
|
||||
z-index: 90;
|
||||
}
|
||||
.improve-slideout:hover {
|
||||
@@ -444,10 +747,10 @@ blockquote {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
font-size: 1.3em;
|
||||
font-size: 1em;
|
||||
}
|
||||
.git-improve {
|
||||
vertical-align: -2px;
|
||||
vertical-align: baseline;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.back-to-contents {
|
||||
@@ -617,58 +920,59 @@ ul.fas li .fa-large:before, ul.fas li .fa-large:before {
|
||||
background-image: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
|
||||
font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
|
||||
font-size: 1.6em;
|
||||
font-size: 1.1em;
|
||||
text-align: center;
|
||||
background-color: #ffe761;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.rst-versions {
|
||||
width: 85%;
|
||||
display: none
|
||||
}
|
||||
.rst-versions.shift {
|
||||
display: block
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto
|
||||
}
|
||||
}
|
||||
|
||||
.button.slack-button > img {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.col-md-offset-right-2 {
|
||||
margin-right: 20.666667%;
|
||||
}
|
||||
.quickstart-code {
|
||||
line-height: 22px;
|
||||
}
|
||||
.featurette-heading {
|
||||
font-size: 5em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.featurette img {
|
||||
width: 300px;
|
||||
}
|
||||
.featurette-heading {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.featurette img {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: rgb(13, 17, 23);
|
||||
background-color: var(--darkmode-dark);
|
||||
color: white;
|
||||
}
|
||||
.header {
|
||||
background-color: #0b1f4c;
|
||||
header, footer {
|
||||
background: #0b1f4c !important;
|
||||
}
|
||||
.hero-section .cta {
|
||||
background-color: var(--darkmode-button-light);
|
||||
}
|
||||
.hero-section .cta:hover {
|
||||
background-color: var(--darkmode-button-light-hover);
|
||||
}
|
||||
.hero-section .explore-cta {
|
||||
color: white;
|
||||
}
|
||||
.hero-section .explore-cta:hover {
|
||||
color: white;
|
||||
}
|
||||
.powered-by_brands {
|
||||
filter: contrast(2);
|
||||
}
|
||||
div.quickstart-code{
|
||||
filter: none;
|
||||
}
|
||||
.quickstart-code .shell {
|
||||
background: #313274;
|
||||
}
|
||||
section.powered-by {
|
||||
background: var(--darkmode-light);
|
||||
}
|
||||
section.plugins {
|
||||
background: var(--darkmode-dark);
|
||||
border-width: 0px;
|
||||
}
|
||||
section.supportus {
|
||||
background: var(--darkmode-light);
|
||||
border-width: 0px;
|
||||
}
|
||||
section.pro-cta {
|
||||
background: var(--darkmode-dark);
|
||||
border-width: 0px;
|
||||
}
|
||||
.avatar-section:before{
|
||||
background: var(--avatar-darkmode-before-gradient);
|
||||
}
|
||||
.avatar-section:after{
|
||||
background: var(--avatar-darkmode-after-gradient);
|
||||
}
|
||||
.blurb {
|
||||
filter: invert(1);
|
||||
@@ -678,20 +982,25 @@ ul.fas li .fa-large:before, ul.fas li .fa-large:before {
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: rgb(22, 27, 34);
|
||||
background-color: #052148;
|
||||
color: #bbb;
|
||||
}
|
||||
pre {
|
||||
background-color: rgb(22, 27, 34);
|
||||
background-color: #052148;
|
||||
color: #bbb;
|
||||
border: 1px solid #555;
|
||||
box-shadow: 0 0 0 3px #111;
|
||||
border: 1px solid #052148;
|
||||
box-shadow: 0 0 0 3px #07387b;
|
||||
}
|
||||
.highlight-show-language-label {
|
||||
filter: invert(1);
|
||||
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
|
||||
color: var(--bs-gray-100);
|
||||
}
|
||||
.list-group-item {
|
||||
background-color: rgb(13, 17, 23);
|
||||
a.list-group-item {
|
||||
background-color: var(--darkmode-dark);
|
||||
color: var(--bs-gray-500);
|
||||
}
|
||||
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
|
||||
color: white;
|
||||
background-color: var(--darkmode-button-light-hover);
|
||||
}
|
||||
blockquote {
|
||||
background-color: rgba(0, 82, 204, 0.18);
|
||||
@@ -726,12 +1035,15 @@ ul.fas li .fa-large:before, ul.fas li .fa-large:before {
|
||||
border-bottom: 2px solid #131110;
|
||||
}
|
||||
.markdown-body {
|
||||
color: rgb(184, 181, 171);
|
||||
color: var(--bs-gray-400);
|
||||
}
|
||||
.markdown-body h1 {
|
||||
color: #bbb;
|
||||
color: white;
|
||||
}
|
||||
.markdown-body h2, .markdown-body h3, .markdown-body h4 {
|
||||
color: #aaa;
|
||||
color: var(--bs-gray-300);
|
||||
}
|
||||
.markdown-body a{
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
BIN
docs/assets/universe/universe animation.keyshape
Normal file
BIN
docs/assets/universe/universe animation.keyshape
Normal file
Binary file not shown.
303
docs/assets/universe/universe animation.svg
Normal file
303
docs/assets/universe/universe animation.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 90 KiB |
848
docs/home.html
848
docs/home.html
File diff suppressed because one or more lines are too long
@@ -41,9 +41,15 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/gh/dokku/dokku@v0.27.4/docs/assets/style.css" rel="stylesheet">
|
||||
<!-- <link href="/dokku/docs/assets/style.css" rel="stylesheet"> -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
||||
|
||||
<!-- Font (Lato) -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- <link href="https://cdn.jsdelivr.net/gh/dokku/dokku@v0.27.4/docs/assets/style.css" rel="stylesheet"> -->
|
||||
<link href="./assets/style.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<style>
|
||||
</style>
|
||||
@@ -52,39 +58,61 @@
|
||||
<div class="dev-warning doc-floating-warning" style="display:none">
|
||||
This document is for dokku's development version, which can be significantly different from previous releases. For older releases, use the version selector floating in the bottom right corner of this page.
|
||||
</div>
|
||||
<div class="header">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-2">
|
||||
<h1 class="heading navbar-brand">
|
||||
<a href="/{{NAME}}/">Dokku</a>
|
||||
</h1>
|
||||
<ul class="nav nav-pills pull-xs-right col-md-offset-right-2">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://dokku.github.io/">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://github.com/dokku/dokku/">Code</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/{{NAME}}/getting-started/installation/">Docs</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://glider-slackin.herokuapp.com/">Slack</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://github.com/dokku/dokku/discussions">Forums</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://pro.dokku.com/">Pro</a>
|
||||
<header class="hero-section">
|
||||
<nav class="navbar navbar-expand-md navbar-dark py-3" id="mainNav">
|
||||
<div class="container top-50 px-4 px-lg-5">
|
||||
<a class="navbar-brand d-flex" href="/{{NAME}}/">
|
||||
<img class="me-3" src="./assets/dokku-logo.svg" alt="" width="55">
|
||||
<span class="align-self-center d-block">Dokku</span>
|
||||
</a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav ms-auto my-2 my-lg-0">
|
||||
<li class="nav-item"><a class="nav-link mx-0 mx-md-2 underline" href="https://dokku.github.io/">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link mx-0 mx-md-2 underline" href="https://github.com/dokku/dokku/">Code</a></li>
|
||||
<li class="nav-item"><a class="nav-link mx-0 mx-md-2 underline" href="/{{NAME}}/getting-started/installation/">Docs</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle mx-0 mx-md-2 underline" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Social
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
<div class="d-grid gap-2">
|
||||
<a href="https://discord.gg/YQjANGMZvu" class="btn rounded-2 d-flex align-items-center py-2 px-3 lh-sm text-start mx-2">
|
||||
<img class="me-3" alt="discord" src="./assets/social/discord.png" width="25px" />
|
||||
<div>
|
||||
<strong class="d-block">Discord</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://glider-slackin.herokuapp.com/" class="btn rounded-2 d-flex align-items-center py-2 px-3 lh-sm text-start mx-2">
|
||||
<img class="me-3" alt="slack" src="./assets/social/slack.png" width="25px" />
|
||||
<div>
|
||||
<strong class="d-block">Slack</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://webchat.libera.chat/?channels=dokku" class="btn rounded-2 d-flex align-items-center py-2 px-3 lh-sm text-start mx-2">
|
||||
<img class="me-3" alt="irc" src="./assets/social/irc.png" width="25px" />
|
||||
<div>
|
||||
<strong class="d-block">IRC</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://github.com/dokku/dokku/discussions" class="btn rounded-2 d-flex align-items-center py-2 px-3 lh-sm text-start mx-2">
|
||||
<img class="me-3" alt="github" src="./assets/social/github.png" width="25px" />
|
||||
<div>
|
||||
<strong class="d-block">GitHub Discussions</strong>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link mx-0 mx-md-2 underline" href="https://pro.dokku.com/">Pro</a></li>
|
||||
<li class="nav-item"><a class="btn btn-primary mx-0 mx-md-3 cta" href="/{{NAME}}/getting-started/installation/">Get Started</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="container">
|
||||
<div class="improve-slideout">
|
||||
<i class="fa fa-pencil icon-improve"></i>
|
||||
<a href="https://github.com/{{USER}}/{{NAME}}/edit/master/docs/{{DOC}}" target="_blank">
|
||||
@@ -94,10 +122,7 @@
|
||||
<a class="back-to-contents" href="#page-contents"><i class="fa fa-arrow-circle-up icon-improve" title="Back to Contents"></i></a>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-8 col-md-6 col-md-push-4 markdown-body" style="padding-top:16px">
|
||||
{{CONTENT}}
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-2 col-md-pull-6 col-md-offset-2" style="padding-top:16px">
|
||||
<div class="col-4 col-md-3" style="padding-top:16px">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item disabled">Getting Started</a>
|
||||
<a href="/{{NAME}}/getting-started/installation/" class="list-group-item">Getting Started with Dokku</a>
|
||||
@@ -191,6 +216,9 @@
|
||||
<a href="/{{NAME}}/community/tutorials/run-on-external-volume/" class="list-group-item">Run on External Volume</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-8 col-md-9 markdown-body" style="padding-top:16px">
|
||||
{{CONTENT}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -222,7 +250,19 @@
|
||||
This document is for dokku's development version, which can be significantly different from previous releases. For older releases, use the version selector floating in the bottom right corner of this page.
|
||||
</div>
|
||||
|
||||
<!-- Footer section -->
|
||||
<footer class="px-4 px-lg-5 text-start mt-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 align-self-start text-white">
|
||||
<p class="m-0 py-3">© 2013-2022 Dokku. Website designed & developed by <a href="https://yasoob.me" class="text-decoration-none text-white">Yasoob Khalid</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/1.3.0/anchor.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
||||
|
||||
<script src="https://dokku.dpdcart.com/dpd.js"></script>
|
||||
<script>
|
||||
// Source: https://github.com/Alhadis/Snippets/blob/master/js/polyfills/IE8-child-elements.js
|
||||
|
||||
Reference in New Issue
Block a user