The Geometry & History of Symbols of LGBTQ+ Pride: An Intro to JavaScript
CSTA Annual Convention - July 14-16, 2021
Brad Ankney-Math/Computer Science Teacher
Sarah Rizzi- Art Teacher, Art Therapy Graduate Student
Headline/Subject
Participants should be mindful of the following:
Session Norms
The Rainbow-Have a little fun with Pencilcode.net
hhttp://bankney.pencilcode.net/edit/rainbow
Go to www.pencilcode.net --log in optional
5 minutes (+/-) of code--
A quick rainbow using dots.
Open pencilcode.net (no account required, but if you want to save make an account.)
The Pink Triangle
The Pink Triangle
Cartesian Coordinate System
Equilateral Triangle
Centroid
Circumcenter
Circumcircle
Median of a Triangle
Perpendicular Bisector
Midpoint
Trigonometry-Cosine to calculate the radius of the circle from the side length of the equilateral triangle.
Rotations
Math/Geometry
IDE-Pencilcode.net
Turtle Library
Variables
Orientation-rotation
For Loop
Coding Concepts
The Rainbow Flag
The Rainbow Flag
Programming Concepts:
-Html, CSS, JavaScript
-Variables/Literals
-For Loops
-Arrays
-Labels
-Screen Layout (Coordinate System)
-JavaScript Syntax
-Nested Loops
The Rainbow Flag
http://bankney.pencilcode.net/edit/originalRainbowFlag
Poll-Test your knowledge of LGBTQ++++++++ flags
https://beta.polleverywhere.com/competitions/vrYthJy63CC2CV34EXRA1
The Progressive Rainbow Flag
The Progressive Rainbow Flag
Compare and contrast:
Use of variables (rectangles) to use of literals (triangles)
The Progressive Rainbow Flag
Math Concepts--
Turns-rotations, measurement in degrees
Orientation on Screen-Cartesian Coordinate System
Distance-Pixels as a unit of measurement
Flag Stripes-Rectangles
Triangles-Right Triangle, Pythagorean Theorem, Trig
Arcs--rotations, degrees
Works Cited Resources
Pencilcode.net--Free IDE for JavaScript, CoffeeScript, CSS, HTML
Pencilcode online guide-http://guide.pencilcode.net/home/
Queer X Design, 50 Years of Signs, Symbols, Banners, Logos, and Graphic Art of LGBTQ