Giter VIP home page Giter VIP logo

nycet_pnp's Introduction

Prodecures and Protocols Repo

Source for the new PnP content

About The Project

This website is build with Hugo, and is using YAML data files, and markdown as the data storage.

Built With

Site Layout

Code in src overrides same file names in themes/portio

Configuration Files

  • src/config/_default/config.toml

Data files

All the contained data of this website is stored in YAML files.

Horizontal sub navigation bar

For editing the data of this component, refer to this YAML file: src/data/contents.yml

List of plants, systems, and components

For the listed plants, systems, and components when navigating the horizontal sub navigation, refer to these files:

- src/data/plants.yml
- src/data/systems.yml
- src/data/components.yml

Actual individual guide pages

For modifying the individual guide pages, refer to this files:

- src/content/documents/plants
- src/content/documents/components
- src/content/documents/systems

Creating new guide page

Follow these step-by-step guide on how to create a new guide page:

  1. Create a new guide page in src/content/documents/components for components guide, src/content/documents/plants for plants guide, and src/content/documents/systems for systems guide.
  2. Follow this format for creating the guide page content:
    ---
    title: Sample system 1
    type: system
    author: John Doe
    layout: single
    url: "/documents/systems/sample-system-1"
    ---
    
    <Content here in markdown format>
    
  3. The content of the guide page is in markdown format, but HTML tags can also be used, the website supports rendering HTML tags in the markdown files.
  4. After the content of the page is done, time to list the guide page to the horizontal sub navigation bar, follow the steps below.
  5. Go to src/data/plants.yml if you want to add a plant page, src/data/systems.yml for systems page, and src/data/components.yml for components page.
  6. Create a new entry under the documents key of the YAML file.
  7. It is important to follow the current indentation of the YAML file, and all fields(document_id, document_type, document_author, document_title, and url) are required.
    1. NOTE: for the url key, copy the relevant path of the .md file that you created earlier.
  8. Verify if the added entry is displayed in the list of guides in the horizontal sub nagivation bar.

For detailed guide, check this Slite doc. NOTE: This Slite doc covers the creation of new measurement technique, and Calculation methodology pages.

Navigation Bar and Footer

  • Navigation Bar - src/layouts/partials/navbar.html
  • Footer - src/layouts/partials/footer.html

Home page

  • src/content/_index.md
  • src/layouts/index.html

Other pages

  • images - src/static/images
  • stylesheets (SCSS) - src/assets/scss

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Setup

git clone [email protected]:cunybpl/nycet_pnp.git

Run

make build run

If you have issues with permissions, add sudo prior to the command(for Linux OS).

Access the site at http://localhost:1313/

Further Reading

nycet_pnp's People

Contributors

mascazubi avatar sulaiman-alam avatar charnelclamosa avatar bsnacks000 avatar

Stargazers

 avatar

nycet_pnp's Issues

Upload the Lighting Plant and Systems

add footnotes

Use html and css to add tooltips for footnote content

mathjax

understand and customize as needed

adjust card styles

reduce padding for buttons
reduce overall card height and see if width can be increased
and any other related card style edits

Upload Air Handling Plant and Systems

table of contents enhancements

  • add horizontal lines in-front of each subheading
  • make page title stand out (first item in table of contents
  • adjust line spacing to better separate long entries that take up more than one line from other entries

Upload Steam Plant and Systems

Upload fan and motor components

Here are the constant speed, constant volume (CSCV) fan and motor and variable speed, variable volume (VSVV) fan and motor documents

CSCV fan and motor: https://www.dropbox.com/scl/fi/nawg24da7nt80frgdltgi/2022_0629_PnP-C-04_constant_speed_fan_DEM.docx?rlkey=stsp55lofh5wed8t8276ogcap&dl=0

VSVV fan and motor: https://www.dropbox.com/scl/fi/o4v0ib42moaxv6r9p84ve/2022_0629_PnP-C-05_variable_speed_fan_DEM.docx?rlkey=f9iepe5tf0vodpikpv9gthst1&dl=0

refer to the diagrams I've sent you to connect the measurement techniques

review and adjust what realted items

at all levels of document types, review and adjust the related items buttons

  • related system and components in each
  • related components in calc and measure techniques
  • add related equipment in measurement technique

Upload Air-Cooled Chiller Plant and Systems

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.