diff options
-rw-r--r-- | assets/css/base.css | 11 | ||||
-rw-r--r-- | assets/css/site.css | 20 | ||||
-rw-r--r-- | assets/css/styles.css | 2 | ||||
-rw-r--r-- | layouts/authors/list.html | 39 | ||||
-rw-r--r-- | layouts/partials/head.html | 3 | ||||
-rw-r--r-- | layouts/partials/widgets/about.html | 37 | ||||
-rw-r--r-- | layouts/partials/widgets/details.html | 3 |
7 files changed, 76 insertions, 39 deletions
diff --git a/assets/css/base.css b/assets/css/base.css index f0983dd..f2db655 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -1,3 +1,12 @@ :root{ - @apply font-serif; + @apply font-serif bg-tertiary; + --color-primary: #38B2AC; + --color-secondary: #FBFBFC; + --color-tertiary: #F2F2F7; +} + +.dark { + --color-primary: #38B2AC; + --color-secondary: #303030; + --color-tertiary: #000000; } diff --git a/assets/css/site.css b/assets/css/site.css index 4c94aaf..801cef5 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -1,3 +1,23 @@ .starter { color: blue; } + +.sticky-title { + @apply sticky top-0 +} + +.sticky-toc { + @apply sticky top-0 +} + +.sticky-toc a { + @apply text-gray-100 +} + +.sticky-toc a:hover, a:focus { + @apply text-red-900 +} + +.important-text { + @apply text-red-900 !important +} diff --git a/assets/css/styles.css b/assets/css/styles.css index 35ff569..9531157 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -4,7 +4,7 @@ /* Tailwind component classes registered by plugins*/ @import "node_modules/tailwindcss/components"; /* Site Specific */ -@import "assets/css/site"; @import "assets/css/markdown"; +@import "assets/css/site"; /* Tailwind's utility classes - generated based on config file */ @import "node_modules/tailwindcss/utilities";
\ No newline at end of file diff --git a/layouts/authors/list.html b/layouts/authors/list.html index a88ec05..207db38 100644 --- a/layouts/authors/list.html +++ b/layouts/authors/list.html @@ -1,40 +1,5 @@ {{ define "main" }} -<main> - <div class=" "> +{{ partial "widgets/about.html" . }} +{{ partial "widgets/details.html" . }} - <div class="grid grid-cols-12 gap-4 flex content-center pt-12 pb-12 border border-gray-300"> - <div - class="col-span-12 md:col-span-4 lg:col-span-4 xl:col-span-4 flex content-center justify-center border-r border-gray-300"> - {{ with .Resources.ByType "image" }} - {{ range . }} - <img src='{{ .RelPermalink }}' class="h-7/12 md:h-9/12 lg:h-9/12" /> - {{ end }} - {{ end }} - </div> - - <div class="col-span-6 pl-5"> - <div> - <div class="text-xs font-medium pb-4 pt-4">ABOUT ME</div> - <div class="text-6xl font-medium pb-2">{{ .Title }}</div> - <div class="w-3/12 xl:w-2/12 border-b border-gray-400"></div> - {{ with .Content }} - <div class="pt-8 text-lg leading-normal font-medium"> - {{ . }} - </div> - {{ end }} - </div> - </div> - - <div class="col-span-2 flex flex-col justify-center items-end pr-8"> - {{ $brand := $.Param "social"}} - {{ range $brand }} - {{ $src := print .icon_pack " fa-" .icon }} - <div class="pb-2"> - <i class="{{ print $src }}"></i> - </div> - {{ end }} - </div> - </div> - </div> -</main> {{ end }}
\ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 7de8068..2268cff 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -25,6 +25,9 @@ ======= {{ $styles := $styles| minify | fingerprint | resources.PostProcess }} <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}"> +<<<<<<< HEAD +>>>>>>> f8b674b093948597e1c1d6c8a2f7a88cc89541e8 +======= >>>>>>> f8b674b093948597e1c1d6c8a2f7a88cc89541e8 {{ end }} diff --git a/layouts/partials/widgets/about.html b/layouts/partials/widgets/about.html new file mode 100644 index 0000000..5c9666f --- /dev/null +++ b/layouts/partials/widgets/about.html @@ -0,0 +1,37 @@ +<div class="bg-secondary"> + + <div class="grid grid-cols-12 gap-4 flex content-center justify-center pt-12 pb-12"> + <div + class="col-span-12 md:col-span-12 lg:col-span-4 xl:col-span-4 flex content-center justify-center border-r border-gray-300"> + {{ with .Resources.ByType "image" }} + {{ range . }} + <img src='{{ .RelPermalink }}' class="h-auto w-6/12 sm:w-4/12 md:w-4/12 lg:w-11/12 xl:w-8/12" /> + {{ end }} + {{ end }} + </div> + + <div class="col-span-12 lg:col-span-7 xl:col-span-7 pl-5"> + <div> + <div class="text-xs font-medium pb-4 pt-4">ABOUT ME</div> + <div class="text-6xl font-medium pb-2">{{ .Title }}</div> + <div class="w-3/12 xl:w-2/12 border-b border-gray-400"></div> + {{ with $.Param "shortContent" }} + <div class="pt-8 text-lg leading-normal font-medium"> + {{ . }} + </div> + {{ end }} + </div> + </div> + + <div + class="col-span-12 lg:col-span-1 xl:col-span-1 flex lg:flex-col xl:flex-col justify-center items-end pr-8 "> + {{ $brand := $.Param "social"}} + {{ range $brand }} + {{ $src := print .icon_pack " fa-" .icon }} + <div class="pb-2 pr-4 lg:pr-0 xl:pr-0"> + <i class="{{ print $src }}"></i> + </div> + {{ end }} + </div> + </div> +</div>
\ No newline at end of file diff --git a/layouts/partials/widgets/details.html b/layouts/partials/widgets/details.html new file mode 100644 index 0000000..489a7dc --- /dev/null +++ b/layouts/partials/widgets/details.html @@ -0,0 +1,3 @@ +<div class="bg-secondary"> + {{ .Content }} +</div>
\ No newline at end of file |