This commit is contained in:
Remy Sharp 2019-07-30 13:20:52 +01:00
commit 785da61044
2560 changed files with 24000 additions and 4922 deletions

14
.editorconfig Normal file
View file

@ -0,0 +1,14 @@
# editorconfig.org
root = true
[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
indent_style = space
indent_size = 2
[*.md]
trim_trailing_whitespace = false

18
.eslintrc.json Normal file
View file

@ -0,0 +1,18 @@
{
"env": {
"browser": true,
"es6": true,
"node": true
},
"plugins": ["node"],
"extends": ["eslint:recommended", "plugin:node/recommended"],
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module",
"warnOnUnsupportedTypeScriptVersion": false
},
"rules": {
"node/no-deprecated-api": 0,
"no-console": 0
}
}

262
.gitattributes vendored Normal file
View file

@ -0,0 +1,262 @@
# Common settings that generally should always be used with your language specific settings
# Auto detect text files and perform LF normalization
# https://www.davidlaing.com/2012/09/19/customise-your-gitattributes-to-become-a-git-ninja/
* text=auto
#
# The above will handle all files NOT found below
#
# Documents
*.bibtex text diff=bibtex
*.doc diff=astextplain
*.DOC diff=astextplain
*.docx diff=astextplain
*.DOCX diff=astextplain
*.dot diff=astextplain
*.DOT diff=astextplain
*.pdf diff=astextplain
*.PDF diff=astextplain
*.rtf diff=astextplain
*.RTF diff=astextplain
*.md text
*.tex text diff=tex
*.adoc text
*.textile text
*.mustache text
*.csv text
*.tab text
*.tsv text
*.sql text
# Graphics
*.png binary
*.jpg binary
*.jpeg binary
*.gif binary
*.tif binary
*.tiff binary
*.ico binary
# SVG treated as an asset (binary) by default.
*.svg text
# If you want to treat it as binary,
# use the following line instead.
# *.svg binary
*.eps binary
#
# Exclude files from exporting
#
.gitattributes export-ignore
.gitignore export-ignore
## GITATTRIBUTES FOR WEB PROJECTS
#
# These settings are for any web project.
#
# Details per file setting:
# text These files should be normalized (i.e. convert CRLF to LF).
# binary These files are binary and should be left untouched.
#
# Note that binary is a macro for -text -diff.
######################################################################
# Auto detect
## Handle line endings automatically for files detected as
## text and leave all files detected as binary untouched.
## This will handle all files NOT defined below.
* text=auto
# Source code
*.bash text eol=lf
*.bat text eol=crlf
*.cmd text eol=crlf
*.coffee text
*.css text
*.htm text diff=html
*.html text diff=html
*.inc text
*.ini text
*.js text
*.json text
*.jsx text
*.less text
*.ls text
*.map text -diff
*.od text
*.onlydata text
*.php text diff=php
*.pl text
*.ps1 text eol=crlf
*.py text diff=python
*.rb text diff=ruby
*.sass text
*.scm text
*.scss text diff=css
*.sh text eol=lf
*.sql text
*.styl text
*.tag text
*.ts text
*.tsx text
*.xml text
*.xhtml text diff=html
# Docker
*.dockerignore text
Dockerfile text
# Documentation
*.ipynb text
*.markdown text
*.md text
*.mdwn text
*.mdown text
*.mkd text
*.mkdn text
*.mdtxt text
*.mdtext text
*.txt text
AUTHORS text
CHANGELOG text
CHANGES text
CONTRIBUTING text
COPYING text
copyright text
*COPYRIGHT* text
INSTALL text
license text
LICENSE text
NEWS text
readme text
*README* text
TODO text
# Templates
*.dot text
*.ejs text
*.haml text
*.handlebars text
*.hbs text
*.hbt text
*.jade text
*.latte text
*.mustache text
*.njk text
*.phtml text
*.tmpl text
*.tpl text
*.twig text
*.vue text
# Linters
.csslintrc text
.eslintrc text
.htmlhintrc text
.jscsrc text
.jshintrc text
.jshintignore text
.stylelintrc text
# Configs
*.bowerrc text
*.cnf text
*.conf text
*.config text
.babelrc text
.browserslistrc text
.editorconfig text
.env text
.gitattributes text
.gitconfig text
.htaccess text
*.lock text -diff
package-lock.json text -diff
*.npmignore text
*.yaml text
*.yml text
browserslist text
Makefile text
makefile text
# Heroku
Procfile text
.slugignore text
# Graphics
*.ai binary
*.bmp binary
*.eps binary
*.gif binary
*.gifv binary
*.ico binary
*.jng binary
*.jp2 binary
*.jpg binary
*.jpeg binary
*.jpx binary
*.jxr binary
*.pdf binary
*.png binary
*.psb binary
*.psd binary
# SVG treated as an asset (binary) by default.
*.svg text
# If you want to treat it as binary,
# use the following line instead.
# *.svg binary
*.svgz binary
*.tif binary
*.tiff binary
*.wbmp binary
*.webp binary
# Audio
*.kar binary
*.m4a binary
*.mid binary
*.midi binary
*.mp3 binary
*.ogg binary
*.ra binary
# Video
*.3gpp binary
*.3gp binary
*.as binary
*.asf binary
*.asx binary
*.fla binary
*.flv binary
*.m4v binary
*.mng binary
*.mov binary
*.mp4 binary
*.mpeg binary
*.mpg binary
*.ogv binary
*.swc binary
*.swf binary
*.webm binary
# Archives
*.7z binary
*.gz binary
*.jar binary
*.rar binary
*.tar binary
*.zip binary
# Fonts
*.ttf binary
*.eot binary
*.otf binary
*.woff binary
*.woff2 binary
# Executables
*.exe binary
*.pyc binary

169
.gitignore vendored
View file

@ -1,3 +1,168 @@
# Node Version Manager configuration.
.nvmrc
# Created by https://www.gitignore.io/api/node,linux,macos,windows,visualstudiocode
# Edit at https://www.gitignore.io/?templates=node,linux,macos,windows,visualstudiocode
### Linux ###
*~
# temporary files which can be created if a process still has a handle open of a deleted file
.fuse_hidden*
# KDE directory preferences
.directory
# Linux trash folder which might appear on any partition or disk
.Trash-*
# .nfs files are created when an open file is removed but is still being accessed
.nfs*
### macOS ###
# General
.DS_Store
.idea
./config.json
.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
### Node ###
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# TypeScript v1 declaration files
typings/
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variables file
.env
.env.test
# parcel-bundler cache (https://parceljs.org/)
.cache
# next.js build output
.next
# nuxt.js build output
.nuxt
# vuepress build output
.vuepress/dist
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
### VisualStudioCode ###
.vscode/*
### VisualStudioCode Patch ###
# Ignore all local history of files
.history
### Windows ###
# Windows thumbnail cache files
Thumbs.db
ehthumbs.db
ehthumbs_vista.db
# Dump file
*.stackdump
# Folder config file
[Dd]esktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
# Windows Installer files
*.cab
*.msi
*.msix
*.msm
*.msp
# Windows shortcuts
*.lnk
# End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudiocode

View file

@ -1,21 +1,5 @@
<IfModule mod_rewrite.c>
# $Id: .htaccess,v 1.3 2006/11/09 09:08:14 remy Exp $
Options +FollowSymLinks +ExecCGI
RewriteEngine On
RewriteBase /
RewriteRule "(^|/)(CVS|\.svn|\.git)/" - [F]
# strip www. from the domain
# Strip www from the domain
RewriteCond %{HTTP_HOST} ^www\.mit-license\.org$ [NC]
RewriteRule ^(.*)$ http://mit-license.org/$1 [R=301,L]
# if the file or directory exists
RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule .* - [L]
# using 'index.php' because it forces a '/' request to the handler
RewriteRule ^(.*)$ index.php [QSA,L]
</IfModule>

1
.nvmrc
View file

@ -1 +0,0 @@
5.3

View file

@ -1,4 +1,15 @@
language: node_js
sudo: false
node_js:
- "stable"
language: node_js
node_js: lts/*
cache:
- npm
- yarn
before_install: npm i -g yarn
install: yarn install --non-interactive
script:
- yarn test
- yarn lint

View file

@ -19,4 +19,4 @@ This code of conduct applies both within project spaces and in public spaces whe
Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.
This Code of Conduct is adapted from the [Contributor Covenant](http://contributor-covenant.org), version 1.2.0, available at [http://contributor-covenant.org/version/1/2/0/](http://contributor-covenant.org/version/1/2/0/)
This Code of Conduct is adapted from the [Contributor Covenant](https://contributor-covenant.org), version 1.2.0, available at [http://contributor-covenant.org/version/1/2/0/](https://contributor-covenant.org/version/1/2/0/)

View file

@ -1,14 +1,12 @@
# Contributing
This project is PHP based but may one day move to node (as this is my preferred development language).
If you are a collaborator (with push permissions), you can merge any open PR with the following conditions:
1. It passes the JSON validity test (this is a github integration in travis)
1. It passes the JSON validity test (this is a GitHub integration in Travis CI)
2. Merge anything that adds or updates a `<user>.json` file
If you're unsure, cc @remy into the PR with a question and we can work out what to do.
The site is hosted on heroku and will automatically deploy merges into master, which means once a PR is merged, it'll be live shortly thereafter (so there's nothing to do 🎉).
The site is hosted on Heroku and will automatically deploy merges into master, which means once a PR is merged, it'll be live shortly thereafter (so there's nothing to do 🎉).
Also, thank you, your help is appreciated 💙
Also, thank you, your help is appreciated 💙

View file

@ -1 +1 @@
SEE: http://rem.mit-license.org/
SEE: https://rem.mit-license.org/

View file

@ -1,65 +0,0 @@
<!DOCTYPE html>
<html id="home" lang="en">
<head>
<title>MIT License</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.7">
<!--
Welcome fellow open source developer. This project is here for you to
link to if you're like me and keep forgetting to include the
MIT-license.txt file.
Fork this project and send a pull request on:
https://github.com/remy/mit-license
By adding a new JSON file to the users directory, it will yield an
MIT License on a CNAME, for example:
{ "copyright": "Remy Sharp, http://remysharp.com" }
Means visiting http://rem.mit-license.org/ shows "Remy Sharp" as the
copyright holder. Namespaces will be on a first come first serve basis,
and I'm open to folk joining the GitHub project.
For more options (including linking and license version targeting)
see the README in the github hosted project.
Hope you find this useful too!
- @rem
-->
<!-- for HTML5 el styling -->
<script>document.createElement('article');document.createElement('footer');</script>
<link rel="stylesheet" href="/themes/{{theme}}.css">
</head>
<body>
<article>
{{gravatar}}
<h1>The MIT License (MIT)</h1>
<p>Copyright © {{info}}</p>
<p>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:</p>
<p>The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.</p>
<p>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.</p>
</article>
<footer>
<p><a href="https://github.com/remy/mit-license">Fork this project to create your own MIT license that you can always link to.</a></p>
</footer>
</body>
</html>

1
Procfile Normal file
View file

@ -0,0 +1 @@
web: yarn start

173
README.md
View file

@ -1,13 +1,13 @@
# A permalink for your MIT License
# A permalink for your MIT License ![Travis CI Status](https://img.shields.io/travis/remy/mit-license/master.svg?style=for-the-badge)
I always forget to add an MIT-license.txt file to my projects, so I wanted to link to a single resource that would always be up to date and would always have my details online.
I always forget to add an `MIT-license.txt` file to my projects, so I wanted to link to a single resource that would always be up to date and would always have my details online.
Why keep this to myself, there's two ways to create your *own* MIT license page:
Why keep this to myself, there are two ways to create your _own_ MIT license page:
1. Make a request to the API (details below)
2. Fork this project and send a pull request
1. Make a request to the API (details below)
2. Fork this project and send a pull request
Now I can always include http://rem.mit-license.org in all my projects which links `rem` (the cname) against my copyright holder name `Remy Sharp` - all stored in the `users` directory.
Now I can always include <https://rem.mit-license.org> in all my projects which links `rem` (the CNAME) against my copyright holder name `Remy Sharp` - all stored in the `users` directory.
## Requesting your own MIT license page
@ -17,31 +17,43 @@ You can fork this project, send me a pull request and wait for me to pull (which
curl -d'{ "copyright": "Remy Sharp" }' https://rem.mit-license.org
```
If the `rem` user isn't taken already, then this will create the new user file on the fly and the url will be immediately available.
If the `rem` user isn't taken already, then this will create the new user file on the fly and the URL will be immediately available.
You can send a full JSON file to the API, not *just* the copyright, so this works too:
You can send a full JSON file to the API, not _just_ the copyright, so this works too:
```bash
curl -d'{ "copyright": "Remy Sharp", "url": "http://remysharp.com", "email": "me@mysite.com", "format": "txt" }' https://rem.mit-license.org
curl -d'{ "copyright": "Remy Sharp", "url": "https://remysharp.com", "email": "me@mysite.com", "format": "txt" }' https://rem.mit-license.org
```
If there's any problems in the automated creation, send me a pull request and it'll go live soon after.
Whilst the command above sends the data as a string which will later be parsed, you can explicitly specify a JSON `Content-Type`:
Equally if you need to update the user file to include more details that you didn't initially include (extra fields in the next section) you will need to send a pull request on that `user.json` file via GitHub.
```bash
curl -H 'Content-Type: application/json' -d'{ "copyright": "Remy Sharp", "url": "https://remysharp.com", "email": "me@mysite.com", "format": "txt" }' https://rem.mit-license.org
```
You can also encode the data as URL query parameters like so:
```bash
curl -X POST "https://rem.mit-license.org/?copyright=Remy%20Sharp&url=http%3A%2F%2Fremysharp.com&email=me%40mysite.com&format=txt"
```
If there are any problems in the automated creation, send me a pull request and it'll go live soon after.
Equally, if you need to update the user file to include more details that you didn't initially include (extra fields in the next section) you will need to send a pull request on that `user.json` file via GitHub.
## The user.json file
The `users` directory contains a list of files, each representing a host on mit-license.org. The minimum requirement for the JSON is that is contains a `copyright` field - everything else is optional. Remember to ensure the `user.json` file is [valid JSON](http://jsonlint.com/).
The `users` directory contains a list of files, each representing a host on mit-license.org. The minimum requirement for the JSON is that it contains a `copyright` field - everything else is optional. Remember to ensure the `user.json` file is [valid JSON](https://jsonlint.com/).
Available fields:
* copyright (required)
* url
* URL
* email
* format
* gravatar
* version
* theme
* license
### copyright
@ -49,20 +61,48 @@ Create a new file and give it the name of the CNAME you want (in my case it's `r
```json
{
"copyright": "Remy Sharp, http://remysharp.com"
"copyright": "Remy Sharp, https://remysharp.com"
}
```
Means I can now link to: http://rem.mit-license.org and it will show my license name (note that the date will always show the current year).
Means I can now link to <https://rem.mit-license.org> and it will show my license name (note that the date will always show the current year).
### url
In addition to the `copyright` property, if you want to make a link from the copyright text, you can include a `url` property:
You can also use an array to hold multiple copyright holders:
```json
{
"copyright": "Remy Sharp, http://remysharp.com",
"url": "http://remysharp.com"
"copyright": ["Remy Sharp", "Richie Bendall"]
}
```
Which will be formatted as:
Remy Sharp and Richie Bendall
If you additionally want to include a URL and email with each copyright holder, use objects in the array:
```json
{
"copyright": [{
"name": "Remy Sharp, https://remysharp.com",
"url": "https://remysharp.com",
"email": "remy@remysharp.com"
}, {
"name": "Richie Bendall, https://www.richie-bendall.ml",
"url": "https://www.richie-bendall.ml",
"email": "richiebendall@gmail.com"
}]
}
```
### url
In addition to the `copyright` property, if you want to make a link from the copyright text, you can include a `URL` property:
```json
{
"copyright": "Remy Sharp, https://remysharp.com",
"url": "https://remysharp.com"
}
```
@ -72,8 +112,8 @@ You can also include a link to your email which is displayed after the copyright
```json
{
"copyright": "Remy Sharp, http://remysharp.com",
"url": "http://remysharp.com",
"copyright": "Remy Sharp, https://remysharp.com",
"url": "https://remysharp.com",
"email": "me@mysite.com"
}
```
@ -84,8 +124,8 @@ And if you want your license to appear as plain text, just add the `format` prop
```json
{
"copyright": "Remy Sharp, http://remysharp.com",
"url": "http://remysharp.com",
"copyright": "Remy Sharp, https://remysharp.com",
"url": "https://remysharp.com",
"format": "txt"
}
```
@ -96,8 +136,8 @@ And if you want to show your gravatar, just add the `gravatar` boolean property:
```json
{
"copyright": "Remy Sharp, http://remysharp.com",
"url": "http://remysharp.com",
"copyright": "Remy Sharp, https://remysharp.com",
"url": "https://remysharp.com",
"email": "me@mysite.com",
"gravatar": true
}
@ -105,38 +145,16 @@ And if you want to show your gravatar, just add the `gravatar` boolean property:
Note that the gravatar requires the email property. You also need to check the compatibility of the chosen theme. Currently, only the default theme supports Gravatar.
### License version targeting
License version targeting allows you to link your MIT license to a specific revision in this project - therefore fixing it permanently to a specific license text.
Though I don't expect the license text to change ever, this is just some extra assurance for you.
Targeting requires the [sha from the license commit](https://github.com/remy/mit-license/commits/master/LICENSE.html). This can be specified on the URL (in your permalink) or in the JSON file.
For example: http://rem.mit-license.org/a526bf7ad1 (make sure to view-source) shows an older version of the LICENSE.html file (compared to the [latest version](http://rem.mit-license.org) - the older version didn't have the new themes).
This can also be targeted in my JSON file:
```json
{
"copyright": "Remy Sharp, http://remysharp.com",
"url": "http://remysharp.com",
"version": "a526rbf7"
}
```
Note that if no version is supplied, the latest copy of the LICENSE.html will be displayed with your information included.
### Themes
If you've got an eye for design (or like me: not): you can contribute a theme by adding a CSS file to the `themes` directory. The default theme is simple and clean, but you can add your own as you like.
If you've got an eye for design (or like me: not): you can contribute a theme by adding a CSS file to the `themes` directory. You can use the latest CSS technologies since they are automatically polyfilled. The default theme is simple and clean, but you can add your own as you like.
To use a theme, add the `theme` property to your `user.json` file, for example:
```json
{
"copyright": "Remy Sharp, http://remysharp.com",
"url": "http://remysharp.com",
"copyright": "Remy Sharp, https://remysharp.com",
"url": "https://remysharp.com",
"theme": "flesch"
}
```
@ -184,30 +202,30 @@ Current available themes:
The following types of requests can be made to this project:
* [http://rem.mit-license.org/](http://rem.mit-license.org/) HTML, or the default format specified in
the json file (currently none specified on `rem`)
* [http://rem.mit-license.org/license.html](http://rem.mit-license.org/license.html) HTML
* [http://rem.mit-license.org/license.txt](http://rem.mit-license.org/license.txt) Text
* [http://rem.mit-license.org/a526bf7ad1](http://rem.mit-license.org/a526bf7ad1) a526bf7ad1 version, HTML, or the
default format specified in the json file (again, none specified for
`rem` so defaults to HTML)
* [http://rem.mit-license.org/a526bf7ad1/license.html](http://rem.mit-license.org/a526bf7ad1/license.html) a526bf7ad1 version,
HTML
* [http://rem.mit-license.org/a526bf7ad1/license.txt](http://rem.mit-license.org/a526bf7ad1/license.txt) a526bf7ad1 version,
text
* <https://rem.mit-license.org/> HTML, or the default format specified in
the json file (currently none specified on `rem`)
* <https://rem.mit-license.org/license.html> HTML
* <https://rem.mit-license.org/license.txt> Text
The url also supports including a start year:
The URL also supports including a start year:
* [http://rem.mit-license.org/2009/](http://rem.mit-license.org/2009/) will
show a license year range of 2009-2016 (2016 being the current year)
* [http://rem.mit-license.org/2009-2010](http://rem.mit-license.org/2009-2010/)
allows me to force the year range
* [http://rem.mit-license.org/a526bf7ad1/2009-2010/license.txt](http://rem.mit-license.org/a526bf7ad1/2009-2010/license.txt) a526bf7ad1 version, with year range of 2009-2010 in plain text
* <https://rem.mit-license.org/2009/> will
show a license year range of 2009-2016 (2016 being the current year)
* <https://rem.mit-license.org/2009-2010>
allows me to force the year range
* <https://rem.mit-license.org/2009-2010/license.txt> year range of 2009-2010 in plain text
Finally, the url also supports pinning the year
You can also specify either the `MIT` or `ISC` license in the URL:
* [http://rem.mit-license.org/@2009](http://rem.mit-license.org/@2009)
this is useful for when your software copyright should expire ([as discussed here](https://github.com/remy/mit-license/issues/771))
* <https://rem.mit-license.org/+MIT> will
show the MIT License (default)
* <https://rem.mit-license.org/+ISC>
shows the ISC license instead
Finally, the URL also supports pinning the year
* <https://rem.mit-license.org/@2009>
this is useful for when your software copyright should expire ([as discussed here](https://github.com/remy/mit-license/issues/771))
## Ways to contribute
@ -220,6 +238,7 @@ Development contributions from:
* [georgebashi](https://github.com/georgebashi)
* [mathiasbynens](https://github.com/mathiasbynens)
* [evertton](https://github.com/evertton)
* [Richienb](https://github.com/Richienb)
**SSL and wildcard DNS is supported by [CloudFlare](https://www.cloudflare.com) - thank you 🙏💙**
@ -227,7 +246,7 @@ Development contributions from:
I host the domain with namecheap.com and yearly renewal is $9.69 per year. If you want to contribute a year, send me a message and I'll add the years on.
Of course I'll do my best to continue running the domain and hosting, but this is your chance to contribute to the community project.
Of course, I'll do my best to continue running the domain and hosting, but this is your chance to contribute to the community project.
Domain contributions:
@ -243,11 +262,11 @@ Domain contributions:
* [barberboy](https://github.com/barberboy) - 2029-2030
* [mostly-magic](https://github.com/mostly-magic) - 2030-2032
*Please note that the whois says 2021 as you can only have 10 active registered years with ICANN - but the domain is set to auto-renew, so it's all good :)*
_Please note that the whois says 2021 as you can only have 10 active registered years with ICANN - but the domain is set to auto-renew, so it's all good :)_
### 2. Hosting
For the first 5 years mit-license.org was hosted on my own dedicated server, but I've now moved to Heroku and am paying a monthly fee. If you would like to donate **[please donate here](https://www.paypal.me/rem)** include a message and I will add your name to the credit. Hosting is currently costs $7 per month, if you want to donate in months or years, it's gratefully received ❤
For the first 5 years, mit-license.org was hosted on my own dedicated server, but I've now moved to Heroku and am paying a monthly fee. If you would like to donate **[please donate here](https://www.paypal.me/rem)** include a message and I will add your name to the credit. Hosting currently costs $7 per month if you want to donate in months or years, it's gratefully received ❤
Hosting contributions:
@ -273,10 +292,10 @@ Hosting contributions:
### 3. A lick of paint
I'm a developer, I seem only capable of *grey*! If you're a designer and want to contribute a decent lick of paint on the project that would be super. Just create a new theme and send me a pull request.
I'm a developer, I seem only capable of _grey_! If you're a designer and want to contribute a decent lick of paint on the project that would be super. Just create a new theme and send me a pull request.
## License
And of course:
MIT: http://rem.mit-license.org
MIT: <https://rem.mit-license.org>

View file

@ -1 +0,0 @@
{}

163
index.php
View file

@ -1,163 +0,0 @@
<?php
date_default_timezone_set('Europe/London'); // stop php from whining
$format = 'html';
$theme = 'default';
$cname = '';
// use a match instead of preg_replace to ensure we got the cname
preg_match('/^([a-z0-9\-]+)\.mit-license\..*$/', $_SERVER['HTTP_HOST'], $match);
if (count($match) == 2) {
$cname = $match[1];
}
$user_file = 'users/' . $cname . '.json';
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $cname) {
echo ('>>> curl API has been temporarily disabled. Please send a pull request in the short term. Service will resume as normal again soon ❤');
exit;
try {
$data = json_decode(file_get_contents('php://input'));
if (!property_exists($data, 'copyright')) {
Throw new Exception('>>> JSON requires "copyright" property and value');
}
if (file_exists($user_file)) {
Throw new Exception(wordwrap('>>> User already exists - to update values, please send a pull request on https://github.com/remy/mit-license'));
}
if (!file_put_contents($user_file, json_encode($data))) {
Throw new Exception(wordwrap('>>> Unable to create new user - please send a pull request on https://github.com/remy/mit-license'));
}
// try to add to github...!
exec('cd /WWW/mit-license && /usr/bin/git add ' . $user_file . ' && /usr/bin/git commit -m"automated creation of ' . $user_file . '"', $out, $r);
//print_r($out); echo "\n"; print_r($r); echo "\n";
$out = array();
exec('cd /WWW/mit-license && /usr/bin/git push origin master -v 2>&1', $out, $r);
//print_r($out); echo "\n"; print_r($r); echo "\n";
echo '>>> MIT license page created: https://' . $_SERVER['HTTP_HOST'] . "\n\n";
} catch (Exception $e) {
echo $e->getMessage() . "\n\n";
}
exit;
}
/**
* Load up the user.json file and read properties in
**/
if ($cname && file_exists($user_file)) {
$user = json_decode(file_get_contents($user_file));
$holder = htmlentities($user->copyright, ENT_COMPAT | ENT_HTML401, 'UTF-8');
if (property_exists($user, 'url')) {
$holder = '<a href="' . $user->url . '">' . $holder . '</a>';
}
if (property_exists($user, 'email')) {
$holder = $holder . ' &lt;<a href="mailto:' . $user->email . '">' . $user->email . '</a>&gt;';
if(property_exists($user, 'gravatar') && $user->gravatar === true){
$gravatar = '<img id="gravatar" src="https://www.gravatar.com/avatar/' . md5(strtolower(trim($user->email))) . '" />';
}
}
if (property_exists($user, 'format')) {
if (strtolower($user->format) == 'txt') {
$format = 'txt';
}
}
if (property_exists($user, 'theme')) {
if (file_exists('themes/' . $user->theme . '.css')) {
$theme = $user->theme;
}
}
} else {
$holder = "&lt;copyright holders&gt;";
}
/**
* Now process the request url. Optional parts of the url are (in order):
* [sha]/[year|year-range]/license.[format]
* eg. http://rem.mit-license.org/a526bf7ad1/2009-2010/license.txt
**/
// grab sha from request uri
$request_uri = explode('/', $_SERVER["REQUEST_URI"]);
$request = array_pop($request_uri);
// in case there's a trailing slash (unlikely)
if ($request == '') $request = array_pop($request_uri);
// url file format overrides user preference
if (stripos($request, 'license') === 0) {
$format = array_pop(explode('.', strtolower($request))) == 'txt' ? 'txt' : 'html';
// move down to the next part of the request
$request = array_pop($request_uri);
}
// check if we have a year or a year range up front
$year = date('Y');
preg_match('/^(@?\d{4})(?:(?:\-)(\d{4}))?$/', $request, $match);
if (count($match) > 1) {
if ($match[2] && $match[1][0] != '@') { // 2nd segment
$year = $match[2];
}
if ($match[1]) {
if ($match[1][0] == '@') {
$year = substr($match[1], 1);
} else {
$year = $match[1] == $year ? $year : $match[1] . '-' . $year;
}
}
$request = array_pop($request_uri);
}
// check if there's a SHA on the url and read this to switch license versions
$sha = '';
if ($request != "" && $request != "/" && $request != "/index.php") {
$sha = preg_replace('/[^a-f0-9]/', '', $request);
} else if (isset($user) && property_exists($user, 'version')) {
$sha = preg_replace('/[^a-f0-9]/', '', $user->version);
}
// if sha specified, use that revision of licence
$license = '';
if ($sha != "") {
$out = array();
// preg_replace should save us - but: please help me Obi Wan...
exec("/usr/local/bin/git show " . $sha . ":LICENSE.html", $out, $r);
if ($r == 0) {
$license = implode("\n", $out);
}
}
// if we didn't manage to read one in, use latest
if ($license == "") {
$license = file_get_contents('LICENSE.html');
}
// replace info tag and display
$info = $year . ' ' . $holder;
$license = str_replace('{{info}}', $info, $license);
$license = str_replace('{{theme}}', $theme, $license);
$license = str_replace('{{gravatar}}', $gravatar, $license);
// if we want text format, strip out the license from the article tag
// and then strip any other tags in the license.
if ($format == 'txt') {
$license = array_shift(explode('</article>', array_pop(explode('<article>', $license))));
$license = preg_replace('/<[^>]*>/', '', trim($license));
$license = html_entity_decode($license, ENT_COMPAT | ENT_HTML401, 'UTF-8');
$license .= "\n";
header('content-type: text/plain; charset=UTF-8');
}
echo $license;

26
licenses/ISC.ejs Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html id="home" lang="en">
<% include components/header %>
<body>
<article>
<%- gravatar %>
<h1>The ISC License (ISC)</h1>
<p>Copyright © <%- info %></p>
<p>Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.</p>
<p>THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.</p>
</article>
<% include components/footer %>
</body>
</html>

32
licenses/MIT.ejs Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html id="home" lang="en">
<% include components/header %>
<body>
<article>
<%- gravatar %>
<h1>The MIT License (MIT)</h1>
<p>Copyright © <%- info %></p>
<p>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:</p>
<p>The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.</p>
<p>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.</p>
</article>
<% include components/footer %>
</body>
</html>

View file

@ -0,0 +1,3 @@
<footer>
<p><a target="_blank" rel="noopener" href="https://github.com/remy/mit-license">Fork this project to create your own MIT license that you can always link to.</a></p>
</footer>

View file

@ -0,0 +1,38 @@
<head>
<title>MIT License</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="The MIT License is a permissive free software license originating at the Massachusetts Institute of Technology. As a permissive license, it puts only very limited restriction on reuse and has, therefore, an excellent license compatibility.">
<!--
Welcome fellow open source developer. This project is here for you to
link to if you're like me and keep forgetting to include the
MIT-license.txt file.
Fork this project and send a pull request on:
https://github.com/remy/mit-license
By adding a new JSON file to the users directory, it will yield an
MIT License on a CNAME, for example:
{ "copyright": "Remy Sharp, https://remysharp.com" }
Means visiting https://rem.mit-license.org/ shows "Remy Sharp" as the
copyright holder. Namespaces will be on a first come first serve basis,
and I'm open to folk joining the GitHub project.
For more options see the README in the github hosted project.
Hope you find this useful too!
- @rem
-->
<!-- for HTML5 el styling -->
<script>
document.createElement('article');
document.createElement('footer');
</script>
<link rel="stylesheet" href="/themes/<%= theme %>.css">
</head>

8
middleware/cors.js Normal file
View file

@ -0,0 +1,8 @@
module.exports = (_req, res, next) => {
res.header('Access-Control-Allow-Origin', '*');
res.header(
'Access-Control-Allow-Headers',
'Origin, X-Requested-With, Content-Type, Accept'
);
next();
};

View file

@ -0,0 +1,65 @@
const thisYear = new Date().getFullYear();
module.exports = (req, res, next) => {
const parts = req.url.split('/');
res.locals.options = parts.reduce(
(acc, curr) => {
if (!curr) return acc;
let match = curr.match(/^@?(\d{4})$/) || [];
if (match.length) {
// Pinned year
if (curr.startsWith('@')) {
acc.pinnedYear = parseInt(curr.substr(1), 10);
} else {
acc.startYear = parseInt(curr, 10);
}
return acc;
}
match = curr.match(/^(\d{4})-(\d{4})$/) || [];
if (match.length) {
acc.startYear = parseInt(match[1], 10);
acc.endYear = parseInt(match[2], 10);
return acc;
}
if (curr.startsWith('license')) {
acc.format = curr
.split('.')
.pop()
.trim();
return acc;
}
if (curr.startsWith('+')) {
acc.license = curr
.substr(1)
.toUpperCase();
return acc;
}
acc.sha = curr; // not actually supported now - 2019-06-19
return acc;
},
{
format: 'html',
startYear: null,
endYear: thisYear,
sha: null,
}
);
if (res.locals.options.sha) {
res.setHeader(
'X-note',
'SHA and commit pinning is no longer supported, showing you latest release'
);
}
next();
};

32
middleware/load-user.js Normal file
View file

@ -0,0 +1,32 @@
const { promisify } = require('util');
const readFile = promisify(require('fs').readFile);
const path = require('path');
module.exports = async (req, res, next) => {
const id = req.hostname.split('.')[0];
res.locals.id = id;
if (req.method.toUpperCase() !== 'GET') {
return next();
}
// Otherwise load up the user json file
res.locals.user = {
copyright: '<copyright holders>',
};
try {
const data = await readFile(
path.join(__dirname, '..', 'users', `${id}.json`),
'utf8'
);
res.locals.user = {...res.locals.user, ...JSON.parse(data)};
} catch ({code, message}) {
if (code !== 'ENOENT') {
res.code(500).send(`An internal error occurred - open an issue on https://github.com/remy/mit-license with the following information: ${message}`)
return;
}
}
next();
};

View file

@ -2,20 +2,54 @@
"author": "Remy Sharp <remy@leftlogic.com> (http://remysharp.com/)",
"name": "mit-licence",
"description": "Hosted MIT License with details controlled through this repo",
"version": "1.0.0",
"private": true,
"version": "2.0.0",
"main": "server.js",
"repository": {
"type": "git",
"url": "git@github.com:remy/mit-license.git"
},
"engines": {
"node": ">=10.x.x"
},
"scripts": {
"test": "node test.js"
"start": "node .",
"dev": "nodemon .",
"serve": "node server.js",
"test": "node test.js",
"lint": "eslint server.js middleware/*.js routes/*.js --color"
},
"bugs": {
"url": "https://github.com/remy/mit-license/issues"
},
"license": "SEE LICENSE IN LICENSE",
"license": "MIT",
"dependencies": {
"nconf": "^0.8.4",
"request": "^2.72.0"
"@octokit/rest": "^16.28.5",
"btoa": "^1.2.1",
"ejs": "^2.6.2",
"express": "^4.17.1",
"express-minify": "^1.0.0",
"md5": "^2.2.1",
"node-html-parser": "^1.1.15",
"postcss-middleware": "^1.1.4",
"postcss-preset-env": "^6.7.0",
"serve-favicon": "^2.5.0"
},
"devDependencies": {
"@types/btoa": "^1.2.3",
"@types/css": "^0.0.31",
"@types/ejs": "^2.6.3",
"@types/express": "^4.17.0",
"@types/express-minify": "^0.1.34",
"@types/md5": "^2.1.33",
"@types/node": "^12.6.8",
"css": "^2.2.4",
"eslint": "^6.1.0",
"eslint-plugin-node": "^9.1.0",
"has-flag": "^4.0.0",
"nodemon": "^1.19.1"
},
"resolutions": {
"postcss-middleware/vinyl-fs/glob-stream/micromatch/braces": "^3.0.2"
}
}

2
robots.txt Normal file
View file

@ -0,0 +1,2 @@
User-agent: *
Disallow:

95
routes/get.js Normal file
View file

@ -0,0 +1,95 @@
const md5 = require('md5');
const path = require('path');
const { stripTags, escapeTags } = require('./utils');
function getCopyrightHTML(user, plain) {
let html = '';
const name = typeof user === "string" ? user
: plain ? user.name || user.copyright
: escapeTags(user.name || user.copyright);
if (user.url) {
html = `<a href="${stripTags(user.url)}">${name}</a>`;
} else {
html = name;
}
if (user.email) {
html += ` &lt;<a href="mailto:${stripTags(user.email)}">${
plain ? user.email : escapeTags(user.email)
}</a>&gt;`;
}
return html;
}
module.exports = (req, res) => {
const { user, options } = res.locals;
let name;
let gravatar;
// No error and valid
if (user.copyright) {
if (typeof user.copyright === 'string') {
name = getCopyrightHTML(user, options.format !== 'html');
} else if (user.copyright.every(val => typeof val === 'string')) {
// Supports: ['Remy Sharp', 'Richie Bendall']
name = user
.map(_ => (options.format !== 'html' ? _ : escapeTags(_)))
.join(', ');
} else {
name = user.copyright
.map(getCopyrightHTML)
.join(', ');
}
}
if (user.gravatar && user.email) {
// Supports regular format
gravatar = `<img id="gravatar" alt="Profile image" src="https://www.gravatar.com/avatar/${md5(
user.email.trim().toLowerCase()
)}" />`;
} else if (typeof user.copyright[0] === 'object' && user.gravatar) {
// Supports multi-user format
gravatar = `<img id="gravatar" alt="Profile image" src="https://www.gravatar.com/avatar/${md5(
user.copyright[0].email.trim().toLowerCase()
)}" />`;
}
const year = options.pinnedYear
? options.pinnedYear
: [options.startYear, options.endYear].filter(Boolean).join('-');
const license = (options.license || user.license || 'MIT').toUpperCase();
const format = options.format || user.format || 'html';
const args = {
info: `${year} ${name}`,
theme: user.theme || 'default',
gravatar,
};
const filename = path.join(__dirname, '..', 'licenses', license);
req.app.render(filename, args, (error, content) => {
if (error) {
res.status(500).send(error);
return;
}
if (format === 'txt') {
const plain = content.match(/<article>(.*)<\/article>/ms)[1];
res
.set('Content-Type', 'text/plain; charset=UTF-8')
.send(stripTags(plain).trim());
return;
}
if (format === 'html') {
res.send(content);
return;
}
res.json({ ...user, ...options });
});
};

108
routes/post.js Normal file
View file

@ -0,0 +1,108 @@
const fs = require('fs');
const path = require('path');
const {
promisify
} = require('util');
const access = promisify(fs.access);
const writeFile = promisify(fs.writeFile);
const btoa = require('btoa');
var github = require('@octokit/rest')({
// GitHub personal access token
auth: process.env.github_token,
// User agent with version from package.json
userAgent: 'mit-license v' + require(path.join(__dirname, "..", "package.json")).version,
});
const { validDomainId } = require('./utils');
function getUserData({
query,
body
}) {
// If query parameters provided
if (Object.keys(query).length > 0) return query;
// If the data parsed as {'{data: "value"}': ''}
const keys = Object.keys(body);
if (keys.length === 1 && !Object.values(body)[0]) return JSON.parse(keys[0]);
// Fallback
return body;
}
// HTTP POST API
module.exports = async (req, res) => {
const {
hostname
} = req;
// Get different parts of hostname (example: remy.mit-license.org -> ['remy', 'mit-license', 'org'])
const params = hostname.split('.');
// This includes the copyright, year, etc.
const userData = getUserData(req);
// If there isn't enough part of the hostname
if (params.length < 2) {
res.status(400).send('Please specify a subdomain in the URL.');
return;
}
// Extract the name from the URL
const id = params[0];
if (!validDomainId(id)) {
// Return a vague error intentionally
res
.status(400)
.send(
'User already exists - to update values, please send a pull request on https://github.com/remy/mit-license'
);
return;
}
try {
// Check if the user file exists in the users directory
await access(path.join(__dirname, '..', 'users', `${id}.json`));
res
.status(409)
.send(
'User already exists - to update values, please send a pull request on https://github.com/remy/mit-license'
)
return;
} catch ({code, message}) {
if (code !== "ENOENT") {
res.code(500).send(`An internal error occurred - open an issue on https://github.com/remy/mit-license with the following information: ${message}`)
return;
}
}
// File doesn't exist
// If copyright property and key doesn't exist
if (!userData.copyright) {
res.status(400).send('JSON requires "copyright" property and value');
return;
}
try {
const fileContent = JSON.stringify(userData, 0, 2)
await github.repos.createFile({
owner: 'remy',
repo: 'mit-license',
path: `users/${id}.json`,
message: `chore: Automated creation of user ${id}.`,
content: btoa(fileContent),
committer: {
name: 'MIT License Bot',
email: 'remy@leftlogic.com',
},
})
writeFile(
path.join(__dirname, "..", "users", `${id}.json`),
fileContent
);
res.status(201).send(`MIT license page created: https://${hostname}`);
} catch(err) {
res.status(500).send(`Unable to create new user - please send a pull request on https://github.com/remy/mit-license`)
}
};

8
routes/utils.js Normal file
View file

@ -0,0 +1,8 @@
const tags = {
'<': '&lt;',
'>': '&gt;',
'&': '&amp;',
};
exports.escapeTags = str => (str || '').replace(/[<>&]/g, m => tags[m]);
exports.stripTags = str => (str || '').replace(/<(?:.|\n)*?>/gm, '');
exports.validDomainId = s => /^[\w-_]+$/.test(s);

68
server.js Normal file
View file

@ -0,0 +1,68 @@
/*
IMPORTANT: Set the `github_token` environment variable to a personal access token
with at least the `public_repo` scope for the API.
Server port: The `PORT` environment variable can also be set to control the port the server
should be hosted on.
*/
const express = require('express');
const minify = require('express-minify');
const favicon = require('serve-favicon');
const postcssMiddleware = require('postcss-middleware');
const tmpdir = require('os').tmpdir();
const path = require('path');
// Server
var PORT = process.env.PORT || 8080;
// Prepare application
const app = express();
app.use(minify({
cache: tmpdir
}));
app.use(favicon(path.join(__dirname, 'favicon.ico')));
app.set('views', path.join(__dirname, '/licenses'));
app.set('view engine', 'ejs');
// Setup static files
app.use('/robots.txt', express.static('robots.txt'));
app.use('/favicon.ico', express.static(`${__dirname}/favicon.ico`));
app.use(
'/themes',
postcssMiddleware({
plugins: [
require('postcss-preset-env')({
overrideBrowserslist: 'last 2 versions',
stage: 0,
}),
],
src(req) {
return path.join(__dirname, 'themes', req.path);
},
}),
express.static('themes')
);
// Middleware
// CORS
app.use(require('./middleware/cors'));
// Parse URL-encoded bodies (as sent by HTML forms)
app.use(express.urlencoded({
extended: true
}));
// Parse JSON bodies (as sent by API clients)
app.use(express.json());
// Capture the id from the subdomain
app.use(require('./middleware/load-user'));
app.use(require('./middleware/load-options'));
// HTTP POST API
app.post('/', require('./routes/post'));
app.get('/*', require('./routes/get'));
// Start listening for HTTP requests
app.listen(PORT, () => {
console.log(`🚀 on http://localhost:${PORT}`);
});

82
test.js
View file

@ -1,13 +1,71 @@
#!/bin/env node
const path = require('path');
const fs = require('fs');
const CSS = require('css');
const {
validDomainId
} = require('./routes/utils');
const {
promisify
} = require('util');
const readFile = promisify(fs.readFile);
const readdir = promisify(fs.readdir);
const hasFlag = require('has-flag')
var fs = require('fs');
var users = fs.readdirSync('users');
users.forEach(function (user) {
try {
var content = fs.readFileSync('users/' + user).toString();
JSON.parse(content);
} catch (e) {
console.error('Invalid JSON in file: ' + user);
process.exit(1);
}
});
let errored = false;
function report(content, fix) {
errored = true;
console.error(content);
if (fix && hasFlag("--fix")) fix()
}
(async () => {
const users = await readdir('users');
await users.forEach(async user => {
if (!user.endsWith('json')) report(`${user} is not a json file`, () => fs.unlink(path.join('users', user), () => {}))
if (!validDomainId(user.replace(".json", ""))) report(`${user} is not a valid domain id.`)
try {
const data = await readFile(path.join('users', user), "utf8")
try {
let u = JSON.parse(data);
if (!u.locked && !u.copyright) report(`Copyright not specified in ${user}`)
if (u.version) report(`Version tag found in ${user}`, () => {
delete u.version
const stringified = `${JSON.stringify(u, 0, 2)}\n`
fs.writeFile(path.join('users', user), stringified, () => { })
})
const stringified = `${JSON.stringify(u, 0, 2)}\n`
if (data !== stringified) report(`Non-regular formatting in ${user}`, () => fs.writeFile(path.join('users', user), stringified, () => {}))
} catch ({
message
}) {
report(`Invalid JSON in ${user} (${message})`)
}
} catch ({
message
}) {
report(`Unable to read ${user} (${message})`)
}
});
const themes = await readdir('themes');
await themes.forEach(async theme => {
if (theme.endsWith('css')) {
try {
const data = await readFile(path.join('themes', theme), "utf8")
try {
CSS.parse(data);
} catch ({
message
}) {
report(`Invalid CSS in ${theme} (${message})`)
}
} catch ({
message
}) {
report(`Unable to read ${theme} (${message})`)
}
}
});
if (errored) process.exit(1);
})()

View file

@ -1,6 +1,7 @@
/* 8bit theme v1.0.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
@ -8,11 +9,13 @@ body {
background: #000;
color: #ffbf00;
}
a:link,
a:visited {
text-decoration: none;
color: #ffbf00;
}
article {
display: block;
margin: 1em;
@ -20,6 +23,7 @@ article {
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #ffbf00;
width: 100%;
@ -27,75 +31,88 @@ article h1 {
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
article h1+p a:link,
article h1+p a:visited {
color: #ffbf00;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
#gravatar+h1+p+p {
padding-top: 2em;
}
h1 + p {
h1+p {
padding-right: 6em;
}
h1 + p + p {
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
article h1+p {
padding-bottom: 1em;
}
article h1 + p + p {
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
}

View file

@ -1,6 +1,7 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
@ -8,11 +9,13 @@ body {
background: #00f;
color: #fff;
}
a:link,
a:visited {
text-decoration: none;
color: #fff;
}
article {
display: block;
margin: 1em;
@ -20,6 +23,7 @@ article {
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #fff;
width: 100%;
@ -27,75 +31,88 @@ article h1 {
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
article h1+p a:link,
article h1+p a:visited {
color: #fff;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
#gravatar+h1+p+p {
padding-top: 2em;
}
h1 + p {
h1+p {
padding-right: 6em;
}
h1 + p + p {
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
article h1+p {
padding-bottom: 1em;
}
article h1 + p + p {
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-moz-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-ms-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-o-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
}

View file

@ -1,6 +1,7 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
@ -8,11 +9,13 @@ body {
background: #000;
color: #0f0;
}
a:link,
a:visited {
text-decoration: none;
color: #0f0;
}
article {
display: block;
margin: 1em;
@ -20,6 +23,7 @@ article {
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #0f0;
width: 100%;
@ -27,75 +31,88 @@ article h1 {
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
article h1+p a:link,
article h1+p a:visited {
color: #0f0;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
#gravatar+h1+p+p {
padding-top: 2em;
}
h1 + p {
h1+p {
padding-right: 6em;
}
h1 + p + p {
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
article h1+p {
padding-bottom: 1em;
}
article h1 + p + p {
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
}

View file

@ -1,6 +1,7 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
@ -8,11 +9,13 @@ body {
background: #fff;
color: #000;
}
a:link,
a:visited {
text-decoration: none;
color: #000;
}
article {
display: block;
margin: 1em;
@ -20,6 +23,7 @@ article {
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #000;
width: 100%;
@ -27,75 +31,88 @@ article h1 {
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
article h1+p a:link,
article h1+p a:visited {
color: #000;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
#gravatar+h1+p+p {
padding-top: 2em;
}
h1 + p {
h1+p {
padding-right: 6em;
}
h1 + p + p {
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
article h1+p {
padding-bottom: 1em;
}
article h1 + p + p {
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100);
filter: contrast(700%) grayscale(100%) saturate(100);
}

View file

@ -1,6 +1,7 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
@ -8,11 +9,13 @@ body {
background: #000;
color: #fff;
}
a:link,
a:visited {
text-decoration: none;
color: #fff;
}
article {
display: block;
margin: 1em;
@ -20,6 +23,7 @@ article {
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #fff;
width: 100%;
@ -27,75 +31,88 @@ article h1 {
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
article h1+p a:link,
article h1+p a:visited {
color: #fff;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
#gravatar+h1+p+p {
padding-top: 2em;
}
h1 + p {
h1+p {
padding-right: 6em;
}
h1 + p + p {
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
article h1+p {
padding-bottom: 1em;
}
article h1 + p + p {
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100);
filter: contrast(700%) grayscale(100%) saturate(100);
}

View file

@ -1,12 +1,66 @@
body {margin:0; padding: 50px;background: #242f3a;font: 16px/28px "Garamond",serif; color: #94979e;}
article, footer { display:block; max-width:720px; margin:0 auto; }
article { padding:28px;}
footer { padding:0 28px; text-align:center; }
h1 { margin:0; font-size: 24px; line-height: 32px;color:#d7721a}
a, a:visited { color:#577446; padding:4px; text-decoration:none; }
a:active, a:hover { color:#5dd912; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {background:#bc4a46;}
::selection {background:#bc4a46;}
::-moz-selection {background:#bc4a46;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }
body {
margin: 0;
padding: 50px;
background: #242f3a;
font: 16px/28px "Garamond", serif;
color: #94979e;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
padding: 28px;
}
footer {
padding: 0 28px;
text-align: center;
}
h1 {
margin: 0;
font-size: 24px;
line-height: 32px;
color: #d7721a
}
a, a:visited {
color: #577446;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
color: #5dd912;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
background: #bc4a46;
}
::selection {
background: #bc4a46;
}
::-moz-selection {
background: #bc4a46;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}

View file

@ -61,9 +61,9 @@ h1 {
}
a {
color: #ff6666;
text-decoration: none;
word-wrap: break-word;
color: #ff6666;
text-decoration: none;
word-wrap: break-word;
}
a:hover, a:focus, a:active {
@ -83,4 +83,3 @@ a:hover, a:focus, a:active {
font-size: 1em;
}
}

File diff suppressed because one or more lines are too long

View file

@ -1,19 +1,122 @@
@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,400,700);
body { color: #94979E; font: 16px/28px 'Alegreya', "Garamond",serif; margin: 0; padding: 0 50px;}
article, footer { display:block; max-width:720px; margin:0 auto; }
article {background: repeat scroll 0 0 #FFFFFF; border-bottom: 4px solid #FF3366; border-right: 3px solid #FF6666; padding: 45px 28px 28px; position: relative; -webkit-border-radius: 0px 0 10px 10px; -moz-border-radius: 0px 0 10px 10px; border-radius: 0px 0 10px 10px; margin-top: 28px; border-left: 1px solid #F7F7F7;}
h1 { background: none repeat scroll 0 0 #FF3366; color: #FFFFFF; font-size: 24px; left: -12px; line-height: 32px; padding: 10px 0 10px 13px; position: absolute; top: -22px; width: 100%; display: block; -moz-box-shadow: 2px 7px 0px -3px #CCCCCC; -webkit-box-shadow: 2px 7px 0px -3px #CCCCCC; box-shadow: 2px 7px 0px -3px #CCCCCC; }
h1:after { background-color: #AD0431; border-radius: 0 0 0 32px; content: ""; height: 7px; left: 3px; position: absolute; top: 52px; width: 7px; }
h1:before { background-color: #D01B4B; content: ""; height: 11px; left: 0; position: absolute; top: 52px; width: 11px; -webkit-border-radius: 0 0 0 32px; -moz-border-radius: 0 0 0 32px; border-radius: 0 0 0 32px; }
article p:nth-of-type(1) {font-size: 24px;}
a, a:visited { color:#3A3A3A; padding:4px 4px 0 4px; text-decoration:none; }
a:active, a:hover { color:#710257; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {color:#bc4a46;}
::selection {color:#bc4a46;}
::-moz-selection {color:#bc4a46; }
footer { background-color: #FFFFFF; border-bottom: 3px solid #FF3366; margin-top: 10px; padding: 4px 28px; text-align: center; border-top: 1px solid #F5F5F5; }
footer a { padding: 10px; }
footer p { font-size: 16px; margin: 0; padding: 0;}
#gravatar { position: relative; float: right; border: 3px solid #CCCCCC; top: -2.3em; z-index: 1; border-radius: 10px; }
body {
color: #94979E;
font: 16px/28px 'Alegreya', "Garamond", serif;
margin: 0;
padding: 0 50px;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
background: repeat scroll 0 0 #FFFFFF;
border-bottom: 4px solid #FF3366;
border-right: 3px solid #FF6666;
padding: 45px 28px 28px;
position: relative;
border-radius: 0px 0 10px 10px;
margin-top: 28px;
border-left: 1px solid #F7F7F7;
}
h1 {
background: none repeat scroll 0 0 #FF3366;
color: #FFFFFF;
font-size: 24px;
left: -12px;
line-height: 32px;
padding: 10px 0 10px 13px;
position: absolute;
top: -22px;
width: 100%;
display: block;
box-shadow: 2px 7px 0px -3px #CCCCCC;
}
h1:after {
background-color: #AD0431;
border-radius: 0 0 0 32px;
content: "";
height: 7px;
left: 3px;
position: absolute;
top: 52px;
width: 7px;
}
h1:before {
background-color: #D01B4B;
content: "";
height: 11px;
left: 0;
position: absolute;
top: 52px;
width: 11px;
border-radius: 0 0 0 32px;
}
article p:nth-of-type(1) {
font-size: 24px;
}
a, a:visited {
color: #3A3A3A;
padding: 4px 4px 0 4px;
text-decoration: none;
}
a:active, a:hover {
color: #710257;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
color: #bc4a46;
}
::selection {
color: #bc4a46;
}
::-moz-selection {
color: #bc4a46;
}
footer {
background-color: #FFFFFF;
border-bottom: 3px solid #FF3366;
margin-top: 10px;
padding: 4px 28px;
text-align: center;
border-top: 1px solid #F5F5F5;
}
footer a {
padding: 10px;
}
footer p {
font-size: 16px;
margin: 0;
padding: 0;
}
#gravatar {
position: relative;
float: right;
border: 3px solid #CCCCCC;
top: -2.3em;
z-index: 1;
border-radius: 10px;
}

View file

@ -1,19 +1,120 @@
@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,400,700);
body { background: url("cherry.png") repeat scroll 0 0 transparent; color: #94979E; font: 16px/28px 'Alegreya', "Garamond",serif; margin: 0; padding: 0 50px;}
article, footer { display:block; max-width:720px; margin:0 auto; }
article {background: repeat scroll 0 0 #FFFFFF; border-bottom: 4px solid #FF3366; border-right: 3px solid #FF6666;padding: 74px 28px 28px; position: relative; -webkit-border-radius: 0px 0 10px 10px; -moz-border-radius: 0px 0 10px 10px; border-radius: 0px 0 10px 10px; }
h1 { background: none repeat scroll 0 0 #FF3366; color: #FFFFFF; font-size: 24px; left: -12px; line-height: 32px; padding: 10px 0 10px 13px; position: absolute; top: 0; width: 100%; display: block; -moz-box-shadow: 2px 7px 0px -3px #CCCCCC; -webkit-box-shadow: 2px 7px 0px -3px #CCCCCC; box-shadow: 2px 7px 0px -3px #CCCCCC; }
h1:after { background-color: #AD0431; border-radius: 0 0 0 32px; content: ""; height: 7px; left: 3px; position: absolute; top: 52px; width: 7px; }
h1:before { background-color: #D01B4B; content: ""; height: 11px; left: 0; position: absolute; top: 52px; width: 11px; -webkit-border-radius: 0 0 0 32px; -moz-border-radius: 0 0 0 32px; border-radius: 0 0 0 32px; }
article p:nth-of-type(1) {font-size: 24px;}
a, a:visited { color:#3A3A3A; padding:4px 4px 0 4px; text-decoration:none; }
a:active, a:hover { color:#710257; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {color:#bc4a46;}
::selection {color:#bc4a46;}
::-moz-selection {color:#bc4a46; }
footer { background-color: #FFFFFF; border-bottom: 3px solid #FF3366; margin-top: 10px; padding: 4px 28px; text-align: center; }
footer a { padding: 10px; }
footer p { font-size: 16px; margin: 0; padding: 0;}
#gravatar { position: relative; float: right; border: 3px solid #CCCCCC; top: -4.3em; z-index: 1; border-radius: 10px; }
body {
background: url("cherry.png") repeat scroll 0 0 transparent;
color: #94979E;
font: 16px/28px 'Alegreya', "Garamond", serif;
margin: 0;
padding: 0 50px;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
background: repeat scroll 0 0 #FFFFFF;
border-bottom: 4px solid #FF3366;
border-right: 3px solid #FF6666;
padding: 74px 28px 28px;
position: relative;
border-radius: 0px 0 10px 10px;
}
h1 {
background: none repeat scroll 0 0 #FF3366;
color: #FFFFFF;
font-size: 24px;
left: -12px;
line-height: 32px;
padding: 10px 0 10px 13px;
position: absolute;
top: 0;
width: 100%;
display: block;
box-shadow: 2px 7px 0px -3px #CCCCCC;
}
h1:after {
background-color: #AD0431;
border-radius: 0 0 0 32px;
content: "";
height: 7px;
left: 3px;
position: absolute;
top: 52px;
width: 7px;
}
h1:before {
background-color: #D01B4B;
content: "";
height: 11px;
left: 0;
position: absolute;
top: 52px;
width: 11px;
border-radius: 0 0 0 32px;
}
article p:nth-of-type(1) {
font-size: 24px;
}
a, a:visited {
color: #3A3A3A;
padding: 4px 4px 0 4px;
text-decoration: none;
}
a:active, a:hover {
color: #710257;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
color: #bc4a46;
}
::selection {
color: #bc4a46;
}
::-moz-selection {
color: #bc4a46;
}
footer {
background-color: #FFFFFF;
border-bottom: 3px solid #FF3366;
margin-top: 10px;
padding: 4px 28px;
text-align: center;
}
footer a {
padding: 10px;
}
footer p {
font-size: 16px;
margin: 0;
padding: 0;
}
#gravatar {
position: relative;
float: right;
border: 3px solid #CCCCCC;
top: -4.3em;
z-index: 1;
border-radius: 10px;
}

View file

@ -1,20 +1,100 @@
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
html { background: #1a1a1a; }
body { margin: 0; font-family: "Inconsolata", "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace; font-size: 1.2em; line-height: 1.2em; color: #999;}
article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; }
article { margin: 2.5em auto 0 auto; border: 1px solid ; border-color: #505050 #373737 #373737 #505050; padding: 2em; background: #2a2a2a; }
h1 { margin-top: 0; }
article p:first-of-type { margin-top: 1.6em; }
article p:last-child { margin-bottom: 0; }
footer { margin: 0em auto 2em auto; text-align: center; }
footer a { color: #666; text-shadow: 0 1px 1px #999; text-decoration:none; font-size:.8em; padding: 1em; }
html {
background: #1a1a1a;
}
body {
margin: 0;
font-family: "Inconsolata", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 1.2em;
line-height: 1.2em;
color: #999;
}
article, footer {
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
}
article {
margin: 2.5em auto 0 auto;
border: 1px solid;
border-color: #505050 #373737 #373737 #505050;
padding: 2em;
background: #2a2a2a;
}
h1 {
margin-top: 0;
}
article p:first-of-type {
margin-top: 1.6em;
}
article p:last-child {
margin-bottom: 0;
}
footer {
margin: 0em auto 2em auto;
text-align: center;
}
footer a {
color: #666;
text-shadow: 0 1px 1px #999;
text-decoration: none;
font-size: .8em;
padding: 1em;
}
/*footer a:before{content: "â¦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus { color: white; }
h1 {font-weight:normal; display:inline; border-bottom:1px solid #999; padding:0 0 3px 0; line-height: 36px; }
a { color:#0520cf; text-decoration:none;}
a:hover, a:focus { color:#2844FA; }
a:active { color:white; }
:-moz-any-link:focus {color:#000; border:0;}
::selection {background:#ccc;}
::-moz-selection {background:#ccc;}
#gravatar{position:relative;float:right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #999;}
footer a:hover, footer a:focus {
color: white;
}
h1 {
font-weight: normal;
display: inline;
border-bottom: 1px solid #999;
padding: 0 0 3px 0;
line-height: 36px;
}
a {
color: #0520cf;
text-decoration: none;
}
a:hover, a:focus {
color: #2844FA;
}
a:active {
color: white;
}
:-moz-any-link:focus {
color: #000;
border: 0;
}
::selection {
background: #ccc;
}
::-moz-selection {
background: #ccc;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #999;
}

View file

@ -1,22 +1,109 @@
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
html { background: #eee; }
body { margin: 0; font-family: "Inconsolata", "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace; font-size: 1.2em; line-height: 1.2em; }
article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; }
article { margin: 2.5em auto 0 auto; border: 1px solid ; border-color: #ddd #aaa #aaa #ddd; padding: 2em; background: #fff; }
h1 { margin-top: 0; }
article p:first-of-type { margin-top: 1.6em; }
article p:last-child { margin-bottom: 0; }
footer { margin: 0em auto 2em auto; text-align: center; }
footer a { color: #666; text-shadow: 0 1px 1px #fff; text-decoration:none; font-size:.8em; padding: 1em; }
/*footer a:before{content: "⏦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus { color: #111; }
h1 {font-weight:normal; display:inline; border-bottom:1px solid black; padding:0 0 3px 0; line-height: 36px; }
a { color:#2844FA; text-decoration:none;}
a:hover, a:focus { color:#1B29A4; }
a:active { color:#000; }
:-moz-any-link:focus {color:#000; border:0;}
::selection {background:#ccc;}
::-moz-selection {background:#ccc;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }
@media all and (max-width: 500px) { article {padding:1em;} body {font-size:1em;} }
html {
background: #eee;
}
body {
margin: 0;
font-family: "Inconsolata", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 1.2em;
line-height: 1.2em;
}
article, footer {
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
}
article {
margin: 2.5em auto 0 auto;
border: 1px solid;
border-color: #ddd #aaa #aaa #ddd;
padding: 2em;
background: #fff;
}
h1 {
margin-top: 0;
}
article p:first-of-type {
margin-top: 1.6em;
}
article p:last-child {
margin-bottom: 0;
}
footer {
margin: 0em auto 2em auto;
text-align: center;
}
footer a {
color: #666;
text-shadow: 0 1px 1px #fff;
text-decoration: none;
font-size: .8em;
padding: 1em;
}
/*footer a:before{content: "⏦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus {
color: #111;
}
h1 {
font-weight: normal;
display: inline;
border-bottom: 1px solid black;
padding: 0 0 3px 0;
line-height: 36px;
}
a {
color: #2844FA;
text-decoration: none;
}
a:hover, a:focus {
color: #1B29A4;
}
a:active {
color: #000;
}
:-moz-any-link:focus {
color: #000;
border: 0;
}
::selection {
background: #ccc;
}
::-moz-selection {
background: #ccc;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}
@media all and (max-width: 500px) {
article {
padding: 1em;
}
body {
font-size: 1em;
}
}

View file

@ -73,8 +73,8 @@ footer {
}
#gravatar {
border: 1px solid #ddd;
position: relative;
float: right;
top: -1.7em;
}
border: 1px solid #ddd;
position: relative;
float: right;
top: -1.7em;
}

View file

@ -1,5 +1,4 @@
/* Dusk theme v1.0.0 by @georapbox */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
*::selection {
@ -31,9 +30,7 @@ a:link, a:visited, a:hover {
position: relative;
text-decoration: none;
color: #de5833;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
@ -50,15 +47,12 @@ a:before {
left: 0;
background-color: #de5833;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
@ -79,7 +73,7 @@ article h1 {
background: #1F222A;
}
article h1 + p {
article h1+p {
max-width: 100%;
margin-top: 0;
padding-top: 0.1em;
@ -89,7 +83,7 @@ article h1 + p {
background: #1F222A;
}
article h1 + p + p {
article h1+p+p {
margin-top: 1.6em;
}
@ -127,7 +121,7 @@ footer p {
}
@media (max-width: 750px) {
article h1 + p {
article h1+p {
font-size: 0.8em;
}
}

View file

@ -17,17 +17,17 @@
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 8px;
border:1px solid rgba(0,0,0,0.3);
box-shadow: -3px -3px 6px rgba(180,180,160,.5) inset, 3px 3px 3px rgba(226,226,225,.5) inset;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: -3px -3px 6px rgba(180, 180, 160, .5) inset, 3px 3px 3px rgba(226, 226, 225, .5) inset;
}
::-webkit-scrollbar-track {
background:#fbfbfb;
box-shadow: 3px 3px 10px rgba(0,0,0,.25) inset;
background: #fbfbfb;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .25) inset;
}
body {
font-family: Segoe UI, 'SegoeUIWF',Arial,sans-serif;
font-family: Segoe UI, 'SegoeUIWF', Arial, sans-serif;
padding: 10px;
line-height: 1.5em;
}
@ -41,25 +41,27 @@ article {
}
@media (max-device-height: 699px) {
article {
max-width: none !important;
margin: 8px 8px !important;
}
article {
max-width: none !important;
margin: 8px 8px !important;
}
}
h1 {
font-size: 3.7em;
line-height: 1.3em;
font-family: Segoe UI Light,'SegoeUILightWF',Arial,sans-serif;
font-family: Segoe UI Light, 'SegoeUILightWF', Arial, sans-serif;
color: #000;
padding: 0px;
font-weight: normal;
clear: both;
margin: .2em auto .4em;
margin-right: 100px; /* allow for avatar */
margin-right: 100px;
/* allow for avatar */
}
article p:nth-of-type(1) { background: #666;
article p:nth-of-type(1) {
background: #666;
color: white;
border: none;
border-top: 1px solid #eee;
@ -122,14 +124,13 @@ footer {
footer a:link,
footer a:visited {
color:#ccc;
color: #ccc;
}
#gravatar {
position: absolute;
right: 0;
border: 3px solid #ccc;
// top: 4.5em;
z-index: 1;
border-radius: 10px;
}

View file

@ -1,13 +1,55 @@
body {
margin:0; padding: 50px;
background: #fff url(/themes/flesch.png);
font: 16px/28px "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; color: #252519;
margin: 0;
padding: 50px;
background: #fff url(/themes/flesch.png);
font: 16px/28px "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
color: #252519;
}
article, footer {
display: block;
max-width: 720px;
margin: 0;
}
article {
padding: 28px;
background: #fff;
border: 1px solid #ccc;
}
footer {
padding: 0 28px;
text-align: center;
}
h1 {
margin: 0;
font-size: 24px;
line-height: 32px;
}
a, a:visited {
color: #105cb6;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
color: #003;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}
article, footer { display:block; max-width:720px; margin:0; }
article { padding:28px; background:#fff; border:1px solid #ccc; }
footer { padding:0 28px; text-align:center; }
h1 { margin:0; font-size: 24px; line-height: 32px;}
a, a:visited { color:#105cb6; padding:4px; text-decoration:none; }
a:active, a:hover { color:#003; }
a img { position: absolute; top: 0; right: 0; border: 0; }
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }

View file

@ -32,7 +32,6 @@ article p {
article p:first-of-type {
text-align: center;
font-size: .8em;
}
article p:last-of-type {
@ -75,9 +74,9 @@ footer p a {
}
a {
color: gray;
text-decoration: none;
word-wrap: break-word;
color: gray;
text-decoration: none;
word-wrap: break-word;
}
a:hover, a:focus, a:active {

File diff suppressed because one or more lines are too long

View file

@ -3,12 +3,9 @@
* {
margin: 0;
padding: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
body {
background: #aaa;
font-family: Merriweather, "Palatino Linotype", Georgia, serif;
@ -16,44 +13,54 @@ body {
line-height: 170%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
overflow-y: auto;
padding: 20pt;
}
a:link, a:visited {
color: #000;
text-decoration: none;
border-bottom: 1pt solid #aaa;
}
a:hover, a:focus, a:active {
background: #aaa;
text-decoration: none;
}
h1 {
font-size: 64pt;
font-weight: 400;
line-height: 100%;
}
article, footer {
padding: 50pt 50pt 20pt 20%;
background: #ccc;
}
article p { margin-top: 40pt; }
article p {
margin-top: 40pt;
}
article p:first-of-type {
margin-top: 20pt;
font-size: 14pt;
line-height: 150%;
}
article :nth-child(4),
article :nth-child(4):before {
font-size: 18pt;
font-weight: 300;
}
article :nth-child(4):before {
content: "*";
margin-left: -20pt;
float: left;
}
article p:last-child {
border: 20pt solid #c4c4c4;
font-size: 17pt;
@ -62,145 +69,215 @@ article p:last-child {
color: #888;
padding: 20pt;
}
footer {
padding-top: 0;
font-size: 14pt;
line-height: 100%;
margin-top: -1pt;
}
footer p {
background: url("hipster-gray-octocat.png") 0 0 no-repeat;
margin-left: -20pt;
padding-left: 20pt;
}
footer a:link, footer a:visited {
border-bottom-color: #bbb;
color: #888;
}
footer a:hover, footer a:focus, footer a:active {
color: #000;
}
@media only screen and (max-width: 1360px) {
article, footer {
padding-left: 50pt;
}
}
@media only screen and (max-width: 1140px) {
body {
font-size: 17pt;
padding: 15pt;
}
h1 { font-size: 40pt; }
article, footer { padding: 30pt; }
article p { margin-top: 17pt; }
h1 {
font-size: 40pt;
}
article, footer {
padding: 30pt;
}
article p {
margin-top: 17pt;
}
article p:first-of-type {
font-size: 12pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before { font-size: 15pt; }
article :nth-child(4):before { margin-left: -15pt; }
article :nth-child(4), article :nth-child(4):before {
font-size: 15pt;
}
article :nth-child(4):before {
margin-left: -15pt;
}
article p:last-child {
border-width: 15pt;
font-size: 13pt;
margin: 15pt 0 0 0;
padding: 15pt;
}
footer {
padding-top: 0;
font-size: 11pt;
line-height: 120%;
}
footer p {
margin-left: -15pt;
padding-left: 15pt;
}
}
@media only screen and (max-width: 720px) {
body {
font-size: 12pt;
padding: 10pt;
}
h1 { font-size: 24pt; }
article, footer { padding: 20pt; }
article p { margin-top: 15pt; }
h1 {
font-size: 24pt;
}
article, footer {
padding: 20pt;
}
article p {
margin-top: 15pt;
}
article p:first-of-type {
font-size: 9pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before { font-size: 10pt; }
article :nth-child(4):before { margin-left: -10pt; }
article :nth-child(4), article :nth-child(4):before {
font-size: 10pt;
}
article :nth-child(4):before {
margin-left: -10pt;
}
article p:last-child {
border-width: 10pt;
font-size: 10pt;
margin: 15pt 0 0 0;
padding: 10pt;
}
footer {
padding-top: 0;
font-size: 9pt;
line-height: 120%;
}
footer p {
background-position: 0 1px;
-webkit-background-size: 9px;
background-size: 11px;
margin-left: -10pt;
padding-left: 10pt;
}
}
@media print {
@page { margin: .5cm; }
* { color: black !important; }
a[href^="http"]:after { content: " [" attr(href) "]" }
a:link, a[href]:after { border: none; }
@page {
margin: .5cm;
}
* {
color: black;
}
a[href^="http"]:after {
content: " ["attr(href) "]"
}
a:link, a[href]:after {
border: none;
}
body {
background: none;
font-size: 12pt;
padding: 0;
}
h1 { font-size: 28pt; }
h1 {
font-size: 28pt;
}
article, footer {
background: none;
padding: 30pt;
}
article p { margin-top: 16pt; }
article p {
margin-top: 16pt;
}
article p:first-of-type {
font-size: 10pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before { font-size: 12pt; }
article :nth-child(4):before { margin-left: -12pt; }
article :nth-child(4), article :nth-child(4):before {
font-size: 12pt;
}
article :nth-child(4):before {
margin-left: -12pt;
}
article p:last-child {
border-width: 11pt;
font-size: 11pt;
margin: 18pt 0 0 0;
padding: 11pt;
}
footer {
padding-top: 0;
font-size: 10pt;
line-height: 120%;
}
footer p {
background-position: 0 1px;
-webkit-background-size: 11px;
background-size: 11px;
margin-left: -12pt;
padding-left: 12pt;
}
}
#gravatar {
position: relative;
float: left;
border: 20px solid #c4c4c4;
margin-left: -12em;
margin-top: -1em;
width: 5em;
position: relative;
float: left;
border: 20px solid #c4c4c4;
margin-left: -12em;
margin-top: -1em;
width: 5em;
}

View file

@ -1,97 +1,336 @@
/* normalize.min.css */
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} figcaption, menu,article,aside,details,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
progress, sub, sup {
vertical-align: baseline
}
/* Roboto */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
button, hr, input {
overflow: visible
}
html {
font-family: sans-serif;
line-height: 1.15;
text-size-adjust: 100%;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
line-height: 1.4;
background-color: #e9ebee;
margin: 0
}
figcaption, menu, article, aside, details, figure, footer, header, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active, a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
button, input, optgroup, select, textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: 700
}
button, input {}
button, select {
text-transform: none
}
[type=submit], [type=reset], button, html [type=button] {
appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: ButtonText dotted 1px
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
::-webkit-file-upload-button {
appearance: button;
font: inherit
}
/* Roboto */
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
line-height: 1.4;
background-color: #e9ebee;
}
a:focus,
a:hover {
color: #23527c;
color: #23527c;
}
a:active,
a:hover {
outline: 0;
outline: 0;
}
a {
color: #337ab7;
text-decoration: none;
color: #337ab7;
text-decoration: none;
}
article,
footer {
width: 800px;
margin: 0 auto;
width: 800px;
margin: 0 auto;
}
article p {
text-align: justify;
text-align: justify;
}
footer p {
text-align: center;
text-align: center;
}
#gravatar {
display: block;
float: right;
border-radius: 50%;
border: none;
margin-top: 5px;
display: block;
float: right;
border-radius: 50%;
border: none;
margin-top: 5px;
}
article h1 {
font-weight: bold;
line-height: 1.3;
text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.2);
font-weight: bold;
line-height: 1.3;
text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.2);
}
footer {
text-align: center;
border-top: 1px solid #ccc;
font-style: italic;
text-align: center;
border-top: 1px solid #ccc;
font-style: italic;
}
/* Blockquote: https://codepen.io/maxds/pen/DcveB */
article > p:last-child {
display: block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
/*Font*/
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.4;
color: #666;
text-align: justify;
/*Borders - (Optional)*/
border-left: 15px solid #3392cd;
border-right: 2px solid #3392cd;
/*Box Shadow - (Optional)*/
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
article>p:last-child {
display: block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
/*Font*/
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.4;
color: #666;
text-align: justify;
/*Borders - (Optional)*/
border-left: 15px solid #3392cd;
border-right: 2px solid #3392cd;
/*Box Shadow - (Optional)*/
box-shadow: 2px 2px 15px #ccc;
}
article > p:last-child::before {
content: "\201C";
/*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
/*Positioning*/
position: absolute;
left: 10px;
top: 5px;
article>p:last-child::before {
content: "\201C";
/*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
/*Positioning*/
position: absolute;
left: 10px;
top: 5px;
}
article > p:last-child::after {
/*Reset to make sure*/
content: "";
article>p:last-child::after {
/*Reset to make sure*/
content: "";
}

View file

@ -1,8 +1,9 @@
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");
html{
html {
font-size: 62.5%;
}
body {
font-family: Lato, Helvetica, sans-serif;
padding: 8px;
@ -18,7 +19,7 @@ article {
position: relative;
}
#gravatar{
#gravatar {
position: absolute;
left: 0;
top: 22px;
@ -56,11 +57,12 @@ article p:last-child {
font-size: 1.8rem;
}
p{
p {
text-align: justify;
font-size: 18px;
font-size: 1.8rem;
}
a {
padding: 0.1em;
}
@ -97,6 +99,7 @@ footer {
padding: 12px 0;
font-style: italic;
}
footer p{
footer p {
text-align: center;
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ffc107;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fff8e1;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffecb3}article h1+p a:hover{color:#ff6f00}article p{padding:0 2em;text-align:justify}article p:last-child{color:#ffa000;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#ff6f00}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ffc107;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fff8e1;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffecb3
}
article h1+p a:hover {
color: #ff6f00
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #ffa000;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #ff6f00
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#2196f3;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e3f2fd;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#bbdefb}article h1+p a:hover{color:#0d47a1}article p{padding:0 2em;text-align:justify}article p:last-child{color:#1976d2;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#0d47a1}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #2196f3;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e3f2fd;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #bbdefb
}
article h1+p a:hover {
color: #0d47a1
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #1976d2;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #0d47a1
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#795548;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#efebe9;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#d7ccc8}article h1+p a:hover{color:#3e2723}article p{padding:0 2em;text-align:justify}article p:last-child{color:#5d4037;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#3e2723}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #795548;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #efebe9;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #d7ccc8
}
article h1+p a:hover {
color: #3e2723
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #5d4037;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #3e2723
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#00bcd4;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e0f7fa;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#b2ebf2}article h1+p a:hover{color:#006064}article p{padding:0 2em;text-align:justify}article p:last-child{color:#0097a7;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#006064}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #00bcd4;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e0f7fa;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #b2ebf2
}
article h1+p a:hover {
color: #006064
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #0097a7;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #006064
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ff5722;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fbe9e7;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffccbc}article h1+p a:hover{color:#bf360c}article p{padding:0 2em;text-align:justify}article p:last-child{color:#e64a19;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#bf360c}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ff5722;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fbe9e7;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffccbc
}
article h1+p a:hover {
color: #bf360c
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #e64a19;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #bf360c
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#673ab7;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#ede7f6;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#d1c4e9}article h1+p a:hover{color:#311b92}article p{padding:0 2em;text-align:justify}article p:last-child{color:#512da8;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#311b92}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #673ab7;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #ede7f6;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #d1c4e9
}
article h1+p a:hover {
color: #311b92
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #512da8;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #311b92
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#4caf50;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e8f5e9;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#c8e6c9}article h1+p a:hover{color:#1b5e20}article p{padding:0 2em;text-align:justify}article p:last-child{color:#388e3c;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#1b5e20}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #4caf50;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e8f5e9;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #c8e6c9
}
article h1+p a:hover {
color: #1b5e20
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #388e3c;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #1b5e20
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#9e9e9e;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fafafa;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#f5f5f5}article h1+p a:hover{color:#212121}article p{padding:0 2em;text-align:justify}article p:last-child{color:#616161;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#212121}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #9e9e9e;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fafafa;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #f5f5f5
}
article h1+p a:hover {
color: #212121
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #616161;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #212121
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#3f51b5;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e8eaf6;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#c5cae9}article h1+p a:hover{color:#1a237e}article p{padding:0 2em;text-align:justify}article p:last-child{color:#303f9f;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#1a237e}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #3f51b5;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e8eaf6;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #c5cae9
}
article h1+p a:hover {
color: #1a237e
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #303f9f;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #1a237e
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#03a9f4;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e1f5fe;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#b3e5fc}article h1+p a:hover{color:#01579b}article p{padding:0 2em;text-align:justify}article p:last-child{color:#0288d1;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#01579b}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #03a9f4;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e1f5fe;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #b3e5fc
}
article h1+p a:hover {
color: #01579b
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #0288d1;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #01579b
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#8bc34a;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#f1f8e9;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#dcedc8}article h1+p a:hover{color:#33691e}article p{padding:0 2em;text-align:justify}article p:last-child{color:#689f38;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#33691e}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #8bc34a;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #f1f8e9;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #dcedc8
}
article h1+p a:hover {
color: #33691e
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #689f38;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #33691e
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#cddc39;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#f9fbe7;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#f0f4c3}article h1+p a:hover{color:#827717}article p{padding:0 2em;text-align:justify}article p:last-child{color:#afb42b;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#827717}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #cddc39;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #f9fbe7;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #f0f4c3
}
article h1+p a:hover {
color: #827717
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #afb42b;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #827717
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ff9800;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fff3e0;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffe0b2}article h1+p a:hover{color:#e65100}article p{padding:0 2em;text-align:justify}article p:last-child{color:#f57c00;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#e65100}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ff9800;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fff3e0;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffe0b2
}
article h1+p a:hover {
color: #e65100
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #f57c00;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #e65100
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#e91e63;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fce4ec;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#f8bbd0}article h1+p a:hover{color:#880e4f}article p{padding:0 2em;text-align:justify}article p:last-child{color:#c2185b;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#880e4f}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #e91e63;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fce4ec;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #f8bbd0
}
article h1+p a:hover {
color: #880e4f
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #c2185b;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #880e4f
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#9c27b0;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#f3e5f5;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#e1bee7}article h1+p a:hover{color:#4a148c}article p{padding:0 2em;text-align:justify}article p:last-child{color:#7b1fa2;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#4a148c}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #9c27b0;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #f3e5f5;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #e1bee7
}
article h1+p a:hover {
color: #4a148c
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #7b1fa2;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #4a148c
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#f44336;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#ffebee;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffcdd2}article h1+p a:hover{color:#b71c1c}article p{padding:0 2em;text-align:justify}article p:last-child{color:#d32f2f;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#b71c1c}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #f44336;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #ffebee;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffcdd2
}
article h1+p a:hover {
color: #b71c1c
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #d32f2f;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #b71c1c
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#009688;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e0f2f1;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#b2dfdb}article h1+p a:hover{color:#004d40}article p{padding:0 2em;text-align:justify}article p:last-child{color:#00796b;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#004d40}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #009688;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e0f2f1;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #b2dfdb
}
article h1+p a:hover {
color: #004d40
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #00796b;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #004d40
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ffeb3b;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fffde7;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#fff9c4}article h1+p a:hover{color:#f57f17}article p{padding:0 2em;text-align:justify}article p:last-child{color:#fbc02d;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#f57f17}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ffeb3b;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fffde7;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #fff9c4
}
article h1+p a:hover {
color: #f57f17
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #fbc02d;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #f57f17
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -1 +1,148 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#607d8b;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#eceff1;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#cfd8dc}article h1+p a:hover{color:#263238}article p{padding:0 2em;text-align:justify}article p:last-child{color:#455a64;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#263238}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #607d8b;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #eceff1;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #cfd8dc
}
article h1+p a:hover {
color: #263238
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #455a64;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #263238
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

View file

@ -2,21 +2,70 @@
MIT-license Theme: MITserrat
version: 1.0
date: 17/09/2016
author: Wouter Janson
github: https://github.com/WouterJanson
version: 1.0
date: 17/09/2016
author: Wouter Janson
github: https://github.com/WouterJanson
description: A simple theme based on the Montserrat font
-----------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html{padding:0;margin:0;}
body{background-color:#F9F9F9;}
h1{color:#B93A32;font-family:Montserrat;font-size:72px;font-weight:600;line-height:72px;letter-spacing:-4px;margin-bottom:48px;text-transform:uppercase;text-align:center;}
p{color:#3E4147;font-family:Montserrat;font-size:22px;font-weight:500;line-height:32px;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:80%;}
a{color:#3E4147;border-bottom:3px solid #B93A32;font-weight:700;text-decoration:none;}
a:hover{color:#B93A32;}
p:first-of-type,footer{text-align:center;}
#gravatar{display:block;margin-left:auto;margin-right:auto;height:80px;width:80px;margin-top:72px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;}
html {
padding: 0;
margin: 0;
}
body {
background-color: #F9F9F9;
}
h1 {
color: #B93A32;
font-family: Montserrat;
font-size: 72px;
font-weight: 600;
line-height: 72px;
letter-spacing: -4px;
margin-bottom: 48px;
text-transform: uppercase;
text-align: center;
}
p {
color: #3E4147;
font-family: Montserrat;
font-size: 22px;
font-weight: 500;
line-height: 32px;
margin-bottom: 48px;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
a {
color: #3E4147;
border-bottom: 3px solid #B93A32;
font-weight: 700;
text-decoration: none;
}
a:hover {
color: #B93A32;
}
p:first-of-type, footer {
text-align: center;
}
#gravatar {
display: block;
margin-left: auto;
margin-right: auto;
height: 80px;
width: 80px;
margin-top: 72px;
border-radius: 40px;
}

View file

@ -1 +1,70 @@
@font-face{font-family:'Open Sans Bold';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff')}html{background:#f2f2f8}body{margin:0;padding:100px;font-family:'Open Sans',sans-serif;font-size:1.2em;line-height:1.6}::selection{background:#ccc}::-moz-selection{background:#ccc}h1{text-align:center;font:36px 'Open Sans Bold'}p{margin:25px 0 0}p:first-of-type{text-align:center;margin:0 0 50px}a{color:#0a0a0b;text-decoration:none;border-bottom:3px solid rgba(10,10,11,1);-webkit-transition:.15s ease;-moz-transition:.15s ease;-ms-transition:.15s ease;-o-transition:.15s ease;transition:.15s ease}a:focus,a:hover{opacity:.5}article,footer{display:block;margin:0 auto!important;padding:25px;max-width:900px;width:100%}footer{text-align:center;font:75% 'Open Sans Bold'}#gravatar{display:block!important;border-radius:100%;margin:0 auto}
@font-face {
font-family: 'Open Sans Bold';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff')
}
html {
background: #f2f2f8
}
body {
margin: 0;
padding: 100px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
line-height: 1.6
}
::selection {
background: #ccc
}
::-moz-selection {
background: #ccc
}
h1 {
text-align: center;
font: 36px 'Open Sans Bold'
}
p {
margin: 25px 0 0
}
p:first-of-type {
text-align: center;
margin: 0 0 50px
}
a {
color: #0a0a0b;
text-decoration: none;
border-bottom: 3px solid rgba(10, 10, 11, 1);
transition: .15s ease
}
a:focus, a:hover {
opacity: .5
}
article, footer {
display: block;
margin: 0 auto !important;
padding: 25px;
max-width: 900px;
width: 100%
}
footer {
text-align: center;
font: 75% 'Open Sans Bold'
}
#gravatar {
display: block !important;
border-radius: 100%;
margin: 0 auto
}

View file

@ -1,14 +1,85 @@
@import url(https://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Caption:700);
html,body{background:#663B14;font:13pt "PT Sans",sans-serif;text-align:center}
a:link,a:visited{color:#234234;text-decoration:none}
a:hover,a:active{color:#432321;text-decoration:underline}
article{background:#CC9900;text-align:left;width:85%;margin:80px auto;border-radius:10px;-moz-border-radius:10px;box-shadow:-1px 1px 20px rgba(30,30,30,0.5),2px 1px 15px rgba(80,80,80,0.4),inset 0 0 10px rgba(50,50,50,0.7);-webkit-box-shadow:-1px 1px 20px rgba(30,30,30,0.5),2px 1px 15px rgba(80,80,80,0.4),inset 0 0 10px rgba(50,50,50,0.7)}
article h1{background:#CC6600;text-align:center;font:bold 35pt "PT Sans Caption","PT Sans",sans-serif;margin:0;padding:19px;border-radius:10px;-moz-border-radius:10px;box-shadow:inset 0 0 10px rgba(70,70,70,0.2),inset 1px 0 10px rgba(50,50,50,0.3),inset -1px 0 10px rgba(50,50,50,0.3);-webkit-box-shadow:inset 0 0 10px rgba(70,70,70,0.2),inset 1px 0 10px rgba(50,50,50,0.3),inset -1px 0 10px rgba(50,50,50,0.3)}
article p{margin:0;padding:10px 15px}
footer{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #7A7A00;background:#333300;user-select:none;-moz-user-select:none;-webkit-user-select:none}
footer p,footer a{display:block;margin:0;text-shadow:0 0 10px #ccc;font-size:11.5pt}
footer a:link,footer a:visited{color:#aaa}
footer a:hover,footer a:active{color:#eee}
::selection{background:#663300;color:white}
::-moz-selection{background:#663300;color:white}
#gravatar { position: relative; float: right; top: 0.5em; z-index: 1; right: 0.7em; border-radius: 10px; }
html, body {
background: #663B14;
font: 13pt "PT Sans", sans-serif;
text-align: center
}
a:link, a:visited {
color: #234234;
text-decoration: none
}
a:hover, a:active {
color: #432321;
text-decoration: underline
}
article {
background: #CC9900;
text-align: left;
width: 85%;
margin: 80px auto;
border-radius: 10px;
box-shadow: -1px 1px 20px rgba(30, 30, 30, 0.5), 2px 1px 15px rgba(80, 80, 80, 0.4), inset 0 0 10px rgba(50, 50, 50, 0.7);
}
article h1 {
background: #CC6600;
text-align: center;
font: bold 35pt "PT Sans Caption", "PT Sans", sans-serif;
margin: 0;
padding: 19px;
border-radius: 10px;
box-shadow: inset 0 0 10px rgba(70, 70, 70, 0.2), inset 1px 0 10px rgba(50, 50, 50, 0.3), inset -1px 0 10px rgba(50, 50, 50, 0.3);
}
article p {
margin: 0;
padding: 10px 15px
}
footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid #7A7A00;
background: #333300;
user-select: none;
}
footer p, footer a {
display: block;
margin: 0;
text-shadow: 0 0 10px #ccc;
font-size: 11.5pt
}
footer a:link, footer a:visited {
color: #aaa
}
footer a:hover, footer a:active {
color: #eee
}
::selection {
background: #663300;
color: white
}
::-moz-selection {
background: #663300;
color: white
}
#gravatar {
position: relative;
float: right;
top: 0.5em;
z-index: 1;
right: 0.7em;
border-radius: 10px;
}

View file

@ -1,9 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50" y1="0" x2="50" y2="100">
<stop offset="0" style="stop-color:#EBECED"/>
<stop offset="1" style="stop-color:#EBECED;stop-opacity:0"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="100" height="100"/>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50" y1="0" x2="50" y2="100">
<stop offset="0" style="stop-color:#EBECED"/>
<stop offset="1" style="stop-color:#EBECED;stop-opacity:0"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="100" height="100"/>
</svg>

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 577 B

View file

@ -1,9 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<radialGradient id="SVGID_1_" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#F5F6F7"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
</radialGradient>
<circle fill="url(#SVGID_1_)" cx="50" cy="50" r="50"/>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<radialGradient id="SVGID_1_" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#F5F6F7"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
</radialGradient>
<circle fill="url(#SVGID_1_)" cx="50" cy="50" r="50"/>
</svg>

Before

Width:  |  Height:  |  Size: 560 B

After

Width:  |  Height:  |  Size: 568 B

View file

@ -1,7 +1,9 @@
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
body {
max-width: 625px;
}
body, h1, h2, h3, h4, h5, h6 {
font: normal 15px Inconsolata, Consolas, monospace;
}

View file

@ -1,70 +1,79 @@
@import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);
body {
margin: 0 auto;
font: normal x-large/1.3 Rokkitt, Helvetica, Arial;
line-height: 1.2em;
color: #666;
text-align: justify;
margin: 0 auto;
font: normal x-large/1.3 Rokkitt, Helvetica, Arial;
line-height: 1.2em;
color: #666;
text-align: justify;
}
article, footer {
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
}
article {
margin: 0 auto 0 auto;
border: 1px solid ;
border-color: #fff #fff #fff #fff;
padding: 2em; background: #fff;
margin: 0 auto 0 auto;
border: 1px solid;
border-color: #fff #fff #fff #fff;
padding: 2em;
background: #fff;
}
h1 {
margin: 0;
margin: 0;
}
article p:first-of-type {
margin-top: 1.6em;
margin-top: 1.6em;
}
article p:last-child {
margin-bottom: 0;
margin-bottom: 0;
}
footer {
margin: 0em auto 2em auto;
text-align: center;
margin: 0em auto 2em auto;
text-align: center;
}
footer a {
color: #abc8e2;
text-shadow: 0 1px 1px #fff;
text-decoration:none;
font-size:.8em;
padding: 1em;
color: #abc8e2;
text-shadow: 0 1px 1px #fff;
text-decoration: none;
font-size: .8em;
padding: 1em;
}
h1 {
font-weight:normal;
line-height: 36px;
font-size: 2em;
text-align: center
font-weight: normal;
line-height: 36px;
font-size: 2em;
text-align: center
}
a {
color: #abc8e2;
text-decoration:none;
color: #abc8e2;
text-decoration: none;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}
@media all and ( max-width: 500px) { article {padding:1em;} body {font-size:1em;} }
@media all and (max-width: 500px) {
article {
padding: 1em;
}
body {
font-size: 1em;
}
}

View file

@ -6,32 +6,79 @@
**https://in.linkedin.com/in/devdipesh/
*/
body {
margin:0; padding: 50px;
font: normal 14px/20px "DroidSansRegular",Arial,Helvetica,sans-serif;
margin: 0;
padding: 50px;
font: normal 14px/20px "DroidSansRegular", Arial, Helvetica, sans-serif;
color: #444;
background: #FAFAFA;
background: url(/themes/page_gradient_radial.svg) 50% -300px no-repeat, url(/themes/page_gradient_linear.svg) 50% 0 repeat-x, #FAFAFA;
background-size: 1600px 600px, 100% 500px,auto;
background-size: 1600px 600px, 100% 500px, auto;
}
article {
border-right: 1.5px solid #9ab8ed; padding: 17px;
border-right: 1.5px solid #9ab8ed;
padding: 17px;
border-radius: 1%;
-webkit-box-shadow: 3px 0px 20px -2px #7ba5e4;
-moz-box-shadow: 3px 0px 20px -2px #7ba5e4;
box-shadow: 3px 0px 20px -2px #7ba5e4;
background: -webkit-radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
box-shadow: 3px 0px 20px -2px #7ba5e4;
background: radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
}
article, footer { display:block; max-width:720px; margin:0 auto; }
article { padding:28px;}
footer { padding:0 28px; text-align:center; }
h1 { margin:0; font-size: 24px; line-height: 32px;color:#008CCC; text-transform: uppercase;}
a, a:visited { color:#577446; padding:4px; text-decoration:none; }
a:active, a:hover { color:#5dd912; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {background:#bc4a46;}
::selection {background:#bc4a46;}
::-moz-selection {background:#bc4a46;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
padding: 28px;
}
footer {
padding: 0 28px;
text-align: center;
}
h1 {
margin: 0;
font-size: 24px;
line-height: 32px;
color: #008CCC;
text-transform: uppercase;
}
a, a:visited {
color: #577446;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
color: #5dd912;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
background: #bc4a46;
}
::selection {
background: #bc4a46;
}
::-moz-selection {
background: #bc4a46;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}

View file

@ -1,3 +1,91 @@
/*Solarized theme by Ethan Schoonover*/
/*Part of source code reused from the Open Sans Theme */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Source+Code+Pro:700);html{padding:0;font-size:1em;background-color:#eee8d5}body{font-family:'Source Sans Pro',sans-serif;font-size:1.5em;font-weight:300;text-align:center;margin:0;background:none repeat scroll 0 0 #eee8d5}article,footer{text-align:center;margin:auto;max-width:100%}article{margin-top:0;padding:1.75em;color:#dc322f;text-align:center;position:relative;background:none repeat scroll 0 0 #002b36}article p{text-align:left;color:#93a1a1}article p:first-of-type{text-align:center;color:#b58900}article p:last-of-type{color:#268bd2}#gravatar{width:50px;border:5px solid #FFF;border-radius:15px;display:block;margin:0 auto}h1{font-size:2em;font-weight:700;text-transform:uppercase;display:inline-block;padding-bottom:12px;border-bottom:2px dashed #dc322f;margin:0}a{font-family:'Source Sans Pro',sans-serif;font-size:1em;font-weight:700;color:#859900;text-decoration:none;word-wrap:break-word}a:active,a:focus,a:hover{color:#d33682}@media screen and (min-width:960px){#gravatar{display: none;position:absolute;top:2em;left:2em}h1{font-size:2.5em}}sour
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Source+Code+Pro:700);
html {
padding: 0;
font-size: 1em;
background-color: #eee8d5
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.5em;
font-weight: 300;
text-align: center;
margin: 0;
background: none repeat scroll 0 0 #eee8d5
}
article, footer {
text-align: center;
margin: auto;
max-width: 100%
}
article {
margin-top: 0;
padding: 1.75em;
color: #dc322f;
text-align: center;
position: relative;
background: none repeat scroll 0 0 #002b36
}
article p {
text-align: left;
color: #93a1a1
}
article p:first-of-type {
text-align: center;
color: #b58900
}
article p:last-of-type {
color: #268bd2
}
#gravatar {
width: 50px;
border: 5px solid #FFF;
border-radius: 15px;
display: block;
margin: 0 auto
}
h1 {
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
border-bottom: 2px dashed #dc322f;
margin: 0
}
a {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
font-weight: 700;
color: #859900;
text-decoration: none;
word-wrap: break-word
}
a:active, a:focus, a:hover {
color: #d33682
}
@media screen and (min-width:960px) {
#gravatar {
display: none;
position: absolute;
top: 2em;
left: 2em
}
h1 {
font-size: 2.5em
}
}

View file

@ -1,14 +1,72 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
* { margin: 0; padding: 0; box-sizing: boder-box; }
img { border: 0; }
body { background: #fff; font: 16px/28px "Roboto", sans-serif; color: #888; }
article, footer { display: block; max-width: 720px; margin: 0 auto; }
article { padding: 20px; }
footer { padding: 0 20px; text-align: center; font-size: 12px; }
h1 { font-size: 24px; line-height: 32px; color: #399; }
a, a:visited { color: #369; padding:4px; text-decoration:none; }
a:active, a:hover { text-decoration: underline;}
a img { position: absolute; top: 0; right: 0; }
article p { margin: 10px 0; }
article p:last-child {border-left: 2px solid #399; padding-left: 10px; }
#gravatar { float:right; margin:1em; width:80px; height:80px; border-radius:40px; }
* {
margin: 0;
padding: 0;
box-sizing: boder-box;
}
img {
border: 0;
}
body {
background: #fff;
font: 16px/28px "Roboto", sans-serif;
color: #888;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
padding: 20px;
}
footer {
padding: 0 20px;
text-align: center;
font-size: 12px;
}
h1 {
font-size: 24px;
line-height: 32px;
color: #399;
}
a, a:visited {
color: #369;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
text-decoration: underline;
}
a img {
position: absolute;
top: 0;
right: 0;
}
article p {
margin: 10px 0;
}
article p:last-child {
border-left: 2px solid #399;
padding-left: 10px;
}
#gravatar {
float: right;
margin: 1em;
width: 80px;
height: 80px;
border-radius: 40px;
}

View file

@ -67,8 +67,8 @@ a:active {
}
#gravatar {
position: relative;
float: right;
border: 2px solid gray;
top: -1em;
}
position: relative;
float: right;
border: 2px solid gray;
top: -1em;
}

View file

@ -1,8 +0,0 @@
{
"copyright": "Omid Gharib, https://github.com/omidgharib",
"url": "http://omidgharib.ir",
"format": "txt",
"email": "omidgharib@yahoo.com",
"gravatar": true,
"theme" : "default"
}

View file

@ -1 +1,5 @@
{"copyright":"Shogo Sensui","url":"http:\/\/1000ch.net","email":"shogo.sensui@gmail.com"}
{
"copyright": "Shogo Sensui",
"url": "http://1000ch.net",
"email": "shogo.sensui@gmail.com"
}

View file

@ -1 +1,6 @@
{"copyright":"10KB","url":"http:\/\/10kb.nl","email":"info@10kb.nl","gravatar":true}
{
"copyright": "10KB",
"url": "http://10kb.nl",
"email": "info@10kb.nl",
"gravatar": true
}

View file

@ -1 +1,7 @@
{"copyright":"15minuteslate","url":"http:\/\/15minuteslate.net","email":"hi@15minuteslate.net","format":"html","theme":"afterdark"}
{
"copyright": "15minuteslate",
"url": "http://15minuteslate.net",
"email": "hi@15minuteslate.net",
"format": "html",
"theme": "afterdark"
}

View file

@ -1 +1,6 @@
{"copyright":"1UP, http:\/\/1upnote.com","url":"http:\/\/1upnote.com","email":"1up@1upz.com","format":"html"}
{
"copyright": "1UP, http://1upnote.com",
"url": "http://1upnote.com",
"email": "1up@1upz.com",
"format": "html"
}

View file

@ -1 +1,6 @@
{"copyright":"2nate","url":"http:\/\/2nate.com","email":"post@2nate.com","format":"html"}
{
"copyright": "2nate",
"url": "http://2nate.com",
"email": "post@2nate.com",
"format": "html"
}

View file

@ -1 +1,6 @@
{"copyright":"321Maker","url":"http:\/\/321maker.com","email":"maker@321maker.com","format":"html"}
{
"copyright": "321Maker",
"url": "http://321maker.com",
"email": "maker@321maker.com",
"format": "html"
}

View file

@ -1 +1,6 @@
{"copyright":"360 Slider","url":"http:\/\/360slider.com","email":"gaurav@jassal.me","format":"txt"}
{
"copyright": "360 Slider",
"url": "http://360slider.com",
"email": "gaurav@jassal.me",
"format": "txt"
}

View file

@ -1 +1,4 @@
{"copyright":"3846masa","url":"https:\/\/github.com\/3846masa"}
{
"copyright": "3846masa",
"url": "https://github.com/3846masa"
}

View file

@ -1 +1,4 @@
{"copyright":"3846masa","url":"https:\/\/github.com\/3846masa"}
{
"copyright": "3846masa",
"url": "https://github.com/3846masa"
}

View file

@ -1 +1,3 @@
{"copyright":"4Soft"}
{
"copyright": "4Soft"
}

View file

@ -1 +1,6 @@
{"copyright":"Richard Magahiz","url":"https:\/\/magahiz.com","email":"frabdango@magahiz.com","format":"txt"}
{
"copyright": "Richard Magahiz",
"url": "https://magahiz.com",
"email": "frabdango@magahiz.com",
"format": "txt"
}

View file

@ -1 +1,7 @@
{"copyright":"Sayantan Chaudhuri","url":"https:\/\/google.com\/+SayantanChaudhuri\/about","email":"sayantan.chaudhuri@gmail.com","theme":"plaintext","gravatar":true}
{
"copyright": "Sayantan Chaudhuri",
"url": "https://google.com/+SayantanChaudhuri/about",
"email": "sayantan.chaudhuri@gmail.com",
"theme": "plaintext",
"gravatar": true
}

View file

@ -1 +1,5 @@
{"copyright":"59","url":"http:\/\/berabou.me","theme":"afterdark"}
{
"copyright": "59",
"url": "http://berabou.me",
"theme": "afterdark"
}

View file

@ -1 +1,4 @@
{"copyright":"59naga","url":"http:\/\/berabou.me"}
{
"copyright": "59naga",
"url": "http://berabou.me"
}

View file

@ -1 +1,5 @@
{"copyright":"623HS","email":"z.tar.gz@gmail.com","theme":"afterdark"}
{
"copyright": "623HS",
"email": "z.tar.gz@gmail.com",
"theme": "afterdark"
}

View file

@ -1,6 +1,6 @@
{
"copyright": "Elena",
"URL": "http://6n38.jp",
"format": "html",
"theme": "material-light-blue"
"copyright": "Elena",
"URL": "http://6n38.jp",
"format": "html",
"theme": "material-light-blue"
}

View file

@ -1 +1,4 @@
{"copyright":"Masaya Tk","url":"http:\/\/104.844196.com\/"}
{
"copyright": "Masaya Tk",
"url": "http://104.844196.com/"
}

View file

@ -1 +1,3 @@
{"copyright":"9joneg"}
{
"copyright": "9joneg"
}

View file

@ -1,6 +1,6 @@
{
"copyright":"Daniel Arthur, https://danielarthur.uk",
"url":"https://danielarthur.uk",
"copyright": "Daniel Arthur, https://danielarthur.uk",
"url": "https://danielarthur.uk",
"email": "me@danielarthur.uk",
"gravatar": "true"
}

Some files were not shown because too many files have changed in this diff Show more