commit 6437ea7c27abd06022fc6d70c7d61fe961d04d9b
Author: Nathanael Gentry <ngentry1@liberty.edu>
Date: Tue, 18 Jun 2019 12:22:54 -0400
basic functionality
Diffstat:
11 files changed, 221 insertions(+), 0 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+**/*.*~
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Nathanael Gentry
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,7 @@
+# New Dawn
+A framework for presenting a Web interface as a Classic Mac window. The name is a play on After Dark, as [`after-dark-css`](https://github.com/bryanbraun/after-dark-css) inspired this extension and provided the basic System 7.1.1 window layout. We will also support the more sophisticated Mac OS 8.1 window layout.
+
+## Acknowledgements
+ - [`after-dark-css`], for the basic System 7 interface
+ - [`flyer`](https://www.masswerk.at/flyer/), for further inspiration
+ - Robin Casady, for releasing ChicagoFLF into the public domain
diff --git a/base.css b/base.css
@@ -0,0 +1,150 @@
+/* apply a natural box layout model to all elements */
+*,
+*:before,
+*:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+@font-face {
+ font-family: 'ChicagoFLF';
+ src: url('fonts/ChicagoFLF.ttf') format('truetype'); /* Safari, Android, iOS */
+}
+
+html,
+body {
+ background-color: #5C5C5C;
+ margin: 0;
+ height: 100%;
+ font-family: 'ChicagoFLF', 'Times New Roman', 'Georgia', serif;
+ overflow: hidden;
+}
+
+a {
+ color: black;
+}
+
+/* Window layout */
+.content {
+ position: relative;
+ z-index: 2;
+ width: 260px;
+ margin: 100px auto 0;
+ border: 1px solid #111;
+ background: #fff;
+ box-shadow: 1px 1px #111;
+}
+.title {
+ text-align: center;
+ font-size: 12px;
+ font-weight: normal;
+ padding: 1px 0;
+ margin: 1px 0 0 0;
+ border-bottom: 1px solid #111;
+ background-color: #f0f0f0;
+ box-shadow: inset 1px -3px 0px -2px #a8a9b6;
+}
+.title:before {
+ height: 11px;
+ width: 64px;
+ display: inline-block;
+ content: "";
+ background: url(img/lines.png) repeat;
+ margin-right: 8px;
+}
+.title:after {
+ height: 11px;
+ width: 64px;
+ display: inline-block;
+ content: "";
+ background: url(img/lines.png) repeat;
+ margin-left: 8px;
+}
+.content .icon {
+ text-align: center;
+ margin: 1em 0;
+}
+.content ul {
+ list-style-type: none;
+ margin: 2px 0 2em 0;
+ padding: 0 0 0 2em;
+ font-size: 12px;
+}
+.footer {
+ width: 400px;
+ text-align: center;
+ margin: 2em auto 0;
+ font-size: 12px;
+}
+
+.closebox {
+ position: absolute;
+ top: 3px;
+ left: 10px;
+ padding: 1px;
+ background-color: #d1d2e3;
+ border-top: 1px solid #38394a;
+ border-left: 1px solid #38394a;
+ box-shadow: 0 0 0px 1px #f0f0f0;
+}
+.closebox-innr {
+ display: block;
+ height: 8px;
+ width: 8px;
+ background-color: #a2a5ae;
+ border-bottom: 1px solid #38394a;
+ border-right: 1px solid #38394a;
+ text-indent: -99999em;
+}
+.closebox-innr:hover {
+ background-color: #ccc;
+}
+.maxbox {
+ position: absolute;
+ top: 3px;
+ right: 10px;
+ padding: 1px;
+ background-color: #d1d2e3;
+ border-top: 1px solid #38394a;
+ border-left: 1px solid #38394a;
+ box-shadow: 0 0 0px 1px #f0f0f0;
+}
+.maxbox-innr {
+ height: 8px;
+ width: 8px;
+ background-color: #a2a5ae;
+ border-bottom: 1px solid #38394a;
+ border-right: 1px solid #38394a;
+}
+.maxbox-innr:before {
+ height: 5px;
+ width: 5px;
+ border-bottom: 1px solid #38394a;
+ border-right: 1px solid #38394a;
+ background-color: #a2a4ae;
+ display: block;
+ content: "";
+}
+
+/* Hide only visually, but have it available for screenreaders & for SEO purposes. See h5bp.com/v */
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
+.clearfix:before,
+.clearfix:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after {
+ clear: both;
+}
diff --git a/fonts/ChicagoFLF.pdf b/fonts/ChicagoFLF.pdf
Binary files differ.
diff --git a/fonts/ChicagoFLF.ttf b/fonts/ChicagoFLF.ttf
Binary files differ.
diff --git a/fonts/README.ChicagoFLF b/fonts/README.ChicagoFLF
@@ -0,0 +1,23 @@
+PUBLIC DOMAIN (statement from original designer via email 2014/01/30)
+
+The FLF were created by various authors including myself and Mike Wright. When Casady & Greene, Inc. closed the rights went back to the authors. I created ChicagoFLF and CheckboxFLF. You are free to use them as you wish. I consider those two in the public domain.
+
+Regards,
+Robin Casady
+
+VERSION HISTORY
+
+2.0
+No changes were made except the following:
+
+* Moved symbols to correct Unicode positions.
+* Incorporated additional symbols from CheckboxFLF, which used identical
+ Basic Latin glyphs, and thus was essentially the "same" font with
+ different symbols.
+* Very simple compositions from existing glyphs, and other homoglyphic
+ supplementation.
+* Updates to some metadata.
+
+Because no outlines were added or modified, this is, in a very real sense,
+the "same" font as Robin's, so I've kept the same name and incremented
+the version.
diff --git a/img/bomb.png b/img/bomb.png
Binary files differ.
diff --git a/img/favicon.ico b/img/favicon.ico
Binary files differ.
diff --git a/img/lines.png b/img/lines.png
Binary files differ.
diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>System 7</title>
+ <link rel="shortcut icon" href="img/favicon.ico" />
+ <link rel="stylesheet" href="base.css">
+</head>
+<body>
+ <div id="content" class="content">
+ <div class="closebox"><a class="closebox-innr"></a></div>
+ <div class="maxbox"><div class="maxbox-innr"></div></div>
+ <h1 class="title">Unimplemented!</h1>
+ <div class="icon"><img src="img/bomb.png" /></div>
+ <ul>
+ <li><class "s">A system error has occurred. Please reboot your Mac.</li>
+ </ul>
+</body>
+</html>
