Skip to content

Commit eaf9ab8

Browse files
erikogenvikerikogenvik
committed
Use a working Github ribbon.
1 parent 25654c0 commit eaf9ab8

File tree

6 files changed

+155
-13
lines changed

6 files changed

+155
-13
lines changed

‎.github/workflows/build_site.yml

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,20 @@ on:
88

99
jobs:
1010
build:
11-
runs-on: ubuntu-22.04
11+
runs-on: ubuntu-24.04
1212
steps:
13-
- uses: actions/checkout@v3
13+
- uses: actions/checkout@v4
1414
with:
1515
submodules: true # Fetch Hugo themes (true OR recursive)
1616
fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod
1717
- name: Setup Hugo
18-
uses: peaceiris/actions-hugo@v2
18+
uses: peaceiris/actions-hugo@v3
1919
with:
2020
hugo-version: '0.108.0'
2121
extended: true
2222
- name: Build
2323
run: hugo
24-
- uses: actions/upload-artifact@v3
24+
- uses: actions/upload-artifact@v4
2525
with:
2626
name: website
2727
path: './public'

‎layouts/partials/site-header.html

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,10 @@
99
</div>
1010
{{ partial "site-navigation.html" .}}
1111
<div id="socialicons">
12-
<div id="HTMLBlock208" class="HTMLBlock">
13-
<a href="https://github.com/worldforge"><img
14-
style="position: absolute; top: 0; right: 0; border: 0;"
15-
src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67"
16-
alt="Fork me on GitHub"
17-
data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
12+
<div>
13+
<a class="github-fork-ribbon right-top" href="https://github.com/worldforge" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
1814
</div>
19-
<div id="HTMLBlock287" class="HTMLBlock">
15+
<div>
2016
<script type="text/javascript">// <![CDATA[
2117
((window.gitter = {}).chat = {}).options = {
2218
room: 'Worldforge/Lobby'

‎layouts/partials/site-style.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
<link rel="stylesheet" media="screen" type="text/css" href="/css/main.css">
22
<link rel="stylesheet" media="screen" type="text/css" href="/css/typography.css">
33
<link rel="stylesheet" media="screen" type="text/css" href="/css/colorbox.css">
4+
<link rel="stylesheet" media="screen" type="text/css" href="/css/gh-fork-ribbon/gh-fork-ribbon.css">

‎layouts/shortcodes/what-do-you-want.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div id="blockStyle258Main2" class="">
2-
<div id="HTMLBlock258" class="HTMLBlock">
1+
<div>
2+
<div>
33
<style>
44
.myButton {
55
-moz-box-shadow: inset 0px 1px 0px 0px #616161;

‎static/css/gh-fork-ribbon/LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2013 Simon Whitaker
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎static/css/gh-fork-ribbon/gh-fork-ribbon.css

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
/*!
2+
* "Fork me on GitHub" CSS ribbon v0.2.3 | MIT License
3+
* https://github.com/simonwhitaker/github-fork-ribbon-css
4+
*/
5+
6+
.github-fork-ribbon {
7+
width: 12.1em;
8+
height: 12.1em;
9+
position: absolute;
10+
overflow: hidden;
11+
top: 0;
12+
right: 0;
13+
z-index: 9999;
14+
pointer-events: none;
15+
font-size: 13px;
16+
text-decoration: none;
17+
text-indent: -999999px;
18+
}
19+
20+
.github-fork-ribbon.fixed {
21+
position: fixed;
22+
}
23+
24+
.github-fork-ribbon:hover, .github-fork-ribbon:active {
25+
background-color: rgba(0, 0, 0, 0.0);
26+
}
27+
28+
.github-fork-ribbon:before, .github-fork-ribbon:after {
29+
/* The right and left classes determine the side we attach our banner to */
30+
position: absolute;
31+
display: block;
32+
width: 15.38em;
33+
height: 1.54em;
34+
35+
top: 3.23em;
36+
right: -3.23em;
37+
38+
-webkit-box-sizing: content-box;
39+
-moz-box-sizing: content-box;
40+
box-sizing: content-box;
41+
42+
-webkit-transform: rotate(45deg);
43+
-moz-transform: rotate(45deg);
44+
-ms-transform: rotate(45deg);
45+
-o-transform: rotate(45deg);
46+
transform: rotate(45deg);
47+
}
48+
49+
.github-fork-ribbon:before {
50+
content: "";
51+
52+
/* Add a bit of padding to give some substance outside the "stitching" */
53+
padding: .38em 0;
54+
55+
/* Set the base colour */
56+
background-color: #a00;
57+
58+
/* Set a gradient: transparent black at the top to almost-transparent black at the bottom */
59+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
60+
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
61+
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
62+
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
63+
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
64+
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
65+
66+
/* Add a drop shadow */
67+
-webkit-box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, 0.5);
68+
-moz-box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, 0.5);
69+
box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, 0.5);
70+
71+
pointer-events: auto;
72+
}
73+
74+
.github-fork-ribbon:after {
75+
/* Set the text from the data-ribbon attribute */
76+
content: attr(data-ribbon);
77+
78+
/* Set the text properties */
79+
color: #fff;
80+
font: 700 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
81+
line-height: 1.54em;
82+
text-decoration: none;
83+
text-shadow: 0 -.08em rgba(0, 0, 0, 0.5);
84+
text-align: center;
85+
text-indent: 0;
86+
87+
/* Set the layout properties */
88+
padding: .15em 0;
89+
margin: .15em 0;
90+
91+
/* Add "stitching" effect */
92+
border-width: .08em 0;
93+
border-style: dotted;
94+
border-color: #fff;
95+
border-color: rgba(255, 255, 255, 0.7);
96+
}
97+
98+
.github-fork-ribbon.left-top, .github-fork-ribbon.left-bottom {
99+
right: auto;
100+
left: 0;
101+
}
102+
103+
.github-fork-ribbon.left-bottom, .github-fork-ribbon.right-bottom {
104+
top: auto;
105+
bottom: 0;
106+
}
107+
108+
.github-fork-ribbon.left-top:before, .github-fork-ribbon.left-top:after, .github-fork-ribbon.left-bottom:before, .github-fork-ribbon.left-bottom:after {
109+
right: auto;
110+
left: -3.23em;
111+
}
112+
113+
.github-fork-ribbon.left-bottom:before, .github-fork-ribbon.left-bottom:after, .github-fork-ribbon.right-bottom:before, .github-fork-ribbon.right-bottom:after {
114+
top: auto;
115+
bottom: 3.23em;
116+
}
117+
118+
.github-fork-ribbon.left-top:before, .github-fork-ribbon.left-top:after, .github-fork-ribbon.right-bottom:before, .github-fork-ribbon.right-bottom:after {
119+
-webkit-transform: rotate(-45deg);
120+
-moz-transform: rotate(-45deg);
121+
-ms-transform: rotate(-45deg);
122+
-o-transform: rotate(-45deg);
123+
transform: rotate(-45deg);
124+
}

0 commit comments

Comments
 (0)