Skip to content
Browse files

README, cleanups

  • Loading branch information...
1 parent ff16a8d commit 0325c89eb408807a1ea5337a7f8f14e97ddb80ef @chriscoyier chriscoyier committed
Showing with 81 additions and 27 deletions.
  1. +10 −0 README.markdown
  2. +48 −23 css/slide.css
  3. BIN images/Fake Logo.psd
  4. +0 −1 includes/footer.php
  5. +21 −1 index.php
  6. +2 −2 setup.php
View
10 README.markdown
@@ -0,0 +1,10 @@
+#Slides
+
+##A PHP & HTML5 & CSS3 & jQuery Framework for creating a simple slide deck
+
+So far... the process is:
+
+1. Put this somewhere PHP can run
+1. Create slides in the slides folder using the template
+1. Alter setup.php file to name stuff
+1. Enjoy
View
71 css/slide.css
@@ -3,27 +3,13 @@ html, body { overflow-x: hidden; }
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
- font-size: 13px;
+ font-size: 15px;
line-height: 1.4;
background: white;
padding: 0; margin: 0;
}
-#logo {
- position: absolute;
- right: 20px;
- top: 12px;
- background: url(../images/logo.png) no-repeat;
- width: 62px;
- height: 24px;
- text-indent: -9999px;
-}
-
-#content {
- padding-top: 170px;
- padding-bottom: 80px;
-}
-
+/* HTML5 elements...*/
header, footer, section, figure { display: block; }
header {
@@ -43,7 +29,21 @@ section {
}
header section {
- padding: 10px;
+ padding: 10px 0 12px 0;
+}
+
+#logo {
+ position: absolute;
+ right: 20px;
+ top: 12px;
+ background: url(../images/logo.png) no-repeat;
+ width: 62px;
+ height: 24px;
+ text-indent: -9999px;
+}
+#content {
+ padding-top: 170px;
+ padding-bottom: 80px;
}
h1, h2, h3, h4, h5 {
@@ -56,7 +56,7 @@ h1 {
color: white;
text-align: center;
position: fixed;
- top: 48px;
+ top: 50px;
left: 0;
width: 100%;
color: #999;
@@ -65,7 +65,7 @@ h1 {
z-index: 10;
}
h1 section {
- padding: 10px;
+ padding: 10px 0 12px 0;
left: 0;
}
h1 strong, h2 strong {
@@ -75,7 +75,7 @@ h1 strong, h2 strong {
h2 {
font-size: 24px;
text-transform: uppercase;
- letter-spacing: 2px;
+ letter-spacing: 3px;
}
h3 {
@@ -105,19 +105,44 @@ footer select {
#next {
position: absolute;
- right: 20px;
+ right: 30px;
top: 0;
}
#previous {
position: absolute;
- left: 0;
+ left: 30px;
top: 0;
}
+#next:after, #previous:after {
+ content: "";
+ position: absolute;
+ top: 6px;
+ width: 0;
+ height: 0;
+ border-top: 5px solid transparent;
+ border-bottom: 5px solid transparent;
+}
+#next:after {
+ left: 125%;
+ border-left: 15px solid #999;
+}
+#previous:after {
+ right: 125%;
+ border-right: 15px solid #999;
+}
+#next:hover, #previous:hover {
+ font-weight: 600;
+}
+#next:hover:after {
+ border-left-color: white;
+}
+#previous:hover:after {
+ border-right-color: white;
+}
/* Slide-y Stuff */
-
#content, h1 section {
opacity: 0;
left: -3500px;
View
BIN images/Fake Logo.psd
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
1 includes/footer.php
@@ -26,7 +26,6 @@ function array_key_relative ($array, $current_key, $offset = 1) {
}
?>
</select>
- <a href="#">Report an Error</a>
<a href="<?php echo array_key_relative($pageNames, $_SERVER["SCRIPT_NAME"], 1); ?>" id="next">Next</a>
</section>
</footer>
View
22 index.php
@@ -1 +1,21 @@
-test
+<!doctype html>
+<html>
+
+<head>
+ <meta charset="UTF-8">
+ <title>Slides</title>
+</head>
+
+<body>
+
+ <h1>Slides</h1>
+
+ <h2>A PHP &amp; HTML5 &amp; CSS3 &amp; jQuery Framework for creating a simple slide deck</h2>
+
+ <p>Going to be some kind of introductory page here</p>
+
+ <p><a href="slides/1-intro.php">Go to actual slide deck</a></p>
+
+</body>
+
+</html>
View
4 setup.php
@@ -11,8 +11,8 @@
// Put file names and names of slides here
// This could probably be improved...
$pageNames = array(
- '1-intro.php' => 'Well, hello there!',
- '2-whatever.php' => 'Some robots have wheels...',
+ '1-intro.php' => 'This is my <strong>amazing</strong> first slide',
+ '2-whatever.php' => 'You like <strong>code</strong> don\'t you?',
'3-graphic.php' => '...others do not.'
);

0 comments on commit 0325c89

Please sign in to comment.
Something went wrong with that request. Please try again.