codingmarco
/
tdf-2023-webseite
1
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Compare commits

base: codingmarco:8203a019a32b7a96c712c4a477a330b429f95b87
Branches Tags
codingmarco:main
..
compare: codingmarco:b9be145760b19cfb4d562d4324dd338b8ac34660
Branches Tags
codingmarco:main

2 Commits
8203a019a3 ... b9be145760

Author SHA1 Message Date
Marco von Rosenberg b9be145760 Fix background color being only 1000px wide in chromium-based browsers
2 years ago
Marco von Rosenberg c9cc26b42a Add .gitignore
2 years ago
3 changed files with 120 additions and 79 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats
  1. 38
      .gitignore
  2. 2
      index.html
  3. 49
      styles.css

38
.gitignore vendored
Unescape View File

@ -0,0 +1,38 @@
# Created by https://www.toptal.com/developers/gitignore/api/macos
# Edit at https://www.toptal.com/developers/gitignore?templates=macos
### macOS ###
# General
.DS_Store
.AppleDouble
.LSOverride
# Icon must end with two \r
Icon
# Thumbnails
._*
# Files that might appear in the root of a volume
.DocumentRevisions-V100
.fseventsd
.Spotlight-V100
.TemporaryItems
.Trashes
.VolumeIcon.icns
.com.apple.timemachine.donotpresent
# Directories potentially created on remote AFP share
.AppleDB
.AppleDesktop
Network Trash Folder
Temporary Items
.apdisk
### macOS Patch ###
# iCloud generated files
*.icloud
# End of https://www.toptal.com/developers/gitignore/api/macos

2
index.html
Unescape View File

@ -6,6 +6,7 @@
<title>2. Tübinger Tag der digitalen Freiheit</title>
</head>
<body>
<div id="content">
<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" />
<div class="box" id="event">
<h2>Das Event</h2>
@ -62,5 +63,6 @@
<div>
<h2>Sponsoren</h2>
</div>
</div>
</body>
</html>

49
styles.css
Unescape View File

@ -12,37 +12,19 @@
body {
max-width: 1000px;
background: #40264c;
background-image: url("image/neon-scene.png");
background-repeat: no-repeat;
background-position: center top;
}
#content {
max-width: 1000px;
margin: 0 auto;
padding: 0 75px;
margin-bottom: 4em;
}
div {
background: #352040;
margin-bottom: 2em;
padding: 1em 2em 0.7em;
border-style: solid;
border-color: #1473cc;
border-width: 1px;
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5),
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5);
background-blend-mode: soft-light;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right;
text-shadow: 0px 0px 5px #352040,
0px 0px 10px #352040,
0px 0px 15px #352040,
0px 0px 20px #352040,
0px 0px 25px #352040,
0px 0px 30px #352040;
}
#event {
background-image: url("image/event.png");
padding-right: 15%;
@ -75,8 +57,6 @@ div {
background-size: 100% auto;
}
#banner {
margin: 0;
padding: 0;
@ -111,6 +91,27 @@ h2 {
margin-top: 0em;
}
.box {
background: #352040;
margin-bottom: 2em;
padding: 1em 2em 0.7em;
border-style: solid;
border-color: #1473cc;
border-width: 1px;
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5),
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5);
background-blend-mode: soft-light;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right;
text-shadow: 0px 0px 5px #352040,
0px 0px 10px #352040,
0px 0px 15px #352040,
0px 0px 20px #352040,
0px 0px 25px #352040,
0px 0px 30px #352040;
}
.big {
font-family: "TitilliumWeb-Bold";
font-size: 1.5em;

Write Preview
Loading…
Cancel
Save