-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4 from wireload/rip
RIP Wireload
- Loading branch information
Showing
3 changed files
with
127 additions
and
13 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>WireLoad: A Digital Legacy</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <header> | ||
| <h1>WireLoad: A Digital Legacy</h1> | ||
| </header> | ||
| <main> | ||
| <p>In digital realms where ideas soar,</p> | ||
| <p>Once stood WireLoad, with products galore.</p> | ||
| <p>Blotter, its child, on macOS did reign,</p> | ||
| <p>Painting time’s canvas, not in vain.</p> | ||
|
|
||
| <p>A calendar, sleek, on desktops it lay,</p> | ||
| <p>Uniting the moments of each day.</p> | ||
| <p>In hues and shades of practical art,</p> | ||
| <p>It organized time, playing its part.</p> | ||
|
|
||
| <p>YippieMove too, in WireLoad's keep,</p> | ||
| <p>Migrated emails, a digital leap.</p> | ||
| <p>From server to server, it danced with ease,</p> | ||
| <p>Shifting messages like a gentle breeze.</p> | ||
|
|
||
| <p>But times do change, as stars do align,</p> | ||
| <p>WireLoad's journey took a new design.</p> | ||
| <p>Merged with <a href="https://www.screenly.io">Screenly</a>, vibrant and keen,</p> | ||
| <p>In digital signage, now they're seen.</p> | ||
|
|
||
| <p>Screenly shines bright in its new quest,</p> | ||
| <p>With WireLoad's spirit in its chest.</p> | ||
| <p>Together they stride in digital skies,</p> | ||
| <p>Where innovation and dreams never die.</p> | ||
|
|
||
| <p>So here we stand, at a chapter's close,</p> | ||
| <p>Remembering WireLoad, in prose.</p> | ||
| <p>Its legacy lingers in Screenly's wake,</p> | ||
| <p>A testament to the paths we take.</p> | ||
| </main> | ||
| <footer> | ||
| <p>© 2024 Digital Legacy of WireLoad</p> | ||
| </footer> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| body { | ||
| font-family: 'Georgia', serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f9f9f9; | ||
| color: #333; | ||
| line-height: 1.6; | ||
| } | ||
|
|
||
| .container { | ||
| width: 80%; | ||
| margin: auto; | ||
| overflow: hidden; | ||
| padding: 20px; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| header { | ||
| background: #444; | ||
| color: #fff; | ||
| padding-top: 20px; | ||
| min-height: 70px; | ||
| border-bottom: #ddd 3px solid; | ||
| } | ||
|
|
||
| header h1 { | ||
| padding: 5px 0; | ||
| text-align: center; | ||
| font-style: italic; | ||
| } | ||
|
|
||
| main { | ||
| margin: 20px 0; | ||
| text-align: center; | ||
| } | ||
|
|
||
| main p { | ||
| font-size: 1em; | ||
| color: #555; | ||
| font-style: italic; | ||
| margin-bottom: 15px; | ||
| } | ||
|
|
||
| footer { | ||
| background: #444; | ||
| color: #fff; | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| position: fixed; | ||
| left: 0; | ||
| bottom: 0; | ||
| width: 100%; | ||
| } | ||
|
|
||
| /* Responsive Design */ | ||
| @media screen and (max-width: 768px) { | ||
| .container { | ||
| width: 95%; | ||
| padding: 10px; | ||
| } | ||
|
|
||
| main p { | ||
| font-size: 0.9em; | ||
| } | ||
| } | ||
|
|
||
| @media screen and (max-width: 480px) { | ||
| header h1, footer p { | ||
| font-size: 0.9em; | ||
| } | ||
|
|
||
| main p { | ||
| font-size: 0.8em; | ||
| } | ||
| } | ||
|
|