1
0
Fork 0

remove the references to Foundation for Sites

main
Ryan Rix 2021-07-06 18:33:32 -07:00
parent 141289e231
commit 18bcb65523
5 changed files with 3 additions and 36 deletions

View File

@ -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.

View File

@ -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",

View File

@ -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",

View File

@ -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',

View File

@ -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">