lynnesbian/CSL-site
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: lynnesbian:d8024fdc02b4298f8f8dbc7a33c9735c9854adfd
Branches Tags
lynnesbian:master
..
compare: lynnesbian:1f204b581b112568c643abc75b98ab5d5dcb7e47
Branches Tags
lynnesbian:master

2 commits
d8024fdc02 ... 1f204b581b

Author SHA1 Message Date
Lynne Lawson
1f204b581b added opengraph info 2019-05-02 23:21:16 +10:00
Lynne Lawson
7708be1318 rearranged css 2019-05-02 23:11:30 +10:00
2 changed files with 20 additions and 8 deletions
Show stats Expand all files Collapse all files

11
index.html
View file

@ -1,6 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en_GB">
<head> <head>
<!-- opengraph -->
<meta property="og:title" content="The Cooperative Software License" />
<meta property="og:title" content="A small unofficial website about the CSL, created by @LynnearSoftware@fedi.lynnesbian.space" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://lynnesbian.space/csl" />
<meta property="og:image" content="https://lynnesbian.space/favicon.png" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
@ -30,7 +37,7 @@
<br /> <br />
</article> </article>
<footer> <footer>
The source code of this website can be viewed <a href='https://git.lynnesbian.space/lynnesbian/CSL-site'>here</a>. It is available under the CSL. Site designed and created by <a href="https://fedi.lynnesbian.space/@LynnearSoftware">Lynne</a>. The source code of this website can be viewed <a href='https://git.lynnesbian.space/lynnesbian/CSL-site'>here</a>. It is available under the CSL.
</footer> </footer>
</body> </body>
</html> </html>

17
style.css
View file

@ -4,6 +4,7 @@ body {
background-color: #eee; background-color: #eee;
font-size: 1.1em; font-size: 1.1em;
} }
a { a {
color: #777; color: #777;
text-decoration-style: dotted; text-decoration-style: dotted;
@ -11,6 +12,7 @@ a {
a:hover { a:hover {
text-decoration-style: solid; text-decoration-style: solid;
} }
article, footer { article, footer {
width: 50%; width: 50%;
max-width: 1000px; max-width: 1000px;
@ -18,15 +20,10 @@ article, footer {
margin: 0 auto; margin: 0 auto;
line-height: 1.4em; line-height: 1.4em;
} }
@media only screen and (max-width:550px){
article, footer {
min-width:0;
width:100%;
}
}
footer { footer {
color: #777; color: #777;
} }
h1, h2 { h1, h2 {
font-weight: 200; font-weight: 200;
font-family: serif; font-family: serif;
@ -35,6 +32,7 @@ h1 {
text-align: center; text-align: center;
font-size: 3em; font-size: 3em;
} }
ul { ul {
list-style-type: none; list-style-type: none;
} }
@ -44,3 +42,10 @@ ul.compact {
ul li { ul li {
margin-top: 5px; margin-top: 5px;
} }
@media only screen and (max-width:550px){
article, footer {
min-width:0;
width:100%;
}
}