Skip to content

Commit

Permalink
chore: add github ribbon
Browse files Browse the repository at this point in the history
  • Loading branch information
emmanuelgautier committed Mar 5, 2024
1 parent 23b6915 commit 917bf99
Showing 1 changed file with 89 additions and 16 deletions.
105 changes: 89 additions & 16 deletions layouts/_default/baseof.html
Original file line number Diff line number Diff line change
@@ -1,17 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ block "title" . }}
{{ .Site.Title }}
{{ end }}</title>

<script defer data-domain="awesome-openidconnect.cerberauth.com" src="https://a.cerberauth.com/js/script.js"></script>
</head>
<body>
{{ block "main" . }}
{{ end }}
{{ block "footer" . }}
{{ end }}
</body>
</html>
<html lang="{{ .Site.LanguageCode }}">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="canonical" href="{{ .Site.BaseURL }}" />
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<meta name="description"
content="Find this curated list of providers, services, libraries, and resources to adopt it and know more about existing specs." />

<style>
#forkongithub a {
background: #000;
color: #fff;
text-decoration: none;
font-family: arial, sans-serif;
text-align: center;
font-weight: bold;
padding: 5px 40px;
font-size: 1rem;
line-height: 2rem;
position: relative;
transition: 0.5s;
}

#forkongithub a:hover {
background: #c11;
color: #fff;
}

#forkongithub a::before,
#forkongithub a::after {
content: "";
width: 100%;
display: block;
position: absolute;
top: 1px;
left: 0;
height: 1px;
background: #fff;
}

#forkongithub a::after {
bottom: 1px;
top: auto;
}

@media screen and (min-width:800px) {
#forkongithub {
position: fixed;
display: block;
top: 0;
right: 0;
width: 200px;
overflow: hidden;
height: 200px;
z-index: 9999;
}

#forkongithub a {
width: 200px;
position: absolute;
top: 60px;
right: -60px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
}
}
</style>

<script defer data-domain="awesome-openidconnect.cerberauth.com" src="https://a.cerberauth.com/js/script.js"></script>
</head>

<body>
<span id="forkongithub">
<a href="{{ .Site.BaseURL }}">Star me on GitHub</a>
</span>

{{ block "main" . }}
{{ end }}
{{ block "footer" . }}
{{ end }}
</body>

</html>

0 comments on commit 917bf99

Please sign in to comment.