A Pen by Chris Jennings on CodePen.
Chris Jennings Pageboy
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
| /* select this CSS file when first exporting to the re-flowable ePub from InDesign */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body, | |
| div, | |
| dl, |
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 stylesheet is where to add styles for your Shakespeare Play */ | |
| /*We usually add something general for the body*/ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: Verdana, Geneva, Tahoma, sans-serif; |
Pageboy
/ websafefonts.html
Created
January 11, 2022 14:30
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <title>Web safe Fonts</title> | |
| <style> | |
| body { | |
| margin: 12px 40px; |
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
| .blurb:first-letter { | |
| background-color: rgb(61, 60, 145); | |
| color: white; | |
| float: left; | |
| font-family: Georgia; | |
| font-size: 4em; | |
| line-height: 1; | |
| padding: 0 .1em; | |
| margin: .1em; | |
| } |
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
| /** | |
| * Responsive menu bar | |
| */ | |
| html { | |
| font-size: 16px; | |
| } | |
| * { | |
| margin:0; | |
| padding:0; |
Pageboy
/ gist:a70f1cccb9e3e5835d5b9aff6164f8e8
Created
May 22, 2020 09:36
— forked from levelsio/gist:122907e95956602e5c09
slack2html
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
| <? | |
| ///////////////////// | |
| // slack2html | |
| // by @levelsio | |
| ///////////////////// | |
| // | |
| ///////////////////// | |
| // WHAT DOES THIS DO? | |
| ///////////////////// | |
| // |
Go to https://atom.io and install atom for your PC
Once you have this running you can close down the help windows etc.
Now, locate the Packages menu and scroll down to Settings View > Install packages/themes
In the Install box for Packages you need to find the following and install them:
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
| <!DOCTYPE html> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>play</title> | |
| <link href="play-web-resources/css/styles.css" rel="stylesheet" type="text/css" /> | |
| </head> | |
| <body id="play" lang="en-GB"> | |
| <p class="playtitle">A Midsummer Night's Dream</p> | |
| <a href="#navigation" class="menu">Menu</a> |
NewerOlder