mirror of
https://github.com/kemko/nomad.git
synced 2026-01-03 08:55:43 +03:00
Update homepage to match
This commit is contained in:
Seth Vargo
60
website/source/assets/images/feature-binpacking.svg
Normal file
60
website/source/assets/images/feature-binpacking.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 152 KiB |
46
website/source/assets/images/feature-flexible-workloads.svg
Normal file
46
website/source/assets/images/feature-flexible-workloads.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 162 KiB |
110
website/source/assets/images/feature-public-private-clouds.svg
Normal file
110
website/source/assets/images/feature-public-private-clouds.svg
Normal file
@@ -0,0 +1,110 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2855 402">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#0195C8" fill-rule="nonzero" d="M593.84 194.28H511V120.4l82.84-16.04m141.4 89.92h-132.8v-91.04L735.24 76m0 128.73h-132.8v91.05l132.82 26.86m-141.4-117.9H511v73.13l82.84 16.04"/>
|
||||
<path fill="#BB2C23" d="M2804 270.46l-28.38-28.07c.08 0 .23-.1.3-.1l28.44 28h-.37z"/>
|
||||
<path fill="#BD2D24" d="M2804.36 270.4l-28.44-28.08c.38 0 .76-.15 1.06-.23l28.44 28c-.38.1-.75.2-1.06.2z"/>
|
||||
<path fill="#C32E24" d="M2805.42 270.16l-28.44-28.07c.6-.2 1.06-.4 1.58-.6l28.37 28c-.45.2-.98.4-1.5.6z"/>
|
||||
<path fill="#BD2D24" d="M2806.93 269.56l-28.37-28.07c.38-.3.68-.4 1-.7l28.27 28.1-.9.6z"/>
|
||||
<path fill="#BB2C23" d="M2807.83 268.96l-28.36-28.08c.23-.15.38-.3.53-.45l28.36 28.07c-.15.15-.3.3-.53.46z"/>
|
||||
<path fill="#B62B24" d="M2808.36 268.5L2780 240.43c.15-.07.3-.23.45-.38l28.36 28.08c-.1.15-.3.3-.4.37z"/>
|
||||
<path fill="#B42924" d="M2808.8 268.13l-28.35-28.08c.08-.15.23-.22.3-.37l28.44 28.07-.4.38z"/>
|
||||
<path fill="#B02824" d="M2809.2 267.75l-28.45-28.07c.15-.15.23-.23.3-.38l28.44 28.07c-.2.15-.3.23-.3.38z"/>
|
||||
<path fill="#AD2823" d="M2809.5 267.37l-28.45-28.07c.16-.08.23-.23.3-.38l28.37 28.15c-.08.07-.15.23-.23.3z"/>
|
||||
<path fill="#A82722" d="M2809.72 267.07l-28.36-28.15c.07-.07.15-.22.22-.3l28.37 28.07c-.08 0-.16.2-.23.3z"/>
|
||||
<path fill="#A52522" d="M2809.95 266.7l-28.37-28.08.23-.38 28.4 28.07c0 .2-.1.3-.2.4z"/>
|
||||
<path fill="#A02421" d="M2810.17 266.3l-28.36-28.06c0-.15.1-.22.2-.37l28.4 28.07c0 .15 0 .3-.1.37z"/>
|
||||
<path fill="#9B2420" d="M2810.32 265.94l-28.36-28.07c.07-.08.15-.23.15-.38l28.4 28c0 .1 0 .3-.1.4z"/>
|
||||
<path fill="#982420" d="M2810.47 265.64l-28.36-28.15c.1-.1.2-.3.2-.4l28.4 28.1s0 .2-.1.4z"/>
|
||||
<path fill="#952220" d="M2810.62 265.26l-28.36-28.15c.08 0 .08-.2.15-.3l28.4 28.1c-.1.2-.1.3-.1.5z"/>
|
||||
<path fill="#912120" d="M2810.78 264.8l-28.37-28.07c0-.07.1-.22.1-.37l28.5 28.07c-.1.15-.1.3-.1.38z"/>
|
||||
<path fill="#8E201E" d="M2810.93 264.43l-28.44-28.07c0-.15 0-.3.1-.46l28.3 28.08c0 .15-.1.3-.1.45z"/>
|
||||
<path fill="#8B1F1E" d="M2811 263.98l-28.36-28.08c0-.15 0-.3.07-.52l28.4 28.07c0 .15-.1.37-.1.53z"/>
|
||||
<path fill="#871F1C" d="M2811.08 263.45l-28.37-28.07v-.53l28.4 28v.6z"/>
|
||||
<path fill="#841F1C" d="M2811.08 262.84l-28.37-28v-.22l28.4 28.15v.07z"/>
|
||||
<path fill="#871F1C" d="M2811.08 252.88l-28.37-28.07 43-3.7 28.3 28"/>
|
||||
<path fill="#871F1C" d="M2811.08 252.88l-28.37-28.07 43-3.7 28.3 28"/>
|
||||
<path fill="#871F1C" d="M2811.08 262.77l-28.37-28.15v-9.8l28.4 28"/>
|
||||
<path fill="#C32E24" d="M2698.53 279.67l-28.37-28.07 105.54-9.2 28.3 28.06"/>
|
||||
<path fill="#912120" d="M2693.32 277.86l-28.36-28.07c.07.1.15.2.3.2l28.36 28.1-.3-.3z"/>
|
||||
<path fill="#952220" d="M2693.62 278.16L2665.26 250l.45.47 28.4 28.07c-.1-.15-.3-.23-.4-.38z"/>
|
||||
<path fill="#982420" d="M2694.08 278.54l-28.37-28.07c.1.07.3.15.4.22l28.5 28-.4-.3z"/>
|
||||
<path fill="#9B2420" d="M2694.53 278.77l-28.44-28.08.4.2 28.3 28.1c-.2 0-.3-.1-.4-.3z"/>
|
||||
<path fill="#A02421" d="M2694.9 279l-28.36-28.08c.15.08.3.15.38.23l28.44 28.07-.45-.23z"/>
|
||||
<path fill="#A52522" d="M2695.36 279.22l-28.44-28.07c.15 0 .3.07.45.15l28.37 28.07c-.15-.08-.23-.08-.38-.15z"/>
|
||||
<path fill="#A82722" d="M2695.74 279.37l-28.37-28.07c.15.07.3.07.46.15l28.36 28.07c-.2-.08-.3-.08-.5-.15z"/>
|
||||
<path fill="#AD2823" d="M2696.2 279.52l-28.37-28.07c.15 0 .3.07.45.07l28.36 28.08c-.15 0-.3-.08-.45-.08z"/>
|
||||
<path fill="#B02824" d="M2696.64 279.6l-28.36-28.08c.15 0 .3.08.45.08l28.36 28.07c-.2 0-.3 0-.5-.07z"/>
|
||||
<path fill="#B42924" d="M2697.1 279.67l-28.37-28.07h.53l28.36 28.15c-.15 0-.3-.08-.53-.08z"/>
|
||||
<path fill="#B62B24" d="M2697.62 279.75l-28.36-28.15c.15.07.38.07.53.07l28.4 28.08h-.6z"/>
|
||||
<path fill="#BB2C23" d="M2698.23 279.75l-28.44-28.08c.1-.07.2-.07.3-.07l28.3 28.07c-.2.08-.3.08-.3.08z"/>
|
||||
<path fill="#7F1D1C" d="M2652.14 322.16L2623.77 294c-2.03-1.95-3.32-4.67-3.54-7.76l28.36 28c.2 3.1 1.5 5.88 3.5 7.92z"/>
|
||||
<path fill="#841F1C" d="M2648.6 314.3l-28.37-28.06c-.08-.38-.08-.76-.08-1.06l28.44 28c-.1.37 0 .75 0 1.13z"/>
|
||||
<path fill="#D93023" d="M2853.92 249.03l-.07 46.2c0 7.46-6.1 14.1-13.65 14.78l-178.18 15.7c-7.47.6-13.58-4.9-13.5-12.4l.07-46.1 42.7-3.8v9.9c0 3.9 3.1 6.8 7.1 6.4l105.5-9.2c3.9-.4 7.1-3.7 7.1-7.7v-9.9l42.8-3.7z"/>
|
||||
<path fill="#871F1C" d="M2648.6 267.14l-28.37-28.07 42.92-3.77 28.3 28.07"/>
|
||||
<path fill="#871F1C" d="M2648.6 267.14l-28.37-28.07 42.92-3.77 28.3 28.07"/>
|
||||
<path fill="#871F1C" d="M2648.6 313.18l-28.45-27.92.15-46.2 28.37 28"/>
|
||||
<path fill="#E63F46" d="M2853.62 171.23l.3 67.92-42.84 3.77-.3-67.9"/>
|
||||
<path fill="#E23535" d="M2853.62 171.23l.3 67.92-42.84 3.77-.3-67.9"/>
|
||||
<path fill="#871F1C" d="M2811.15 242.92l-28.36-28-.3-67.9 28.3 28.06m0 0L2782.5 147l42.83-3.76 28.3 28.07"/>
|
||||
<path fill="#871F1C" d="M2810.85 175.08L2782.5 147l42.83-3.76 28.3 28.07"/>
|
||||
<path fill="#E63F46" d="M2691.2 185.5l.24 67.9-42.85 3.78-.3-68"/>
|
||||
<path fill="#E23535" d="M2691.2 185.5l.24 67.9-42.85 3.78-.3-68"/>
|
||||
<path fill="#871F1C" d="M2648.67 257.18l-28.37-28.07-.3-67.8 28.36 27.9"/>
|
||||
<path fill="#871F1C" d="M2648.3 189.27l-28.3-28 42.92-3.77 28.3 28m119.86-20.53l-28.37-28.07v-8.53l28.4 28.07"/>
|
||||
<path fill="#841F1C" d="M2811.08 156.44l-28.37-28.07v-.53l28.4 28.07v.6z"/>
|
||||
<path fill="#7F1D1C" d="M2811.08 155.9l-28.37-27.98c-.1-1.74-.8-3.17-1.8-4.23l28.4 28c1.1 1 1.8 2.5 1.9 4.1z"/>
|
||||
<path fill="#BB2C23" d="M2840.42 104.07L2812.06 76h.6l28.37 28.07h-.6z"/>
|
||||
<path fill="#B62B24" d="M2841.03 104.15l-28.37-28.07c.38-.08.76-.08 1.06 0l28.36 28.07h-1.05z"/>
|
||||
<path fill="#B42924" d="M2842.08 104.07L2813.72 76c.37 0 .68 0 .98.08l28.44 28.07c-.38-.08-.68-.08-1.06-.08z"/>
|
||||
<path fill="#B02824" d="M2843.14 104.15l-28.44-28.07c.38 0 .68.07.98.07l28.36 28.15c-.3-.08-.6-.15-.9-.15z"/>
|
||||
<path fill="#AD2823" d="M2844.04 104.3l-28.36-28.15.83.23 28.4 28.07c-.2-.08-.5-.15-.8-.15z"/>
|
||||
<path fill="#A82722" d="M2844.87 104.45l-28.36-28.07.9.22 28.4 28.08c-.2-.08-.5-.16-.8-.23z"/>
|
||||
<path fill="#A52522" d="M2845.7 104.68l-28.36-28.08c.3.08.53.23.83.3l28.36 28.08c-.22-.08-.53-.15-.83-.3z"/>
|
||||
<path fill="#A02421" d="M2846.53 104.98l-28.36-28.07c.22.2.53.3.83.4l28.36 28.1-.83-.3z"/>
|
||||
<path fill="#9B2420" d="M2847.36 105.35L2819 77.28c.22.15.53.3.75.46l28.37 28.07-.76-.4z"/>
|
||||
<path fill="#982420" d="M2848.12 105.8l-28.37-28.06c.3.22.6.37.83.6l28.37 28c-.23-.16-.53-.38-.83-.53z"/>
|
||||
<path fill="#952220" d="M2848.95 106.34l-28.37-28c.3.15.6.38.9.68l28.37 28-.9-.68z"/>
|
||||
<path fill="#912120" d="M2849.85 107l-28.36-27.98c.1.15.3.3.5.45l28.3 28.07-.6-.53z"/>
|
||||
<path fill="#871F1C" d="M2648.6 179.08l-28.37-28 .15-44.82 28.36 28.07"/>
|
||||
<path fill="#C32E24" d="M2662.24 119.62l-28.28-28L2812.13 76l28.3 28.07"/>
|
||||
<path fill="#E63F46" d="M2662.24 119.54L2840.42 104c7.55-.6 13.58 4.9 13.58 12.45l-.15 44.75-42.77 3.77v-8.53c0-3.92-3.17-6.8-7.02-6.5l-105.53 9.22c-3.92.3-7.17 3.77-7.17 7.7v8.52l-42.85 3.7.2-44.75c0-7.54 6.1-14.1 13.6-14.8z"/>
|
||||
<path fill="#E63F46" d="M2662.24 119.54L2840.42 104c7.55-.6 13.58 4.9 13.58 12.45l-.15 44.75-42.77 3.77v-8.53c0-3.92-3.17-6.8-7.02-6.5l-105.53 9.22c-3.92.3-7.17 3.77-7.17 7.7v8.52l-42.85 3.7.2-44.75c0-7.54 6.1-14.1 13.6-14.8z"/>
|
||||
<path fill="#841F1C" d="M2648.74 134.33l-28.36-28.07v-.3l28.36 28.07v.3z"/>
|
||||
<path fill="#871F1C" d="M2648.74 134.03l-28.36-28.07c0-.38 0-.76.07-1.13l28.37 28.14c-.08.3-.08.68-.08 1.06z"/>
|
||||
<path fill="#8B1F1E" d="M2648.82 132.97l-28.37-28.14c0-.3.08-.6.15-.9l28.37 28.06c-.08.3-.15.6-.15.9z"/>
|
||||
<path fill="#8E201E" d="M2648.97 132l-28.37-28.08c0-.3.08-.6.15-.9l28.37 28.14c-.08.23-.15.53-.15.83z"/>
|
||||
<path fill="#912120" d="M2649.12 131.16l-28.37-28.14.23-.76 28.36 28.07-.22.83z"/>
|
||||
<path fill="#952220" d="M2649.34 130.33l-28.36-28.07c.08-.23.15-.53.23-.75l28.4 28.1c0 .2-.1.6-.2.8z"/>
|
||||
<path fill="#982420" d="M2649.57 129.58l-28.36-28.07c.1-.2.2-.4.3-.7l28.4 28.2c0 .3-.2.5-.3.7z"/>
|
||||
<path fill="#9B2420" d="M2649.87 128.9l-28.36-28.15.3-.68 28.4 28.07c0 .23-.2.46-.3.76z"/>
|
||||
<path fill="#A02421" d="M2650.17 128.14l-28.36-28.07c.1-.22.3-.45.4-.68l28.4 28c-.1.2-.2.4-.4.7z"/>
|
||||
<path fill="#A52522" d="M2650.55 127.46L2622.2 99.4c.06-.23.2-.46.36-.7l28.37 28.1c-.15.2-.3.44-.38.66z"/>
|
||||
<path fill="#A82722" d="M2650.93 126.8l-28.37-28.1c.16-.2.3-.44.46-.67l28.36 28.08-.45.7z"/>
|
||||
<path fill="#AD2823" d="M2651.38 126.1l-28.36-28.07.45-.67 28.36 28.07-.45.68z"/>
|
||||
<path fill="#B02824" d="M2651.83 125.43l-28.36-28.07c.15-.23.38-.46.6-.68l28.37 28.07c-.23.22-.38.45-.6.68z"/>
|
||||
<path fill="#B42924" d="M2652.44 124.75l-28.37-28.07c.23-.23.38-.46.6-.76l28.45 28.15-.68.68z"/>
|
||||
<path fill="#B62B24" d="M2653.12 124.07l-28.44-28.15c.3-.22.53-.45.83-.75l28.4 28.07c-.2.3-.5.53-.7.83z"/>
|
||||
<path fill="#BB2C23" d="M2653.87 123.24l-28.36-28.07 1.1-.83 28.4 28.06c-.3.3-.6.6-1 .9z"/>
|
||||
<path fill="#BD2D24" d="M2654.93 122.4l-28.37-28.06c.53-.38 1.13-.76 1.74-1.06l28.44 28c-.68.37-1.2.75-1.8 1.13z"/>
|
||||
<path fill="#C32E24" d="M2656.74 121.28L2628.3 93.2c.98-.45 1.96-.9 2.94-1.2l28.36 28.07c-.98.3-1.96.75-2.86 1.2z"/>
|
||||
<path fill="#BD2D24" d="M2659.6 120.07L2631.24 92c.68-.15 1.36-.3 2.04-.38l28.36 28.07c-.68 0-1.36.2-2.04.3z"/>
|
||||
<path fill="#BB2C23" d="M2661.64 119.7l-28.36-28.08c.22-.07.45-.07.68-.07l28.36 28.07c-.23 0-.45 0-.68.07z"/>
|
||||
<path fill="#696566" fill-rule="nonzero" d="M2166.16 234l-22.45-62.5c-.2-.86-.7-2-.7-3 0-2.7 2.3-5.28 5.6-5.28 2.9 0 4.7 1.85 5.6 4.56l18.6 53.85 18.7-54c.9-2.56 2.6-4.42 5.4-4.42h.6c3 0 4.9 1.9 5.7 4.5l18.6 54 18.9-54.1c.7-2.3 2.3-4.3 5.3-4.3 3.2 0 5.5 2.5 5.5 5.2 0 1-.4 2.2-.7 3l-22.7 62.5c-1.1 3.3-3.4 5-6 5h-.4c-2.8 0-5-1.7-6-5l-18.4-53.1-18.6 53.1c-1 3.3-3.1 5-6 5h-.3c-2.7 0-5-1.7-6.1-5m163.6-65.3c0-3 2.46-5.6 5.46-5.6 3.17 0 5.6 2.5 5.6 5.6v12.7c5.43-12.3 17.5-18.1 25.48-18.1 3.3 0 5.48 2.5 5.48 5.6 0 3-2 5.2-4.9 5.6-14.3 1.7-26 12.5-26 33.8v25.1c0 3-2.27 5.6-5.4 5.6s-5.6-2.4-5.6-5.6v-64.7zm77.38 70.9c-19.94 0-36.2-15.4-36.2-38.1v-.3c0-21.1 14.7-38.1 34.8-38.1 21.45 0 33.67 17.7 33.67 37.2 0 3-2.4 5.1-5.05 5.1H2382c1.5 15.9 12.6 24.8 25.5 24.8 8.9 0 15.5-3.52 20.9-8.5.8-.7 1.8-1.24 3.1-1.24 2.6 0 4.7 2.1 4.7 4.6 0 1.2-.57 2.5-1.7 3.5-6.9 6.6-15 11-27.37 11zm21.46-42.4c-1.13-13.3-8.7-24.9-23.16-24.9-12.6 0-22.2 10.7-23.57 25h46.7zm-177 19.5v-.3c0-15.5 12.86-23.8 31.56-23.8 9.44 0 16.14 1.2 22.73 3.1V193c0-13.27-8.2-20.13-22-20.13-7.46 0-11.78.94-17.2 3.36-.7.28-1.45.43-2 .43-2.54 0-4.84-2.15-4.84-4.7 0-2.28 1-3.7 3.02-4.6 7.3-3.14 12.8-4.2 22.2-4.2 10.4 0 18.4 2.7 23.8 8.14 5 5 7.6 12.14 7.6 21.57v40.75c0 3.13-2.3 5.42-5.3 5.42-3.1 0-5.2-2.3-5.2-5.15v-7.1c-5.1 6.7-13.7 12.7-26.7 12.7-13.7 0-27.6-7.9-27.6-23m54.4-5.7v-7.2c-5.4-1.6-12.7-3.2-21.7-3.2-13.8 0-21.5 6-21.5 15.3v.3c0 9.2 8.57 14.7 18.6 14.7 13.55 0 24.7-8.3 24.7-20m-339.86-43c-2.4-5.3-8.4-7.7-13.96-5.3-5.6 2.5-7.63 8.7-5.1 14l23.4 50.9c3.7 7.9 7.6 12.1 14.88 12.1 7.8 0 11.2-4.54 14.9-12.15l20.67-44.9c.2-.5.9-1.9 3-1.9 1.75 0 3.2 1.4 3.2 3.3v43.5c0 6.7 3.7 12.2 10.9 12.2 7.14 0 11-5.5 11-12.2v-35.6c0-6.9 4.9-11.35 11.6-11.35 6.7 0 11.18 4.6 11.18 11.33v35.6c0 6.7 3.7 12.2 10.87 12.2s11.04-5.5 11.04-12.2v-35.6c0-6.9 4.9-11.3 11.6-11.3 6.7 0 11.2 4.6 11.2 11.3v35.6c0 6.7 3.75 12.2 10.9 12.2 7.1 0 11-5.5 11-12.2V187c0-14.9-12-25.33-26.4-25.33-14.4 0-23.4 9.96-23.4 9.96-4.8-6.2-11.4-9.93-22.6-9.93-11.8 0-22.1 9.94-22.1 9.94-4.8-6.2-12.92-9.93-19.7-9.93-10.43 0-18.8 4.6-23.8 16.2l-15 35.3-19.2-45.2z"/>
|
||||
<path fill="#F68D11" fill-rule="nonzero" d="M184.64 239.06l-38.6 12.87v55.78l38.64-11.4-.04-57.2m10.06 57.2l38.66 11.5-.13-55.7-38.52-12.9v57.2m30.8 17.5l-36 11.1-35.5-11.1 35.6-9.5 36 9.6m56.5-74.7L243.5 252v55.77l38.65-11.42-.05-57.2m10.06 57.2l38.66 11.44-.1-55.8-38.53-12.9v57.2m30.7 17.4l-36 11.1-35.6-11.1 35.6-9.6 36 9.5m-284.2-99L0 226.2v-55.8l38.6-12.87.05 57.2m10.03 0l38.65 11.45-.13-55.74-38.52-12.9v57.2m30.78 17.48l-36.03 11.13-35.56-11.13 35.6-9.53 36 9.5m56.5-74.7l-38.6 12.8V226L136 214.7l-.04-57.2m10.07 57.2l38.65 11.44-.13-55.74-38.52-12.9v57.2m30.77 17.5l-36.02 11.13-35.55-11.13 35.6-9.5 35.98 9.5M87.3 76L48.7 88.87v55.78l38.65-11.44L87.3 76m10.07 57.2L136 144.67l-.13-55.74L97.35 76v57.2m30.78 17.5L92.1 161.82 56.56 150.7l35.6-9.54 35.98 9.54"/>
|
||||
<g fill-rule="nonzero">
|
||||
<path fill="#CAC9C2" d="M1010.98 285.95l-49.58-85.8 49.58-85.78h99.16l49.58 85.8-49.58 85.78h-99.16"/>
|
||||
<path fill="#FFF" d="M1062.2 239.32c-21.3 0-38.63-17.32-38.63-38.6 0-21.3 17.33-38.6 38.64-38.6 21.4 0 38.7 17.3 38.7 38.6 0 21.28-17.3 38.6-38.6 38.6"/>
|
||||
<path fill="#5072AA" d="M1139.96 85.6l24.82 42.95c-3.14-1.92-6.75-3.14-9.97-3.14h-136.3l-43.1 74.5-24.1-41.3c-1.7-3-2.5-7.2-2.2-11.2l35.7-61.7c3.1-5.2 10.5-9.5 16.6-9.5h122.2c6.1 0 13.5 4.3 16.6 9.6zm-135.6 22.18c4.1 0 7.45-3.33 7.45-7.44 0-4.12-3.3-7.45-7.4-7.45s-7.4 3.3-7.4 7.4c0 4.1 3.4 7.4 7.5 7.4zm122.17-7.44c-.04-3.78-3.12-6.8-6.9-6.8-3.78 0-6.86 3.02-6.9 6.8-.04 2.48 1.27 4.8 3.42 6.04 2.15 1.25 4.8 1.25 6.96 0s3.5-3.56 3.5-6.04z"/>
|
||||
<path fill="#4D6796" d="M950.5 144.68l-1.58 2.7c-.28 4 .46 8.16 2.22 11.2l24.16 41.3 12.86-22.2-37.67-33"/>
|
||||
<path fill="#CC4232" d="M1201.05 191.32c3.04 5.26 3.04 13.86 0 19.12l-61.1 105.7c-3.03 5.26-10.5 9.56-16.56 9.56h-49.5c2.9-1.72 5.4-4.05 6.9-6.6l67.3-118.82-42.5-74.87h49.1c3.2 0 6.8 1.3 9.9 3.2l36.3 62.8zm-81.42 116.13c4.12 0 7.45-3.34 7.46-7.45-.1-4.12-3.4-7.45-7.5-7.45s-7.5 3.33-7.5 7.45c0 4.1 3.3 7.44 7.4 7.45zm58.03-99.3c4.1 0 7.45-3.33 7.45-7.44 0-4.1-3.3-7.4-7.4-7.4-4.1 0-7.4 3.4-7.4 7.5s3.4 7.5 7.5 7.5z"/>
|
||||
<path fill="#B23F33" d="M1166.42 131.37l-1.63-2.82c-3.2-1.92-6.8-3.14-10-3.14h-49.2l12.8 22.6 47.9-16.6"/>
|
||||
<path fill="#ECB02A" d="M1019.4 275.16h86.33l-24.9 43.93c-1.47 2.5-4 4.8-6.9 6.6h-72.72c-6 0-13.5-4.3-16.5-9.6l-61.1-105.7c-3-5.3-3-13.9 0-19.1l25.4-44c-.3 4 .5 8.1 2.2 11.2l68.3 116.5zm-15.04 32.3c4.1-.02 7.45-3.35 7.45-7.46 0-4.12-3.3-7.45-7.4-7.45s-7.4 3.33-7.4 7.45c0 4.1 3.4 7.44 7.5 7.45zm-58.13-99.3c4.1 0 7.45-3.34 7.45-7.45 0-4.1-3.34-7.4-7.45-7.4-4.12 0-7.46 3.4-7.46 7.5s3.34 7.5 7.46 7.5z"/>
|
||||
<path fill="#C79732" d="M1069.78 325.7h4.23c3-1.72 5.5-4.05 7-6.6l24.9-43.94h-26.5l-9.5 50.54"/>
|
||||
</g>
|
||||
<g fill="#456DA7">
|
||||
<path d="M1509.58 326v-48.3c51.13 0 90.82-50.7 71.18-104.52-7.2-19.92-23.16-35.88-43.08-43.08-53.8-19.5-104.52 20.05-104.52 71.18H1385c0-81.5 78.8-145.05 164.27-118.36 37.28 11.72 67.1 41.4 78.67 78.67 26.7 85.6-36.73 164.4-118.36 164.4"/>
|
||||
<path d="M1461.7 277.84h48.02V229.8h-48.03m-37 85.04h37v-37h-37m-31 0h30.9V246.9h-31"/>
|
||||
</g>
|
||||
<path stroke="#979797" stroke-width="2" d="M1807 1v400" stroke-linecap="square"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 14 KiB |
23
website/source/assets/images/feature-simplify.svg
Normal file
23
website/source/assets/images/feature-simplify.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 275 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 427 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
@@ -33,3 +33,11 @@ h1 {
|
||||
.wf-active, .wf-inactive {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md) {
|
||||
.container {
|
||||
padding: 0;
|
||||
max-width: $screen-md;
|
||||
min-width: $screen-sm;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,3 @@
|
||||
//
|
||||
// Home
|
||||
// --------------------------------------------------
|
||||
|
||||
$font-size-xl: 44px;
|
||||
$font-size-l: 36px;
|
||||
$font-size-m: 28px;
|
||||
$font-size-reg: 16px;
|
||||
|
||||
#page-home {
|
||||
// Override the main header
|
||||
#header {
|
||||
@@ -48,633 +39,236 @@ $font-size-reg: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
#hero{
|
||||
position: relative;
|
||||
text-align: center;
|
||||
background: image-url('nomad-giant.jpg') 0 0 no-repeat;
|
||||
@include img-retina("nomad-giant.jpg", "nomad-giant.jpg", 624px, 358px);
|
||||
background-size: cover !important;
|
||||
overflow: hidden;
|
||||
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
margin-left: -500px;
|
||||
border-radius: 500px;
|
||||
background-color: $white;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $gray;
|
||||
header {
|
||||
.hero {
|
||||
margin: 140px auto 160px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hero-graphic{
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
width: 499px;
|
||||
height: 340px;
|
||||
margin-top: 38px;
|
||||
margin-left: -250px;
|
||||
z-index: 2;
|
||||
.button {
|
||||
margin: 5px;
|
||||
|
||||
#hero-logotype{
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
top: 75px;
|
||||
left: 50%;
|
||||
width: 115px;
|
||||
height: 155px;
|
||||
margin-left: -60px;
|
||||
background: image-url('hero-logotype.png') 0 0 no-repeat;
|
||||
@include img-retina("hero-logotype.png", "hero-logotype@2x.png", 115px, 155px);
|
||||
}
|
||||
|
||||
#cubes{
|
||||
.cube{
|
||||
position: absolute;
|
||||
top: 300px;
|
||||
left: 248px;
|
||||
opacity: 0.01;
|
||||
transform: translate(0, 150px);
|
||||
@include transition( all 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) );
|
||||
|
||||
&.in{
|
||||
transform: translate(0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.face {
|
||||
@include transform-origin(0 0);
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
|
||||
&.top{
|
||||
background-color: $nomad-green;
|
||||
transform: rotate(210deg) skewX(-30deg) scaleY(0.864);
|
||||
}
|
||||
&.left{
|
||||
background-color: $nomad-green;
|
||||
transform: rotate(90deg) skewX(-30deg) scaleY(0.864);
|
||||
}
|
||||
&.right{
|
||||
background-color: $nomad-green-dark;
|
||||
transform: rotate(-30deg) skewX(-30deg) scaleY(0.864);
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#hero-text{
|
||||
position: relative;
|
||||
padding-top: 400px;
|
||||
|
||||
#hero-text-content{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-top: 0;
|
||||
color: $body-font-color;
|
||||
font-size: $font-size-xl;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-family: $font-family-open-sans;
|
||||
font-weight: 500;
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
#hero-btns{
|
||||
margin-top: 26px;
|
||||
|
||||
.button {
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tag-line{
|
||||
margin: 15px 0 20px 0;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-top: 60px;
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
line-height: 2em;
|
||||
|
||||
.strong{
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
svg {
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.banner{
|
||||
margin-top: 120px;
|
||||
|
||||
.col{
|
||||
p{
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&.gray-banner{
|
||||
.col{
|
||||
border: 1px solid $gray-light;
|
||||
}
|
||||
|
||||
p{
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
&.green-banner{
|
||||
.col{
|
||||
border: 1px solid $gray-light;
|
||||
}
|
||||
|
||||
p{
|
||||
color: $body-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
&#cta-banner{
|
||||
margin-top: 0;
|
||||
margin-bottom: 80px;
|
||||
|
||||
.col{
|
||||
padding: 60px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.col{
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-bottom: 0px;
|
||||
margin-right: 30px;
|
||||
font-size: $font-size-reg;
|
||||
line-height: $font-size-reg;
|
||||
}
|
||||
|
||||
p, a{
|
||||
display: inline-block;
|
||||
}
|
||||
section {
|
||||
background: $white;
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
#content{
|
||||
overflow: hidden;
|
||||
margin-top: 120px;
|
||||
|
||||
h2{
|
||||
margin-bottom: 120px;
|
||||
text-align: center;
|
||||
font-size: $font-size-m;
|
||||
color: $nomad-green;
|
||||
section.marketing {
|
||||
h2 {
|
||||
font-family: $font-family-klavika;
|
||||
font-size: 36px;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 1.25;
|
||||
letter-spacing: -0.02em;
|
||||
margin: 20px 0 10px 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.feature{
|
||||
position: relative;
|
||||
margin-bottom: 60px;
|
||||
padding-bottom: 60px;
|
||||
border-bottom: 1px solid $gray-light;
|
||||
h3 {
|
||||
color: $black;
|
||||
font-size: 20px;
|
||||
font-weight: $font-weight-bold;;
|
||||
line-height: 1.2;
|
||||
margin: 50px 0 15px 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
p {
|
||||
font-family: $font-family-open-sans;
|
||||
font-size: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
line-height: 1.5;
|
||||
margin: 0 0 10px;
|
||||
|
||||
&#deploy{
|
||||
.feature-graphic{
|
||||
margin-top: -130px;
|
||||
width: 1161px;
|
||||
height: 735px;
|
||||
background: image-url('feature-deploy.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-deploy.png", "feature-deploy@2x.png", 1161px, 735px);
|
||||
}
|
||||
}
|
||||
|
||||
&#maintain{
|
||||
.feature-graphic{
|
||||
margin-top: -50px;
|
||||
width: 1113px;
|
||||
height: 689px;
|
||||
background: image-url('feature-manage.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-manage.png", "feature-manage@2x.png", 1113px, 689px);
|
||||
}
|
||||
}
|
||||
|
||||
&#healing{
|
||||
.feature-graphic{
|
||||
margin-top: 80px;
|
||||
width: 1009px;
|
||||
height: 309px;
|
||||
background: image-url('feature-healing.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-healing.png", "feature-healing@2x.png", 1009px, 309px);
|
||||
}
|
||||
}
|
||||
|
||||
&#density{
|
||||
.feature-graphic{
|
||||
margin-top: 80px;
|
||||
width: 1040px;
|
||||
height: 409px;
|
||||
background: image-url('feature-density.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-density.png", "feature-density@2x.png", 1040px, 409px);
|
||||
}
|
||||
}
|
||||
|
||||
&#partners{
|
||||
.partner-logos{
|
||||
.docker-wrap{
|
||||
border-right: 1px solid $gray-light;
|
||||
|
||||
.partner-logo{
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
height: 180px;
|
||||
|
||||
&.docker-logo{
|
||||
background: image-url('partner-docker.png') center center no-repeat;
|
||||
@include img-retina("partner-docker.png", "partner-docker@2x.png", 100px, 84px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cloud-wrap{
|
||||
.partner-logo{
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 180px;
|
||||
|
||||
&.aws-logo{
|
||||
background: image-url('partner-amazon.png') center center no-repeat;
|
||||
@include img-retina("partner-amazon.png", "partner-amazon@2x.png", 153px, 56px);
|
||||
}
|
||||
&.google-logo{
|
||||
background: image-url('partner-google.png') center center no-repeat;
|
||||
@include img-retina("partner-google.png", "partner-google@2x.png", 135px, 87px);
|
||||
}
|
||||
&.microsoft-logo{
|
||||
background: image-url('partner-microsoft.png') center center no-repeat;
|
||||
@include img-retina("partner-microsoft.png", "partner-microsoft@2x.png", 188px, 84px);
|
||||
}
|
||||
&.engineyard-logo{
|
||||
background: image-url('partner-engineyard.png') center center no-repeat;
|
||||
@include img-retina("partner-engineyard.png", "partner-engineyard@2x.png", 178px, 37px);
|
||||
}
|
||||
&.digitalocean-logo{
|
||||
background: image-url('partner-digitalocean.png') center center no-repeat;
|
||||
@include img-retina("partner-digitalocean.png", "partner-digitalocean@2x.png", 134px, 85px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feature-graphic{
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.feature-header{
|
||||
|
||||
&.right{
|
||||
h3, p{
|
||||
text-align: right;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
margin: 30px 0 20px 0;
|
||||
color: $body-font-color;
|
||||
letter-spacing: 1px;
|
||||
font-size: $font-size-l;
|
||||
line-height: 1.25em;
|
||||
max-width: 640px;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-bottom: 30px;
|
||||
color: $gray;
|
||||
font-size: $font-size-reg+2;
|
||||
line-height: 1.75em;
|
||||
max-width: 480px;
|
||||
}
|
||||
}
|
||||
|
||||
.feature-footer{
|
||||
margin-top: -50px;
|
||||
|
||||
p{
|
||||
display: inline-block;
|
||||
color: $body-font-color;
|
||||
font-size: $font-size-reg;
|
||||
line-height: 1.75em;
|
||||
max-width: 320px;
|
||||
padding-left: 20px;
|
||||
border-left: 1px solid $gray-light;
|
||||
}
|
||||
|
||||
.docker-outline-logo{
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 67px;
|
||||
position: relative;
|
||||
top: 12px;
|
||||
margin-left: 8px;
|
||||
background: image-url('partner-docker.png') 0 0 no-repeat;
|
||||
@include img-retina("partner-docker.png", "partner-docker@2x.png", 80px, 67px);
|
||||
}
|
||||
|
||||
a{
|
||||
margin-bottom: 15px;
|
||||
margin-left: 15px;
|
||||
|
||||
&:first-child{
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
&.lead {
|
||||
font-size: 20px;
|
||||
margin: 30px 0 30px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width:1200px) {
|
||||
#cta a {
|
||||
margin-top: 15px;
|
||||
span.callout {
|
||||
background: $black;
|
||||
color: $white;
|
||||
display: inline-block;
|
||||
font-family: $font-family-klavika;
|
||||
font-size: 18px;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width:992px) {
|
||||
#cta a {
|
||||
margin-top: 10px;
|
||||
&.green {
|
||||
background: $nomad-green;
|
||||
|
||||
h2, h3 {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $white;
|
||||
font-weight: $font-weight-reg;
|
||||
}
|
||||
|
||||
a {
|
||||
border-bottom: 1px solid $white;
|
||||
color: $white;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
span.callout {
|
||||
background: $white;
|
||||
color: $nomad-green;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
#content{
|
||||
.feature{
|
||||
&#deploy{
|
||||
.feature-graphic{
|
||||
margin-top: -60px;
|
||||
width: 768px;
|
||||
height: 486px;
|
||||
background: image-url('feature-deploy.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-deploy.png", "feature-deploy@2x.png", 768px, 486px);
|
||||
}
|
||||
&.gray {
|
||||
background: #EDEDED;
|
||||
|
||||
.feature-footer{
|
||||
margin-top: 0;
|
||||
}
|
||||
h2, h3 {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $black;
|
||||
font-weight: $font-weight-reg;
|
||||
}
|
||||
|
||||
span.callout {
|
||||
background: $white;
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
|
||||
&.black {
|
||||
background: $black;
|
||||
|
||||
h2, h3 {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $white;
|
||||
font-weight: $font-weight-reg;
|
||||
}
|
||||
|
||||
a {
|
||||
border-bottom: 1px solid $white;
|
||||
color: $white;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&#maintain{
|
||||
.feature-graphic{
|
||||
margin-top: -50px;
|
||||
width: 768px;
|
||||
height: 475px;
|
||||
background: image-url('feature-manage.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-manage.png", "feature-manage@2x.png", 768px, 475px);
|
||||
}
|
||||
}
|
||||
span.callout {
|
||||
background: $white;
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
|
||||
&#density{
|
||||
.feature-graphic{
|
||||
width: 768px;
|
||||
height: 302px;
|
||||
background: image-url('feature-density.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-density.png", "feature-density@2x.png", 768px, 302px);
|
||||
}
|
||||
}
|
||||
&#hybrid-multi-cloud {
|
||||
svg {
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
max-height: 100px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&#partners{
|
||||
.partner-logos{
|
||||
.docker-wrap{
|
||||
//border: none;
|
||||
.partner-logo{
|
||||
@include scale(.8);
|
||||
margin-left: -18px;
|
||||
}
|
||||
}
|
||||
.cloud-wrap{
|
||||
.partner-logo{
|
||||
@include scale(.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&#flexible-workloads {
|
||||
svg {
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
max-height: 100px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&#simplify {
|
||||
svg {
|
||||
display: block;
|
||||
margin: 60px 30px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&#binpacking {
|
||||
svg {
|
||||
display: block;
|
||||
margin: 60px auto;
|
||||
max-height: 300px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#hero{
|
||||
#hero-graphic{
|
||||
@include scale(.8);
|
||||
}
|
||||
}
|
||||
.terminal {
|
||||
border: 1px solid $white;
|
||||
background-color: $black;
|
||||
box-sizing: border-box;
|
||||
color: $white;
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.8;
|
||||
margin: 20px auto auto auto;
|
||||
padding: 10px 20px 20px 20px;
|
||||
|
||||
#content{
|
||||
.feature{
|
||||
&#deploy{
|
||||
.feature-graphic{
|
||||
margin-top: 0px;
|
||||
width: 480px;
|
||||
height: 304px;
|
||||
background: image-url('feature-deploy.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-deploy.png", "feature-deploy@2x.png", 480px, 304px);
|
||||
}
|
||||
.terminal-content {
|
||||
margin-top: 5px;
|
||||
overflow-x: scroll;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
|
||||
.feature-footer{
|
||||
margin-top: 30px;
|
||||
span {
|
||||
display: block;
|
||||
|
||||
.docker-outline-logo{
|
||||
width: 94px;
|
||||
height: 63px;
|
||||
background: image-url('partner-docker.png') 0 0 no-repeat;
|
||||
@include img-retina("partner-docker.png", "partner-docker@2x.png", 94px, 63px);
|
||||
}
|
||||
}
|
||||
span {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
&#maintain{
|
||||
.feature-graphic{
|
||||
margin-top: 30px;
|
||||
width: 480px;
|
||||
height: 297px;
|
||||
background: image-url('feature-manage.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-manage.png", "feature-manage@2x.png", 480px, 297px);
|
||||
}
|
||||
&.pre {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
&#healing{
|
||||
.feature-graphic{
|
||||
margin-top: 30px;
|
||||
width: 480px;
|
||||
height: 147px;
|
||||
background: image-url('feature-healing.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-healing.png", "feature-healing@2x.png", 480px, 147px);
|
||||
}
|
||||
}
|
||||
|
||||
&#density{
|
||||
.feature-graphic{
|
||||
margin-top: 30px;
|
||||
width: 480px;
|
||||
height: 189px;
|
||||
background: image-url('feature-density.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-density.png", "feature-density@2x.png", 480px, 189px);
|
||||
}
|
||||
}
|
||||
|
||||
&#partners{
|
||||
.partner-logo{
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
width: 100% !important;
|
||||
margin: 0 auto;
|
||||
-webkit-transform: scale(1) !important;
|
||||
-ms-transform: scale(1) !important;
|
||||
transform: scale(1) !important;
|
||||
margin-left: 0 !important;
|
||||
height: 130px !important;
|
||||
}
|
||||
|
||||
p{
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feature-header{
|
||||
h3,p{
|
||||
text-align: center !important;
|
||||
max-width: none !important;
|
||||
float: none !important;
|
||||
&.text-green {
|
||||
color: lighten($nomad-green, 20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.banner{
|
||||
padding: 18px;
|
||||
margin: 0 20px;
|
||||
|
||||
.col{
|
||||
text-align: center;
|
||||
|
||||
p{
|
||||
display: block;
|
||||
margin-right: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#cta{
|
||||
.intro{
|
||||
text-align: center;
|
||||
p{
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 480px) {
|
||||
#hero{
|
||||
background: none;
|
||||
|
||||
&:before{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#hero-graphic{
|
||||
height: 60px;
|
||||
margin-top: 0;
|
||||
@include scale(.54);
|
||||
}
|
||||
|
||||
#hero-text{
|
||||
position: relative;
|
||||
padding-top: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
#content{
|
||||
.feature{
|
||||
&#deploy{
|
||||
.feature-graphic{
|
||||
width: 280px;
|
||||
height: 177px;
|
||||
background: image-url('feature-deploy.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-deploy.png", "feature-deploy@2x.png", 280px, 177px);
|
||||
}
|
||||
.feature-footer{
|
||||
.docker-outline-logo{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#maintain{
|
||||
.feature-graphic{
|
||||
margin-top: 30px;
|
||||
width: 280px;
|
||||
height: 173px;
|
||||
background: image-url('feature-manage.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-manage.png", "feature-manage@2x.png", 280px, 173px);
|
||||
}
|
||||
}
|
||||
|
||||
&#healing{
|
||||
.feature-graphic{
|
||||
width: 280px;
|
||||
height: 86px;
|
||||
background: image-url('feature-healing.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-healing.png", "feature-healing@2x.png", 280px, 86px);
|
||||
}
|
||||
}
|
||||
|
||||
&#density{
|
||||
.feature-graphic{
|
||||
width: 280px;
|
||||
height: 110px;
|
||||
background: image-url('feature-density.png') 0 0 no-repeat;
|
||||
@include img-retina("feature-density.png", "feature-density@2x.png", 280px, 110px);
|
||||
}
|
||||
}
|
||||
span.circle {
|
||||
&:before {
|
||||
content: '\25CF';
|
||||
color: $white;
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 30px;
|
||||
line-height: 1;
|
||||
margin: 0 0 0 -4px;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,144 +1,396 @@
|
||||
<div id="hero">
|
||||
---
|
||||
description: |-
|
||||
Nomad is a highly available, distributed, data-center aware cluster and
|
||||
application scheduler designed to support the modern datacenter with support
|
||||
for long-running services, batch jobs, and much more.
|
||||
---
|
||||
|
||||
<header>
|
||||
<div class="container hero">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-2 col-md-8">
|
||||
<%= inline_svg "logo-hashicorp.svg", height: 120, class: "logo" %>
|
||||
|
||||
<h1>Easily Deploy Applications at Any Scale</h1>
|
||||
|
||||
<a class="button primary" href="/intro/index.html">Get Started</a>
|
||||
<a class="button" href="/downloads.html">Download <%= latest_version %></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id="features" class="marketing green">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div id="hero-graphic">
|
||||
<div id="cubes">
|
||||
<div class="cube">
|
||||
<span class="face top"></span>
|
||||
<span class="face left"></span>
|
||||
<span class="face right"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="hero-logotype"></div>
|
||||
</div>
|
||||
<div id="hero-text">
|
||||
<div id="hero-text-content">
|
||||
<h1>Easily deploy applications at any scale</h1>
|
||||
<h4>A Distributed, Highly Available, Datacenter-Aware Scheduler</h4>
|
||||
<div id="hero-btns">
|
||||
<a class="button primary" href="/intro/index.html">Get Started</a>
|
||||
<a class="button" href="/downloads.html">Download Now</a>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<h2>Simple and Lightweight</h2>
|
||||
<p class="lead">
|
||||
Nomad is a single binary that schedules applications and services on
|
||||
Linux, Windows, and Mac. It is an open source scheduler that uses a
|
||||
declarative job file for scheduling virtualized, containerized, and
|
||||
standalone applications.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>1. Declare Jobs</h3>
|
||||
<p>
|
||||
Users compose and submit high-level job files. Nomad handles the
|
||||
scheduling, deploying, and upgrading of the applications over time.
|
||||
</p>
|
||||
<p>
|
||||
This flexibilty makes it easy to deploy one container, dozens of
|
||||
containers, or even <a
|
||||
href="https://www.hashicorp.com/c1m/">millions</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>2. Plan Changes</h3>
|
||||
<p>
|
||||
With the built-in dry-run execution, Nomad shows what scheduling
|
||||
decisions it will take, before it takes them. Operators can approve or
|
||||
deny these changes to create a safe and reproducible workflow.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>3. Run Applications</h3>
|
||||
<p>
|
||||
Nomad runs applications and ensures they keep running in failure
|
||||
scenarios. In addition to long-running services, Nomad can schedule
|
||||
batch jobs, distributed cron jobs, or parameterized jobs.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>4. Monitor Progress</h3>
|
||||
<p>
|
||||
Stream logs, send signals, and interact with the filesystem of
|
||||
scheduled applications. These operator-friendly commands bring the
|
||||
familiar debugging tools to a scheduled world.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="hybrid-multi-cloud" class="marketing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<span class="callout">Combine</span>
|
||||
<h2>Hybrid & Multi Cloud</h2>
|
||||
<p class="lead">
|
||||
As more organizations migrate to cloud technologies, the desire to
|
||||
run in multiple datacenters and multiple regions becomes critical.
|
||||
Nomad can span public and private clouds and treat all your
|
||||
infrastructure as a pool of resources.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<%= inline_svg "feature-public-private-clouds.svg" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>Hybrid Cloud</h3>
|
||||
<p>
|
||||
Nomad can bridge the gap between the public and private cloud,
|
||||
creating a unified interface for developers to deploy and run any
|
||||
application on any platform. Easily run services across your internal
|
||||
private cloud and external public cloud transparently to application
|
||||
developers.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Multi Cloud</h3>
|
||||
<p>
|
||||
As more organizations migrate to cloud technologies, the desire to run
|
||||
applications simultaneously across multiple clouds increases. Nomad
|
||||
combines the power of all cloud providers into a single, unified
|
||||
interface for deploying applications and running services.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="simplify" class="marketing green">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<span class="callout">Maintain</span>
|
||||
<h2>Simplify Operations</h2>
|
||||
<p class="lead">
|
||||
Nomad simplifies operations by supporting blue/green deployments,
|
||||
automatically handling machine failures, and providing a single
|
||||
workflow to deploy applications.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<%= inline_svg "feature-simplify.svg" %>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Blue/Green Deployments</h3>
|
||||
<p>
|
||||
Nomad supports blue/green and canary deployments through the
|
||||
declarative job file syntax. By specifying multiple task groups,
|
||||
Nomad allows for easily changing the quantity and parameters of
|
||||
each group to perform automatic or manual rolling deploys.
|
||||
</p>
|
||||
|
||||
<h3>Automatic Machine Failures</h3>
|
||||
<p>
|
||||
Because it knows the state of all nodes and applications, if a
|
||||
node becomes unhealthy, Nomad will automatically reschedule the
|
||||
applications that were previously running on the unhealthy host
|
||||
onto a new, healthy host if capacity exists. As new clients are
|
||||
added to the cluster, they can share the responsibility of
|
||||
running applications and services.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="flexible-workloads" class="marketing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<span class="callout">Support</span>
|
||||
<h2>Flexible Workloads</h2>
|
||||
<p class="lead">
|
||||
In addition to supporting Linux, Windows, and Mac, Nomad has
|
||||
extensible support for containerized, virtualized, and standalone
|
||||
applications. Easily start Docker containers, VMs, or application
|
||||
runtimes like Java.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<%= inline_svg "feature-flexible-workloads.svg" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>Diverse Technologies</h3>
|
||||
<p>
|
||||
By supporting a wide range of technologies such as Docker, RKT, and
|
||||
LXC, Nomad does not force you into a single technology. Easily use
|
||||
multiple container or virtualization runtimes simultaneously.
|
||||
Applications with their own runtime such as Java or Golang can be
|
||||
scheduled directly without the overhead of a container.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Multi OS</h3>
|
||||
<p>
|
||||
The Nomad client runs on Linux, Windows, and Mac OS. This diverse
|
||||
operating system support enables using the same application scheduler
|
||||
for all your scheduling and runtime needs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="binpacking" class="marketing black">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<span class="callout">Maximize</span>
|
||||
<h2>Increase Utilization & Reduce Costs</h2>
|
||||
<p class="lead">
|
||||
Nomad uses bin packing to optimize application placement onto servers
|
||||
to maximize resource utilization, increase density, and help reduce
|
||||
costs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<%= inline_svg "feature-binpacking.svg" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>Increase Density</h3>
|
||||
<p>
|
||||
Nomad places applications and services based on a bin packing
|
||||
algorithm, which is used to optimize the resource utilization and
|
||||
density of applications, but is also augmented by affinity and
|
||||
anti-affinity rules. This algorithm ensures maximum utilization of
|
||||
resources such as CPU, memory, and disk.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Reduce Costs</h3>
|
||||
<p>
|
||||
By maximizing resource utilization, Nomad can help remove unused or
|
||||
under-utilized machines in the cluster, reducing overall costs.
|
||||
Additionally, Nomad enables organizations to utilize larger, more
|
||||
cost-effective compute devices which can be less expensive at scale.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="examples" class="marketing gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h2>Examples</h2>
|
||||
<h3>Create and Submit Jobs</h3>
|
||||
<p>
|
||||
Easily create, validate, submit, and check the status of jobs using
|
||||
the Nomad CLI.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="terminal">
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
<div class="terminal-content">
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad init</span>
|
||||
</span>
|
||||
<span>Example job file written to example.nomad</span>
|
||||
<span> </span>
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad validate example.nomad</span>
|
||||
</span>
|
||||
<span>Job validation successful</span>
|
||||
<span> </span>
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad run example.nomad</span>
|
||||
</span>
|
||||
<span>==> Monitoring evaluation "feb23392"</span>
|
||||
<span class="pre"> Evaluation triggered by job "example"</span>
|
||||
<span class="pre"> Evaluation within deployment: "7ffa7ed1"</span>
|
||||
<span class="pre"> Allocation "a2f24fcf" created: node "3714a84a", group "cache"</span>
|
||||
<span class="pre"> Evaluation status changed: "pending" -> "complete"</span>
|
||||
<span>==> Evaluation "feb23392" finished with status "complete"</span>
|
||||
<span> </span>
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad status</span>
|
||||
</span>
|
||||
<span class="pre">ID Type Priority Status Submit Date</span>
|
||||
<span class="pre">example service 50 running <%= Time.now.strftime("%m/%d/%y %H:%M:%S %Z") %></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="subhero-banner" class="banner gray-banner">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-md-12">
|
||||
<p>Nomad scheduled 1 million containers on 5,000 hosts in under 5 minutes</p>
|
||||
<a class="button inline" href="https://www.hashicorp.com/c1m.html">Read more</a>
|
||||
<div class="col-sm-12">
|
||||
<h3>Plan Changes</h3>
|
||||
<p>
|
||||
Perform a dry-run execute to check application placement, scheduling
|
||||
decisions, and visualize failures before they happen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class=" col-md-12">
|
||||
<h2 class="feature-section-title">Overview</h2>
|
||||
|
||||
<div id="deploy" class="feature">
|
||||
<div class="feature-header">
|
||||
<h3>Easily Deploy</h3>
|
||||
<p>
|
||||
Users submit simple high-level jobs and Nomad handles
|
||||
scheduling, deploying and upgrading applications.
|
||||
</p>
|
||||
<div class="col-sm-12">
|
||||
<div class="terminal">
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
<div class="terminal-content">
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad plan example.nomad</span>
|
||||
</span>
|
||||
<span class="pre">+/- Job: "example"</span>
|
||||
<span class="pre">+/- Task Group: "cache" (2 create, 1 in-place update)</span>
|
||||
<span class="pre"> +/- Count: "1" => "3" (forces create)</span>
|
||||
<span class="pre"> Task: "redis"</span>
|
||||
<span> </span>
|
||||
<span class="pre">Scheduler dry-run:</span>
|
||||
<span class="pre">- All tasks successfully allocated.</span>
|
||||
<span> </span>
|
||||
<span class="pre">Job Modify Index: 7</span>
|
||||
<span> </span>
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad run -check-index=7 example.nomad</span>
|
||||
</span>
|
||||
<span>==> Monitoring evaluation "e338a6ae"</span>
|
||||
<span class="pre"> Evaluation triggered by job "example"</span>
|
||||
<span class="pre"> Evaluation within deployment: "43310206"</span>
|
||||
<span class="pre"> Allocation "991a0d89" created: node "c5916a99", group "cache"</span>
|
||||
<span class="pre"> Allocation "daee8be1" created: node "c5916a99", group "cache"</span>
|
||||
<span class="pre"> Allocation "83f29312" modified: node "c5916a99", group "cache"</span>
|
||||
<span class="pre"> Evaluation status changed: "pending" -> "complete"</span>
|
||||
<span>==> Evaluation "e338a6ae" finished with status "complete"</span>
|
||||
</div>
|
||||
<div class="feature-graphic"></div>
|
||||
<div class="feature-footer">
|
||||
<p>Nomad makes it easy to deploy one container or thousands.</p>
|
||||
<span class="docker-outline-logo"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="partners" class="feature">
|
||||
<div class="feature-header right clearfix">
|
||||
<div class="row">
|
||||
<h3 class="">Any Cloud or Every Cloud</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<p>
|
||||
Multi-Datacenter and Multi-Region support enables running applications
|
||||
on any cloud, public or private.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="partner-logos">
|
||||
<div class="row">
|
||||
<div class="col-sm-2 docker-wrap">
|
||||
<span class="partner-logo docker-logo"></span>
|
||||
</div>
|
||||
<div class="col-sm-10 cloud-wrap clearfix">
|
||||
<span class="partner-logo aws-logo"></span>
|
||||
<span class="partner-logo google-logo"></span>
|
||||
<span class="partner-logo microsoft-logo"></span>
|
||||
<span class="partner-logo digitalocean-logo"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="maintain" class="feature">
|
||||
<div class="feature-header">
|
||||
<h3>Flexible Workloads</h3>
|
||||
<p>
|
||||
Nomad has extensible support for task drivers, allowing it to run
|
||||
containerized, virtualized, and standalone applications. Users can easily
|
||||
start Docker containers, VMs, or application runtimes like Java. Nomad
|
||||
supports Linux, Windows, BSD and OSX, providing the flexibility to run
|
||||
any workload.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-graphic"></div>
|
||||
</div>
|
||||
|
||||
<div id="healing" class="feature">
|
||||
<div class="feature-header right clearfix">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<h3>Simplify Operations</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<p>
|
||||
Nomad simplifies operations by supporting blue/green deployments,
|
||||
automatically handling machine failures, and providing a single workflow
|
||||
to deploy applications.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-graphic"></div>
|
||||
</div>
|
||||
|
||||
<div id="density" class="feature">
|
||||
<div class="feature-header">
|
||||
<h3>Increase Density, Reduce Cost</h3>
|
||||
<p>Nomad packs applications onto servers to maximize resource utilization, increase density, and reduce costs.</p>
|
||||
</div>
|
||||
<div class="feature-graphic"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cta-banner" class="banner green-banner">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-md-12">
|
||||
<p>Completely free and open source.</p>
|
||||
<a class="button" href="/intro">Get Started</a>
|
||||
<div class="col-sm-12">
|
||||
<h3>View Application Logs</h3>
|
||||
<p>
|
||||
Stream application logs directly in the terminal to help analyze and
|
||||
debug applications.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="terminal">
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
<span class="circle"></span>
|
||||
<div class="terminal-content">
|
||||
<span>
|
||||
<span class="text-green">admin@hashicorp.com:</span>
|
||||
<span>nomad logs -tail -job example</span>
|
||||
</span>
|
||||
<span><%= Time.now.strftime("%d %b %H:%M:%S") %> # Server started, Redis version 3.2.9</span>
|
||||
<span><%= Time.now.strftime("%d %b %H:%M:%S") %> * The server is now ready to accept connections on port 6379</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-lg-8 col-lg-offset-2">
|
||||
<p class="lead" align="center">
|
||||
The introduction contains a walkthrough guide, glossary, and a range
|
||||
of examples to experiment with Terraform.
|
||||
</p>
|
||||
<p align="center">
|
||||
<a href="/intro/index.html" class="button primary">Get Started</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user