Aroy-Art-Site/layouts/partials/fragments/discord-fragment.html
2021-01-20 19:05:00 +01:00

48 lines
1.6 KiB
HTML

{{- $fragment := .self.Params -}}
{{- $name := strings.TrimSuffix ".md" (replace .self.Name "/index.md" "") -}}
{{- $bg := $fragment.background | default "secondary" }}
<style>
.v-center{
margin-top: 10%;
}
.ascii-art {
font-family: monospace;
white-space: pre;
}
</style>
<section id="{{ $name }}">
<div class="overlay container-fluid
{{- printf " bg-%s" $bg -}}
">
<div class="container py-5">
<div class="row">
<div class="col text-center
{{- if eq $bg "dark" -}}
{{- printf " text-%s" "light" -}}
{{- else -}}
{{- printf " text-%s" "dark" -}}
{{- end -}}
">
<h2>Discord Info</h2>
</div>
</div>
<div class="row">
<div class="col text-center v-center">
<h4 class="text-center">Join my Discord</h4>
<div class="ascii-art text-center">
|\ _,,,---,,_
ZZZzz /,`.-'`' -. ;-;;,_
|,4- ) )-,_. ,\ ( `'-'
'---''(_/--' `-'\_)
</div>
<h4 class="text-center">Why join my Discord? </h4>
<p class="text-center">So you can chat with people who have the same interest about Art, Programming, Games, Music and</p>
</div>
<div class="col text-center">
<iframe src="https://discord.com/widget?id=476786404761010196&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</div>
</section>