rhnvrm
/
rohanverma.net
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
32 Incheckningar
2 Grenar
Träd: 93ab570ebd
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '93ab570ebd'
${ noResults }
rohanverma.net/themes/after-dark/docs/layouts/index.html

184 lines
4.8KB
Rå Blame Historik 

  1. {{ define "title" -}}

  2.   {{ .Params.title }} | Semantic Design System for Hugo

  3. {{- end }}

  4. {{ define "header" }}

  5.   {{ partial "masthead.html" . }}

  6.   <style>

  7.     :root {

  8.       --vertical-rhythm: 5rem;

  9.       --logo-animation-filter-start: drop-shadow(0 -25px 45px #ff2e88) brightness(1) drop-shadow(0 -55px 35px #ff2e88) brightness(1) drop-shadow(0 -35px 155px #ff9800) brightness(4);

  10.       --logo-animation-filter-end: drop-shadow(0 -20px 45px #ff2e88) brightness(.1) drop-shadow(0 0 5px #ff2e88) brightness(.7) drop-shadow(0 -20px 135px #ff2e88) brightness(2);

  11.     }

  12.     main, footer, header, caption {

  13.       text-align: center;

  14.     }

  15.     nav[itemtype*="SiteNavigationElement"] {

  16.       opacity: 0;

  17.       transition: opacity 300ms ease;

  18.     }

  19.     nav[itemtype*="SiteNavigationElement"]:focus-within {

  20.       opacity: 1;

  21.       transition: opacity 300ms ease;

  22.     }

  23.     @media screen and (max-width: 768px) {

  24.       nav[itemtype*="SiteNavigationElement"] {

  25.         display: none;

  26.       }

  27.       .hack header h1 {

  28.         margin-top: 2rem !important;

  29.       }

  30.       .grid {

  31.         flex-direction: row;

  32.       }

  33.       .cell {

  34.         flex: 1;

  35.       }

  36.     }

  37.     .shaded {

  38.       filter: var(--logo-animation-filter-start);

  39.       opacity: 0;

  40.     }

  41.     .animated {

  42.       /* FIXME: Animation disabled due to browser conflict with Web Miner */

  43.       animation: reveal 2s both;

  44.       opacity: 1; /* remove with fix */

  45.       filter: var(--logo-animation-filter-end); /* remove with fix */

  46.     }

  47.     @keyframes reveal {

  48.       from {

  49.         filter: var(--logo-animation-filter-start);

  50.       }

  51.       to {

  52.         filter: var(--logo-animation-filter-end);

  53.         opacity: 1;

  54.       }

  55.     }

  56.     .hack .grid {

  57.       justify-content: center;

  58.     }

  59.     .hack header h1:after {

  60.       content: none;

  61.     }

  62.     .hack header h1 {

  63.       font-family: Futura,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;

  64.       padding: 0;

  65.       margin: 1rem;

  66.       font-size: 3em;

  67.       display: inline-block;

  68. 

  69.       background-color: #2a3439;

  70.       color: transparent;

  71.       text-shadow: 0 2px 3px rgba(255, 255, 255, 0.1);

  72.       -webkit-background-clip: text;

  73.       -moz-background-clip: text;

  74.       background-clip: text;

  75.       filter: brightness(3);

  76.     }

  77.     .hack header h1 sup {

  78.       font-size: 1rem;

  79.     }

  80.     .hack header h1 sup:before {

  81.       content: " ";

  82.     }

  83.     .hack header h2:before,

  84.     .hack section h2:before {

  85.       content: unset;

  86.     }

  87.     .hack header h2,

  88.     .hack section h2 {

  89.       margin-top: .8rem;

  90.       font-size: 1.2em;

  91.     }

  92.     .hack header h2 {

  93.       margin-top: -1rem;

  94.     }

  95.     .hack .install.cta {

  96.       margin-top: -1rem;

  97.       margin-bottom: 2rem;

  98.     }

  99.     .hack .install.cta form[action*="quick-install"] {

  100.       width: unset;

  101.     }

  102.     .hack .install.cta form[action*="quick-install"] button {

  103.       border-radius: 4px;

  104.       color: #ccc;

  105.       background-color: #ff2e8860;

  106.       transition: all 0.25s ease;

  107.     }

  108.     .hack .install.cta form[action*="quick-install"] button:hover,

  109.     .hack .install.cta form[action*="quick-install"] button:focus {

  110.       background-color: #ff2e8880;

  111.       color: #fff;

  112.     }

  113.     .hack .install.cta form[action*="quick-install"] button svg {

  114.       stroke: #ff9800;

  115.     }

  116.     .hack section:not(.capabilities) {

  117.       margin: var(--vertical-rhythm) 0;

  118.     }

  119.     .hack section.hero {

  120.       margin-top: -2rem;

  121.       margin-bottom: 0;

  122.     }

  123.     .hack section.hero figure {

  124.       margin: 0;

  125.       line-height: 0;

  126.       min-height: 266px;

  127.     }

  128.     @media screen and (min-width: 768px) {

  129.       .hack section.hero figure img {

  130.         margin: -3em 0 -2em;

  131.       }

  132.     }

  133.     .hack section.tagline p {

  134.       margin: 0;

  135.       font-size: 1.1rem;

  136.       line-height: 1.6;

  137.     }

  138.     .hack section.capabilities table a {

  139.       display: block;

  140.     }

  141.     .hack footer section.cta {

  142.       margin-top: 6rem;

  143.     }

  144.     .hack footer section.cta a {

  145.       border-bottom: none;

  146.       background-color: inherit;

  147.       color: #ff9800;

  148.       display: inline-block;

  149.     }

  150.     .hack footer section.cta a:hover {

  151.       color: #fff;

  152.     }

  153.     .hack footer section.cta a small {

  154.       display: block;

  155.     }

  156.     .hack footer section.license {

  157.       display: block;

  158.       margin: 3rem;

  159.     }

  160.     .hack footer section.license blockquote {

  161.       margin-top: 3rem;

  162.     }

  163.     .hack footer section.license a {

  164.       border-bottom: none;

  165.       background-color: inherit;

  166.       filter: var(--logo-animation-filter-end);

  167.     }

  168.     .dark table tbody td:first-child {

  169.       color: inherit;

  170.     }

  171.   </style>

  172. {{ end }}

  173. {{ define "main" }}

  174.   <header>

  175.     <h1>{{ .Title }}<sup class="muted">v{{ .Site.Data.npm.latest.version }}</sup></h1>

  176.     <h2 class="muted">Semantic Design System for Hugo</h2>

  177.   </header>

  178.   {{ .Content }}

  179. {{ end }}

  180. {{ define "footer" }}

  181.   {{ partial "powered-by.html" . }}

  182.   {{ partial "cookie-disclaimer.html" . }}

  183. {{ end }}