HTML and CSS Template Language based on the Liquid Template Language

ReactJS

• https://reactjs.org/

Liquid

• https://shopify.github.io/liquid/

Sass generates CSS but uses less text and brackets. Much cleaner and easier to develop with

https://en.wikipedia.org/wiki/Component_diagram

Liquid Template Language

• https://shopify.github.io/liquid/ - git site
• https://help.shopify.com/themes/liquid - introduction

Website designers and developers can use a template language to build webpages that combine static content, which is the same on multiple pages, and dynamic content, which changes from one page to the next. A template language makes it possible to re-use the static elements that define the layout of a webpage, while dynamically populating the page with data from a Shopify store. The static elements are written in HTML, and the dynamic elements are written in Liquid. The Liquid elements in a file act as placeholders: when the code in the file is compiled and sent to the browser, the Liquid is replaced by data from the Shopify store where the theme is installed.

Research and inherit features from GNURadio Github to software

Key Features:

• full control over signal visualization and parameters
• drag and drop
• naming controls and adding/removing parameters
• color mapping
• chart/graph signal flow and processes
  - GUI: DIY design layout

• Show the general look of the major features (video, map, control, admin)
• Design the site map (page structure)
• Show the file structure

https://fdik.org/yml/yslt

https://en.wikipedia.org/wiki/Domain-specific_language

https://en.wikipedia.org/wiki/Domain_(software_engineering)

https://en.wikipedia.org/wiki/Class_diagram

Variation of NPM Node.js

• Optimizes NPM features and adds some of it's own
• https://www.npmjs.com/package/yarn

Unified Modeling Language is a good place to start for direction and inspiration
https://en.wikipedia.org/wiki/Unified_Modeling_Language

Badges are where it's at

🖥️ Collaborate with the entire team

GUI Development Tool for Less, Sass, Compass, and Coffeescript

NPM Extension of ReactJS

• Publish packages from a central shared codebase
• https://github.com/ReactTraining/react-router.git

port rtl-sdr data into the best mapping solution overall for use with the web client

Dump1090
https://github.com/SDRplay/dump1090_sdrplus

Google Earth plot
https://github.com/stephen-hocking/googleearthplot

ads-b logger
https://github.com/stephen-hocking/ads-b-logger

piAware (can link to google earth)
https://github.com/florin-serbanescu/piaware-google-earth

PlanePlotter from COAA
https://www.youtube.com/watch?v=8rurRyse7bA

Virtual Radar Server

use "droneklv" code for extracting aircraft video overlay and sending it as a separate stream for optional overlay on the stream at the client end

Ubuntu
/home/defcon0/JAVA

Repository
https://github.com/wiseman/droneklv.git

PHP Template Engine for optimizing PHP

Advantages:

• Reduces overhead by simplifying code
• Makes PHP easier to read which also streamlines the development process
• Increases security by using a sandbox to test untrusted PHP and scripts before running on a site
• Allows the use of custom tags and filters making it flexible

Scripting language for accomplishing tasks on the internet such as parsing databases (example: getting aircraft data from flightradar24)

https://en.wikipedia.org/wiki/Sequence_diagram

NPM: Node Package Manager - Node.js

• Install, share, and distribute code
• Manage dependencies (Let's developers include dependencies with their own applications to automate installation)
• Modular development approach
• Javascript based
• Software package manager
• Ideal for server-side packges
• Uses JSON

Nevermind using Atom, I still say Sublime is better

Get some good packages for it again

Implement a way to develop the wordpress site from either mac or ubuntu with changes synced on both laptops (with ability to expand further)

available tools:

• codemonkey http://codemonkey.io/
• vagrant http://vagrantup.com
• virtualbox VM
• chef (vagrant automator)
• ansible https://www.ansible.com/

ROOTS.IO Kit
vagrant virtual machine pack with LEMP stack
trellis https://roots.io/trellis/

wordpress development manager

• bedrock https://roots.io/bedrock/

wordpress theme development
sage https://roots.io/sage/

https://img.shields.io/badge/defcast-live-green.svg

background: url("fallback.png") no-repeat center;
background-image: url("image.svg");
background-size: contain;

┆Attachments: comms-pass.svg

Databases will be a key element in the web client solution since it's necessary to store streaming data for the entire length of every mission.

Latest in visual database development - automates a lot of the normal setup required with databases

It is an alternative to RESTful API

┆Attachments: graphiQL.url

Used in conjunction with GraphiQL

Popular Javascript Engine ideal for pairing with GraphiQL and Apollo for site development

• https://reactjs.org/
• https://github.com/facebook/react.git
• User Interface

Loader fir CSS, SCSS, ES6, and JSHint

https://img.shields.io/badge/status-early development-blue.svg

Embed these badges in:
social media accounts
social media updates
posts
emails
repositories
markdown files
anything that supports HTML that uses the internet

https://en.wikipedia.org/wiki/Communication_diagram