Index: web-extra/martin.css.pp ================================================================== --- web-extra/martin.css.pp +++ web-extra/martin.css.pp @@ -1,21 +1,43 @@ #lang pollen/pre -/* Welcome to my CSS File! - I have named it `martin.css`, after Martin Pale. +/* Copyright (c) 2018 Joel Dueck. +** +** Licensed under the Apache License, Version 2.0 (the "License"); +** you may not use this file except in compliance with the License. +** You may obtain a copy of the License at +** +** http://www.apache.org/licenses/LICENSE-2.0 +** +** Unless required by applicable law or agreed to in writing, software +** distributed under the License is distributed on an "AS IS" BASIS, +** WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +** See the License for the specific language governing permissions and +** limitations under the License. +** +** Author contact information: +** joel@jdueck.net +** https://joeldueck.com +** ------------------------------------------------------------------------- - So here, broadly, is the approach we are taking here: +/* Welcome to my CSS File! +** I have named it `martin.css`, after Martin Pale. */ + +◊;{Here, broadly, is the approach we are taking here: 1. The site shall look decent and readable even when CSS is unavailable. - 2. There's a vertical rhythm of ◊x-lineheight[1] that everything follows. + 2. There's a vertical rhythm of ◊x-lineheight[1] that just about + everything follows. + 3. Define the mobile (smallest screen) layout first... [Lines 026-???] ...then do some dynamic type sizing on screens 768px+ wide [Lines ???-???] 4. If CSS Grid support is detected, we'll do some nice-looking [Lines ???-???] layout on screens 768px+ wide. -*/ +} + @import url('font.css'); @import url('normalize.css'); /* Let us first address the matter of font size in different screen sizes. */