git.maquefel.me Git - brevno-suite/hugo/blob

   1   <div class="flex-ns flex-wrap center mw9">
   2     <!-- LEFT -->
   3
   4     <div class="w-100 w-50-ns">
   5       <div class="w-80 center tc nested-copy-line-height">
   6         <h3 class="f2 black">Install in seconds, build in milliseconds.</h3>
   7         <p class="f3">Hugo works on macOS, Windows, Linux, FreeBSD, and others.</p>
   8         <p class="f3">Host on any server or your favorite CDN.</p>
   9       </div>
  10     </div>
  11
  12     <!-- RIGHT -->
  13     <div class="w-100 w-50-ns tc">
  14       <div class="h4">
  15         <img src="/images/gopher-hero.svg" alt="Hugo Gopher" class="h4">
  16       </div>
  17       <p class="f6 mid-gray m0 p0 pt3">macOS</p>
  18       <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center mb2 tl">
  19         $ brew install hugo <br />
  20       </div>
  21       <p class="f6 mid-gray">Windows</p>
  22       <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center tl">
  23         $ choco install hugo-extended<br />
  24       </div>
  25       <p class="f6 mid-gray">Linux</p>
  26       <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center tl">
  27         $ sudo snap install hugo<br />
  28       </div>
  29
  30
  31       <p class="f5 nested-links"><a href="{{ "getting-started/installing/" | absURL }}" class="link">See the Getting Started Guide for other methods. {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }}</a></p>
  32     </div>
  33
  34     <!-- TODO: the install section should have a tab menu for selecting the preferred installation method, i.e. the binaries from GitHub or the commands for the installation via a package manager https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287498412 -->
  35
  36       <!-- TODO: Animate the gopher  https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287194777 -->
  37
  38   </div>