diff options
author | gangjun06 <me@gangjun.dev> | 2020-08-13 01:15:08 +0300 |
---|---|---|
committer | gangjun06 <me@gangjun.dev> | 2020-08-13 01:15:08 +0300 |
commit | bbd3d0a885ecd82db69f751b3049c50670399cb4 (patch) | |
tree | ceeee6603913369c99086de1c38b8112e377f8b2 |
init commit
-rw-r--r-- | LICENSE | 20 | ||||
-rw-r--r-- | archetypes/default.md | 2 | ||||
-rw-r--r-- | layouts/404.html | 0 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 11 | ||||
-rw-r--r-- | layouts/_default/list.html | 0 | ||||
-rw-r--r-- | layouts/_default/single.html | 0 | ||||
-rw-r--r-- | layouts/index.html | 11 | ||||
-rw-r--r-- | layouts/partials/footer.html | 0 | ||||
-rw-r--r-- | layouts/partials/head.html | 0 | ||||
-rw-r--r-- | layouts/partials/header.html | 5 | ||||
-rw-r--r-- | layouts/partials/home.html | 12 | ||||
-rw-r--r-- | layouts/partials/navbar.html | 44 | ||||
-rw-r--r-- | static/css/index.css | 73 | ||||
-rw-r--r-- | static/img/wave.png | bin | 0 -> 4789 bytes | |||
-rw-r--r-- | theme.toml | 21 |
15 files changed, 199 insertions, 0 deletions
@@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2020 YOUR_NAME_HERE + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..ac36e06 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/404.html diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..5f8e2ec --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<html> + {{- partial "head.html" . -}} + <body> + {{- partial "header.html" . -}} + <div id="content"> + {{- block "main" . }}{{- end }} + </div> + {{- partial "footer.html" . -}} + </body> +</html> diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/_default/list.html diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/_default/single.html diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..b482c42 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<html lang="{{ $.Site.LanguageCode}}"> + <head> + {{ partial "header.html" . }} + <title>{{ $.Site.Title }}</title> + </head> + <body> + {{ partial "navbar.html" . }} + {{ partial "home.html" . }} + </body> +</html> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/partials/footer.html diff --git a/layouts/partials/head.html b/layouts/partials/head.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/partials/head.html diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..a970e0d --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,5 @@ +<meta charset="UTF-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1.0" /> + +<link rel="stylesheet" href="/css/index.css" /> +<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> diff --git a/layouts/partials/home.html b/layouts/partials/home.html new file mode 100644 index 0000000..161c837 --- /dev/null +++ b/layouts/partials/home.html @@ -0,0 +1,12 @@ +<div> + <div id="mainBG" style="background-image: url('{{ $.Site.Params.mainbg }}');"> + <div class="wave wave1"></div> + <div class="wave wave2"></div> + <div class="wave wave3"></div> + <div class="wave wave4"></div> + <div class="centerAll"> + <div class="title">asdf</div> + <div class="text">asdf</div> + </div> + </div> +</div> diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html new file mode 100644 index 0000000..bddca45 --- /dev/null +++ b/layouts/partials/navbar.html @@ -0,0 +1,44 @@ +<nav class="fixed w-full" style="z-index:1000"> + <div + class="container mx-auto flex items-center justify-between flex-wrap bg-transparency p-6" + > + <div class="flex items-center flex-shrink-0 text-white mr-6"> + <a class="font-semibold text-xl tracking-tight" href="/" + >{{ $.Site.Title }}</a + > + </div> + <div class="block lg:hidden"> + <button + class="flex items-center px-3 py-2 border rounded text-teal-200 border-white hover:text-white hover:border-white" + > + <svg + class="fill-current h-3 w-3" + viewBox="0 0 20 20" + xmlns="http://www.w3.org/2000/svg" + > + <title>Menu</title> + <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" /> + </svg> + </button> + </div> + <div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto"> + <div class="text-sm lg:flex-grow"> + {{ $currentPage := . }} {{ range .Site.Menus.main }} + <a + href="{{ .URL }}" + class="block mt-4 lg:inline-block lg:mt-0 text-white hover:text-white mr-4" + > + {{ .Name }} + </a> + {{end}} + </div> + <div> + <a + href="#" + class="inline-block text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal-500 hover:bg-white mt-4 lg:mt-0" + >Blog</a + > + </div> + </div> + </div> +</nav> diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..2fbcc51 --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,73 @@ +.centerAll { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +#mainBG { + position: relative; + width: 100%; + height: 80vh; + overflow: hidden; + background-size: cover; + background-repeat: no-repeat; + color: #ffffff; +} + +#mainBG .wave { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100px; + background: url("/img/wave.png"); + background-size: 1000px 100px; +} + +#mainBG .wave.wave1 { + animation: wave-animate 30s linear infinite; + z-index: 303; + opacity: 1; + animation-delay: 0s; + bottom: 0; +} +#mainBG .wave.wave2 { + animation: wave-animate2 15s linear infinite; + z-index: 302; + opacity: 0.5; + animation-delay: -5s; + bottom: 10px; +} +#mainBG .wave.wave3 { + animation: wave-animate 30s linear infinite; + z-index: 301; + opacity: 0.2; + animation-delay: -2s; + bottom: 15; +} +#mainBG .wave.wave4 { + animation: wave-animate2 5s linear infinite; + z-index: 300; + opacity: 0.7; + animation-delay: -5s; + bottom: 20px; +} + +@keyframes wave-animate { + 0% { + background-position-x: 0; + } + 100% { + background-position-x: 1000px; + } +} + +@keyframes wave-animate2 { + 0% { + background-position-x: 0; + } + 100% { + background-position-x: -1000px; + } +} diff --git a/static/img/wave.png b/static/img/wave.png Binary files differnew file mode 100644 index 0000000..438acd6 --- /dev/null +++ b/static/img/wave.png diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..600620f --- /dev/null +++ b/theme.toml @@ -0,0 +1,21 @@ +# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "SimpleIntro" +license = "MIT" +licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE" +description = "" +homepage = "http://example.com/" +tags = [] +features = [] +min_version = "0.41.0" + +[author] + name = "Gangjun" + homepage = "https://gangjun.dev" + +# If porting an existing theme +[original] + name = "" + homepage = "" + repo = "" |