mikeymanoguerra / congenial-adventure

The intersection between public art and public nature in Philadelphia

Congenial adventure

Description:

Mini tours of Public Art and Nature in Philadelphia and beyond. Each tour is centered around a piece of public Art, A mural, statue, etc . The tour then identifies individual near by trees, providing info about the morphology.

Each tour provides a map identifying the art and the nearby trees. An expected future feature is the ability to locate other nearby tours.

If the project grows, ideally tour creation could expand to include the public in some way

Live Site

https://congenial-adventure.netlify.app/murals

code/tools

Framework: Angular 14

Static Site Generator: scully.io

Styling: scss

Content Management System: netlify CMS

Content Delivery network: Netlify.app

Project setup

This project was generated with Angular CLI version 13.1.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

https://www.netlify.com/blog/2020/02/24/update-on-scully-angulars-static-site-generator/\
// "build:prod": "ng build --prod --stats-json",

---

todo

• cliocker scroller type thing for mobile. highlighted mural in scroller is highlighted in map
• service for sub routes, appTrees, app species, etc
• try moving all netlify content to admin section
• completely static admin index.html file
• ligh house stuffs
• https://stackoverflow.com/questions/44516017/how-to-handle-window-scroll-event-in-angular-4

Desnign

• getting started street tree with supports and waater bag
• windows as cards
• icons

how to styles []?

congenial-adventure's Issues

figure out whycontent not rendering in develpment mode

XHRGEThttp://localhost:4200/murals/butterflies-of-the-caribbean/index.html
[HTTP/1.1 404 Not Found 5ms]

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:1668//murals/butterflies-of-the-caribbean/index.html. (Reason: CORS request did not succeed). Status code: (null).

problem during loading static scully content 
Object { headers: {…}, status: 0, statusText: "Unknown Error", url: "http://localhost:1668//murals/butterflies-of-the-caribbean/index.html", ok: false, name: "HttpErrorResponse", message: "Http failure response for http://localhost:1668//murals/butterflies-of-the-caribbean/index.html: 0 Unknown Error", error: error }
[scullyio-ng-lib.js:667:28](webpack:///node_modules/@scullyio/ng-lib/fesm2015/scullyio-ng-lib.js)

flatten services directory

services are stored in shared/. this is dumb

resolver api depreciated

Note: since v13, dynamic component creation via ViewContainerRef.createComponent does not require resolving component factory: component class can be used directly.

@publicapi

@deprecated
Angular no longer requires Component factories. Please use other APIs where Component class can be used directly.

'ComponentFactoryResolver' is deprecated.ts(6385)

species > speciesId in config lists

be explicit about what is present at a given time, a species object or just its id

replace depreciated date field with datetime netlify cms

Typography

create mixins for header and body sizes, pick a sans and serif font

redesign primary card

heres the old design

displays :
image
heading
optional smaller body text

feasible to have empty lists represented in mardown files?

it would be nice to get an empy array back instead of undefined if there was not any related species in list on a given mural

center map on isPrimary on page load

center of map is hardcoded, but we should set zoom and center based on the mural and its proximate trees

write bootstrap directions/ script

convert appropriate components to standalone

Ive never used this before but pretty much all components except maybe the-map in app/shared/components should be converted to standalone

https://angular.io/guide/standalone-components

remove depreciated pluck

css reset

import reset file, define some basic variables

colors:

primary
secondary
highlight
error
text

typography
body 1
body 2
header 1
header 2

mixins
underline on hover
transition
adhere