remove the references to Foundation for Sites
parent
141289e231
commit
18bcb65523
|
@ -65,10 +65,7 @@ This module contains the base HTML templates for the application, as well as the
|
|||
In the base template I have three CSS entrypoints defined, and this is mirrored in [[file:assets/webpack.config.js::const path = require('path');][webpack.config.js]]:
|
||||
|
||||
- [[file:assets/css/app.scss][app.scss]] - semantic markup
|
||||
- [[file:assets/css/foundation.scss][foundation.scss]] - the entire Foundation CSS bundle
|
||||
- [[file:assets/css/aesthetics.scss][aesthetics.scss]] - a bundle containing font-face rules, colors, etc
|
||||
|
||||
Additionally, Foundation has a [[./assets/css/_settings.scss][_settings.scss]] file that is imported in a few places, it just sets a ton of =SCSS= variables.
|
||||
- [[file:assets/css/aesthetics.scss][aesthetics.scss]] - a bundle containing font-face rules
|
||||
|
||||
* JavaScript
|
||||
|
||||
|
@ -95,24 +92,6 @@ import "../css/app.scss"
|
|||
// }
|
||||
#+end_src
|
||||
|
||||
** =js/foundation.js= -- foundation's code goes here.
|
||||
|
||||
Loading foundation is a pretty simple affair, =foundation.core= and whatever UI elements needed are all that are loaded, and then call the foundation initialization function. Easy.
|
||||
|
||||
#+begin_src js :tangle assets/js/foundation.js
|
||||
// import "jquery"
|
||||
//
|
||||
// import "../css/foundation.scss"
|
||||
//
|
||||
// import 'foundation-sites/dist/js/plugins/foundation.core';
|
||||
// import 'foundation-sites/dist/js/plugins/foundation.dropdownMenu.min.js';
|
||||
// import 'foundation-sites/dist/js/plugins/foundation.util.keyboard.min.js';
|
||||
// import 'foundation-sites/dist/js/plugins/foundation.util.box.min.js';
|
||||
// import 'foundation-sites/dist/js/plugins/foundation.util.nest.min.js';
|
||||
//
|
||||
// $(document).foundation();
|
||||
#+end_src
|
||||
|
||||
** =js/sw.js= -- Service Worker for Progressive Web App
|
||||
|
||||
It's not clear to me how well this will handle offline behavior, I'm not sure I really care for it, though I should. The service worker will let us figure that out later, for now it caches stylesheets.
|
||||
|
|
|
@ -3094,12 +3094,6 @@
|
|||
"mime-types": "^2.1.12"
|
||||
}
|
||||
},
|
||||
"foundation-sites": {
|
||||
"version": "6.6.3",
|
||||
"resolved": "https://registry.npmjs.org/foundation-sites/-/foundation-sites-6.6.3.tgz",
|
||||
"integrity": "sha512-8X93wUAmUg1HhVv8uWMWnwoBLSQWSmFImJencneIZDctswn724Bq/MV1cbPZN/GFWGOB/9ngoQHztfzd4+ovCg==",
|
||||
"dev": true
|
||||
},
|
||||
"fragment-cache": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
|
||||
|
|
|
@ -21,7 +21,6 @@
|
|||
"babel-loader": "^8.0.0",
|
||||
"copy-webpack-plugin": "^5.1.1",
|
||||
"css-loader": "^3.4.2",
|
||||
"foundation-sites": "^6.6.3",
|
||||
"imports-loader": "^1.1.0",
|
||||
"jquery": "^2.2.4",
|
||||
"mini-css-extract-plugin": "^0.9.0",
|
||||
|
|
|
@ -17,14 +17,8 @@ module.exports = (env, options) => {
|
|||
new OptimizeCSSAssetsPlugin({})
|
||||
]
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
foundation: path.resolve(__dirname, 'node_modules/foundation-sites/scss/')
|
||||
}
|
||||
},
|
||||
entry: {
|
||||
'app': './js/app.js',
|
||||
'foundation': './js/foundation.js',
|
||||
'aesthetics': './css/aesthetics.scss',
|
||||
'sw': './js/sw.js',
|
||||
's1gma': './js/s1gma.js',
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
#+CREATED: [2020-09-22]
|
||||
#+MODIFIED: [2020-10-11]
|
||||
#+ARCOLOGY_KEY: arcology/page_controller
|
||||
#+ROAM_TAGS: Project
|
||||
|
||||
The [[file:README.org][Arcology]] is a Phoenix Elixir application, this page presents a Phoenix controller =ArcologyWeb.PageController= responsible for loading [[file:arcology_page.org][Arcology.Page]] structures and presenting the compiled HTML to the page via =ArcologyWeb.PageView=. The first implementation of this became a *mess* of mixed concerns, and I'm hoping I can do a bit better this time around.
|
||||
|
||||
|
@ -52,7 +53,7 @@ end
|
|||
|
||||
** Org Page Template
|
||||
|
||||
This template using the Foundation HTML framework for its semantic markup. It expects an [[file:arcology_page.org][Arcology.Page]] with =html_status: :localized= assigned to =@page=, a string assigned to =@page_title= and [[file:aesthetics.org][the app.html.eex template]] needs a string assigned to =@site_title=.
|
||||
This template expects an [[file:arcology_page.org][Arcology.Page]] with =html_status: :localized= assigned to =@page=, a string assigned to =@page_title= and [[file:aesthetics.org][the app.html.eex template]] needs a string assigned to =@site_title=. In exchange, it rends that page as HTML with backlinks and the whole rest.
|
||||
|
||||
#+begin_src html :tangle lib/arcology_web/templates/page/page.html.eex
|
||||
<div class="grid-container">
|
||||
|
|
Loading…
Reference in New Issue