add github shortcode

This commit is contained in:
Nuno Coração
2023-01-14 11:39:17 +00:00
parent 4c5d367b12
commit 98b48ac6bb
5 changed files with 72 additions and 40 deletions

View File

@@ -1,38 +1,46 @@
{{- $githubData := getJSON (print "https://api.github.com/repos/" (.Get "repo")) -}}
{{- $githubColors := .Site.Data.githubColors -}}
{{- with $githubData -}}
<a>
<div class="w-full md:w-auto border border-neutral-200 dark:border-neutral-700 border-2 rounded-md backdrop-blur">
<div class="font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral">
<span>{{ partial "icon.html" "github" }} </span>
{{ .full_name | emojify }}
<a target="_blank" href="{{ .html_url }}" class="cursor-pointer">
<div class="w-full md:w-auto pt-3 p-5 border border-neutral-200 dark:border-neutral-700 border-2 rounded-md backdrop-blur shadow-2xl">
<div class="flex items-center">
<span class="text-2xl text-neutral-800 dark:text-neutral" style="margin-right:10px;">
{{ partial "icon.html" "github" }}
</span>
<div class="m-0 font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral">
{{ .full_name | markdownify | emojify }}
</div>
</div>
<p class="m-0 mt-2 text-md text-neutral-800 dark:text-neutral">
{{ .description | markdownify | emojify }}
</p>
<div class="m-0 mt-2 flex items-center">
<span class="mr-1 inline-block h-3 w-3 rounded-full" style="background-color: {{- index $githubColors .language -}}"></span>
<div class="m-0 mr-5 text-md text-neutral-800 dark:text-neutral">
{{ .language }}
</div>
<span class="text-md mr-1 text-neutral-800 dark:text-neutral">
{{ partial "icon.html" "star" }}
</span>
<div class="m-0 mr-5 text-md text-neutral-800 dark:text-neutral">
{{ .stargazers_count }}
</div>
<span class="text-md mr-1 text-neutral-800 dark:text-neutral">
{{ partial "icon.html" "fork" }}
</span>
<div class="m-0 mr-5 text-md text-neutral-800 dark:text-neutral">
{{ .forks }}
</div>
</div>
</div>
</div>
</a>
<!--div class="github my-4 rounded border p-4 dark:border-darkBorder">
<div class="flex items-center text-xl">
<i class="eva eva-github mr-2"></i>
<a class="after:hidden" href="{{- .html_url -}}" target="_blank">{{- .full_name -}}</a>
</div>
<div class="my-2 leading-6">{{- .description -}}</div>
<div class="flex items-center">
<div class="mr-4 inline-flex items-center">
<span class="mr-1 inline-block h-3 w-3 rounded-full" style="background-color: {{- index $githubColors .language -}}"></span>
<span>{{- .language -}}</span>
</div>
<div class="mr-4 inline-flex items-center">
<i class="eva eva-star mr-1 text-amber-400"></i>
<span>{{- .stargazers_count -}}</span>
</div>
<div class="inline-flex items-center">
<i class="eva eva-shuffle-2 mr-1 text-blue-500"></i>
<span>{{- .forks -}}</span>
</div>
</div>
</div-->
{{- end -}}