Hugo-blog/layouts/partials/home_info.html
2024-08-11 00:13:40 +02:00

45 lines
1.4 KiB
HTML

{{- with site.Params.homeInfoParams }}
<script type='text/javascript' src='http://d3js.org/d3.v3.min.js'></script>
<script type='text/javascript' src='http://d3js.org/topojson.v1.min.js'></script>
<script type='text/javascript' src='planetaryjs.min.js'></script>
<link rel="stylesheet" type="text/css" href="css/typewrite.css">
<article class="first-entry home-info entry-content">
<header class="entry-header">
<div class=" typewriter"><h1>{{ .Title | markdownify }}</h1>
</div>
</header>
<div class="entry-content">
{{ .Content | markdownify }}
</div>
<footer class="entry-footer">
{{ partial "social_icons.html" (dict "align" site.Params.homeInfoParams.AlignSocialIconsTo) }}
</footer>
<style>
.container {
height: 1px;
position: relative;
}
.center {
margin: 0 auto;
width: 50%; /* Adjust as needed */
}
</style>
<div class="container">
<div class="center">
<canvas id='rotatingGlobe' width='400' height='400' justify-content="center"></canvas>
<script type='text/javascript' src='planet.js'></script>
</div>
</div>
<canvas id='rotatingGlobe' width='400' height='400' justify-content="center"></canvas>
<script type='text/javascript' src='planet.js'></script>
</article>
{{- end -}}