jcarr
/
hugo-simpleIntro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

about tab

This commit is contained in:
gangjun06 2020-08-12 23:27:16 +00:00
parent bbd3d0a885
commit dec0deaa8e
6 changed files with 47 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layouts/index.html
View File

@ -7,5 +7,6 @@
<body>
{{ partial "navbar.html" . }}
{{ partial "home.html" . }}
{{ partial "footer.html" . }}
</body>
</html>

3
layouts/partials/footer.html
View File

@ -0,0 +1,3 @@
<footer class="text-center mt-8 py-2 bg-gray-900 text-white">
<div>&copy; {{ now.Format "2006" }} {{ $.Site.Params.Name }}</div>
</footer>

1
layouts/partials/header.html
View File

@ -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>

27
layouts/partials/home.html
View File

@ -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>

3
layouts/partials/home_title.html Normal file
View File

@ -0,0 +1,3 @@
<div class="text-3xl title-deco tracking-wide">
{{ .title }}
</div>

14
static/css/index.css
View File

@ -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;
}