{
  "id": "html5up-dimension",
  "kind": "site-template",
  "title": "Dimension one-pager",
  "summary": "A one-page site whose sections open as floating panels while the background zooms and blurs behind them. Recoloured in Enrichr greens, cream and lime.",
  "url": "https://enrichr.dev/templates/html5up-dimension.html",
  "section": "page",
  "techniques": [
    "reveal",
    "parallax"
  ],
  "stack": [
    "HTML",
    "CSS",
    "jQuery"
  ],
  "mood": [
    "dark",
    "minimal"
  ],
  "intents": [
    "one page site",
    "personal landing page",
    "coming soon page",
    "modal sections",
    "portfolio intro"
  ],
  "motion": [
    "On load the header lines draw out and the logo, title and menu fade in.",
    "Opening a menu item zooms and blurs the background photo and fades the panel in over it.",
    "Escape, the close button or a click outside closes the panel and reverses the zoom."
  ],
  "demo": "https://enrichr.dev/vendor/html5up/dimension/index.html",
  "download": "https://enrichr.dev/vendor/html5up/dimension.zip",
  "source": {
    "name": "HTML5 UP",
    "author": "AJ (@ajlkn)",
    "license": "CC BY 3.0",
    "licenseUrl": "https://html5up.net/license",
    "url": "https://html5up.net/dimension"
  },
  "license": "CC BY 3.0 by HTML5 UP (https://html5up.net/license); keep the HTML5 UP credit. Recoloured by Enrichr: only colour values changed.",
  "colours": {
    "map": {
      "#1b1f22": "#0c1e18",
      "#131519": "#0c1e18",
      "#000000": "#050d0a",
      "#ffffff": "#fbf8f1"
    },
    "scoped": [
      {
        "sel": "\\.primary",
        "prop": "^background-color$",
        "from": "#ffffff",
        "to": "#e6ff55",
        "where": "primary buttons"
      },
      {
        "sel": ":checked \\+ label:before",
        "from": "#ffffff",
        "to": "#e6ff55",
        "where": "ticked checkboxes and radio buttons"
      },
      {
        "sel": ":focus",
        "from": "#ffffff",
        "to": "#e6ff55",
        "where": "focused fields"
      },
      {
        "sel": "^a$",
        "prop": "^border-bottom$",
        "from": "#ffffff",
        "to": "#e6ff55",
        "where": "link underlines"
      }
    ]
  }
}