grid-area: main;
padding: 2rem;
background-color: var(--bgColorMidDark);
+ background-image: url('../images/salamandra.svg');
+ background-size: 10rem;
+ background-position-x: right;
+ background-position-y: bottom;
+ background-repeat: no-repeat;
}
main hr {
background-color: var(--bgColorLightDark);
}
-.bg-logo {
- background-image: url('../images/salamandra.svg');
- background-attachment: fixed;
- background-size: cover;
- background-position: center;
-}
-
.greetings {
- background-color: var(--bgColorMidDark);
width: 80%;
height: 80%;
margin: 0 auto;
{{ "<!-- Main styles -->" | safeHTML }}
{{ $homeStyles := resources.Get "css/main.css"}}
<link rel="stylesheet" href="{{ $homeStyles.Permalink }}">
+ {{ "<!-- Main Script -->" | safeHTML }}
+ {{ $mainScript := resources.Get "js/main.js" }}
+ <script src="{{ $mainScript.Permalink }}"></script>
+ {{ "<!-- JS Thirparties -->" | safeHTML }}
+ {{ range .Site.Params.plugins.js }}
+ <script src="{{ .link | absURL }}" crossorigin="anonymous"></script>
+ {{ end }}
</head>
<body>
{{ partial "aside.html" . }}
{{ partial "navbar.html" . }}
{{ block "main" . }}{{ end }}
{{ partial "footer.html" . }}
- <div class="bg-logo"/>
+ <div class="bg-logo"></div>
</body>
- {{ "<!-- Main Script -->" | safeHTML }}
- {{ $mainScript := resources.Get "js/main.js" }}
- <script src="{{ $mainScript.Permalink }}"></script>
- {{ "<!-- JS Thirparties -->" | safeHTML }}
- {{ range .Site.Params.plugins.js }}
- <script src="{{ .link | absURL }}" crossorigin="anonymous"></script>
- {{ end }}
</html>