diff options
| author | gangjun06 <me@gangjun.dev> | 2020-08-13 02:27:16 +0300 |
|---|---|---|
| committer | gangjun06 <me@gangjun.dev> | 2020-08-13 02:27:16 +0300 |
| commit | dec0deaa8e7dca055b99f1c3a55860f114354ecb (patch) | |
| tree | 9719c8af379ae6e2460882af3e5caaf93ae1178c | |
| parent | bbd3d0a885ecd82db69f751b3049c50670399cb4 (diff) | |
about tab
| -rw-r--r-- | layouts/index.html | 1 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 3 | ||||
| -rw-r--r-- | layouts/partials/header.html | 1 | ||||
| -rw-r--r-- | layouts/partials/home.html | 27 | ||||
| -rw-r--r-- | layouts/partials/home_title.html | 3 | ||||
| -rw-r--r-- | static/css/index.css | 14 |
6 files changed, 47 insertions, 2 deletions
diff --git a/layouts/index.html b/layouts/index.html index b482c42..4931c8a 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -7,5 +7,6 @@ <body> {{ partial "navbar.html" . }} {{ partial "home.html" . }} + {{ partial "footer.html" . }} </body> </html> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index e69de29..fb50194 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -0,0 +1,3 @@ +<footer class="text-center mt-8 py-2 bg-gray-900 text-white"> + <div>© {{ now.Format "2006" }} {{ $.Site.Params.Name }}</div> +</footer> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index a970e0d..14872b9 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -3,3 +3,4 @@ <link rel="stylesheet" href="/css/index.css" /> <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> +<script src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script> diff --git a/layouts/partials/home.html b/layouts/partials/home.html index 161c837..4ff220a 100644 --- a/layouts/partials/home.html +++ b/layouts/partials/home.html @@ -5,8 +5,31 @@ <div class="wave wave3"></div> <div class="wave wave4"></div> <div class="centerAll"> - <div class="title">asdf</div> - <div class="text">asdf</div> + <div class="title text-6xl font-bold text-center"> + {{ $.Site.Params.maintitle }} + </div> + <div class="text text-xl text-center">{{ $.Site.Params.maintext }}</div> </div> </div> + {{ $data := .Site.Data.home }} + <main class="container mx-auto mt-8"> + <section id="about" class="flex justify-around"> + <div class="my-auto"> + {{ partial "home_title" (dict "title" "Skills") }} + <div class="flex mt-3 gap-3 text-xl"> + {{ range $data.about.links.link }} + <i class="{{ .icon }}"></i>{{end}} + </div> + </div> + <div class="text-md"> + <div>{{ replace $data.about.text "\n" "<br />" | safeHTML }}</div> + </div> + </section> + <section id="skills" class="mt-4"> + <div class="flex justify-center"> + {{ partial "home_title" (dict "title" "Skills") }} + </div> + </section> + <section id="projects"></section> + </main> </div> diff --git a/layouts/partials/home_title.html b/layouts/partials/home_title.html new file mode 100644 index 0000000..5337fde --- /dev/null +++ b/layouts/partials/home_title.html @@ -0,0 +1,3 @@ +<div class="text-3xl title-deco tracking-wide"> + {{ .title }} +</div> diff --git a/static/css/index.css b/static/css/index.css index 2fbcc51..6e83f65 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -71,3 +71,17 @@ background-position-x: -1000px; } } + +.title-deco { + position: relative; +} + +.title-deco::after { + position: absolute; + content: ""; + width: 42px; + height: 4px; + background: #EE7785; + left: 0; + bottom: 0px; +} |