Aroy/Aroy-Art-Site
1
0
Fork 0
mirror of https://github.com/Aroy-Art/Aroy-Art-Site.git synced 2024-12-26 06:34:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Made Discord fragment

Browse source
This commit is contained in:
Aroy 2021-01-20 19:05:00 +01:00
parent 645a903198
commit 8df863c9f6
1 changed files with 48 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
layouts/partials/fragments/discord-fragment.html Normal file
View file

@ -0,0 +1,48 @@
{{- $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>