Create bad-password-generator random project

7 files changed, 1215 insertions, 12 deletions

diff --git a/_layouts/random-project.html b/_layouts/random-project.html
index ecf3691..ac8f507 100644
--- a/_layouts/random-project.html
+++ b/_layouts/random-project.html
@@ -12,10 +12,6 @@
       <div class="grow"></div>
       <a href="/">Go to main site</a>
     </div>
-    <div class="page">
-      <main>
-        {{ content }}
-      </main>
-    </div>
+    {{ content }}
   </body>
 </html>
diff --git a/random-project/bad-password-generator/8char-words.txt b/random-project/bad-password-generator/8char-words.txt
new file mode 100644
index 0000000..393d1c7
--- /dev/null
+++ b/random-project/bad-password-generator/8char-words.txt
@@ -0,0 +1,1162 @@
+business
+services
+products
+software
+research
+comments
+national
+internet
+shipping
+reserved
+security
+american
+computer
+download
+pictures
+personal
+location
+children
+students
+shopping
+previous
+property
+customer
+december
+training
+advanced
+category
+register
+november
+features
+industry
+provided
+required
+articles
+feedback
+complete
+standard
+programs
+language
+password
+question
+building
+february
+analysis
+possible
+problems
+interest
+learning
+delivery
+original
+includes
+messages
+provides
+specific
+director
+planning
+database
+official
+district
+calendar
+resource
+document
+material
+together
+function
+economic
+projects
+included
+received
+archives
+magazine
+policies
+position
+listings
+wireless
+purchase
+response
+practice
+hardware
+designed
+discount
+remember
+increase
+european
+activity
+although
+contents
+regional
+supplies
+exchange
+continue
+benefits
+anything
+mortgage
+solution
+addition
+clothing
+homepage
+military
+decision
+division
+actually
+saturday
+starting
+thursday
+consumer
+contract
+releases
+virginia
+multiple
+featured
+friendly
+schedule
+everyone
+approach
+physical
+medicine
+evidence
+favorite
+recently
+probably
+networks
+transfer
+carolina
+hospital
+overview
+distance
+involved
+partners
+existing
+selected
+patients
+directly
+searches
+strategy
+teaching
+canadian
+positive
+football
+abstract
+contains
+republic
+vacation
+academic
+graphics
+expected
+mountain
+consider
+northern
+proposed
+reported
+politics
+modified
+released
+internal
+detailed
+japanese
+approved
+southern
+yourself
+pressure
+keywords
+purposes
+external
+teachers
+subjects
+capacity
+requires
+electric
+creative
+progress
+families
+accepted
+agencies
+michigan
+columbia
+critical
+employee
+packages
+colorado
+relevant
+illinois
+elements
+facility
+minister
+visitors
+coverage
+clinical
+sciences
+currency
+commerce
+accounts
+settings
+cultural
+holidays
+graduate
+thinking
+provider
+optional
+sections
+websites
+religion
+measures
+chemical
+exercise
+meetings
+congress
+username
+produced
+argument
+creating
+attorney
+auctions
+informed
+thoughts
+quantity
+platform
+machines
+recovery
+merchant
+vehicles
+campaign
+examples
+motorola
+intended
+election
+requests
+separate
+identify
+domestic
+extended
+sequence
+williams
+movement
+printing
+baseball
+approval
+contacts
+matching
+offering
+variable
+compared
+workshop
+lighting
+portable
+returned
+warranty
+assembly
+criminal
+powerful
+obtained
+supplied
+opinions
+maintain
+priority
+payments
+straight
+prepared
+criteria
+behavior
+changing
+festival
+whatever
+maryland
+eligible
+checkout
+handling
+scotland
+followed
+protocol
+designer
+marriage
+negative
+missouri
+ministry
+proposal
+birthday
+slightly
+lingerie
+profiles
+controls
+breaking
+combined
+ultimate
+reviewed
+forecast
+accuracy
+pharmacy
+creation
+chairman
+violence
+oklahoma
+speakers
+cleaning
+concerns
+officers
+referred
+supports
+presence
+majority
+strength
+daughter
+standing
+ordering
+bookmark
+specials
+improved
+exposure
+gambling
+outdoors
+printers
+kentucky
+interior
+relative
+identity
+victoria
+revision
+instance
+licensed
+recorded
+finished
+discover
+patterns
+stations
+greatest
+operator
+tracking
+accurate
+managing
+happened
+lesbians
+managers
+aircraft
+conflict
+versions
+employer
+describe
+citizens
+heritage
+audience
+assigned
+directed
+sporting
+affected
+expenses
+indicate
+anderson
+diseases
+thailand
+advisory
+template
+anywhere
+atlantic
+investor
+wildlife
+speaking
+sponsors
+checking
+guidance
+observed
+glossary
+channels
+ericsson
+appendix
+supplier
+arkansas
+notebook
+explorer
+historic
+attached
+disabled
+upcoming
+constant
+portland
+concepts
+relating
+alliance
+engineer
+becoming
+relation
+colleges
+brothers
+presents
+estimate
+bulletin
+epinions
+painting
+universe
+watching
+sterling
+sessions
+journals
+jennifer
+terminal
+nebraska
+properly
+hundreds
+tomorrow
+visiting
+downtown
+keyboard
+suitable
+millions
+findings
+clicking
+province
+catholic
+governor
+swimming
+pakistan
+reliable
+symptoms
+memorial
+fighting
+pregnant
+cellular
+normally
+diabetes
+flexible
+numerous
+superior
+spending
+magnetic
+registry
+employed
+displays
+allowing
+earnings
+delaware
+counties
+occurred
+concrete
+accident
+resident
+possibly
+flashing
+malaysia
+antiques
+parallel
+bathroom
+drinking
+reaction
+enhanced
+entitled
+generate
+monitors
+duration
+pursuant
+contrast
+adoption
+measured
+marshall
+thousand
+hamilton
+tutorial
+portugal
+lawrence
+valuable
+airlines
+aviation
+disaster
+commands
+achieved
+injuries
+nintendo
+appeared
+franklin
+exciting
+ringtone
+pleasure
+oriented
+desktops
+columbus
+producer
+semester
+strongly
+proteins
+familiar
+carrying
+editions
+vertical
+absolute
+consists
+soldiers
+guardian
+classics
+bringing
+evaluate
+tropical
+pipeline
+everyday
+ethernet
+handbook
+navigate
+somewhat
+receiver
+scottish
+richmond
+covering
+platinum
+judgment
+bedrooms
+modeling
+spectrum
+emphasis
+princess
+entering
+thompson
+memories
+adequate
+cartoons
+entirely
+replaced
+reducing
+shooting
+launched
+suggests
+operated
+overseas
+surprise
+shoppers
+supposed
+ordinary
+applying
+reporter
+champion
+sentence
+outcomes
+survival
+jonathan
+whenever
+lifetime
+athletic
+campbell
+traveler
+aluminum
+wishlist
+trailers
+syndrome
+expanded
+bulgaria
+believed
+spanking
+catering
+incident
+dynamics
+decrease
+cumshots
+revenues
+emerging
+churches
+reserves
+minority
+recorder
+seminars
+paradise
+compiled
+romantic
+revealed
+margaret
+portions
+equation
+reviewer
+involves
+earrings
+chapters
+literary
+choosing
+boundary
+believes
+deadline
+equipped
+broadway
+acquired
+entrance
+attempts
+answered
+disorder
+firewall
+animated
+judicial
+bachelor
+attitude
+montreal
+genetics
+attended
+mitchell
+embedded
+brochure
+petition
+shoulder
+diameter
+literacy
+moderate
+opposite
+dealtime
+mercedes
+tramadol
+receives
+veterans
+occasion
+sleeping
+moreover
+michelle
+dialogue
+declared
+handheld
+disposal
+florists
+switches
+blogging
+midnight
+commonly
+pleasant
+announce
+sampling
+inspired
+weddings
+suddenly
+netscape
+township
+rankings
+robinson
+remained
+entities
+roulette
+medicare
+explains
+feelings
+freeware
+donation
+targeted
+realized
+gamecube
+climbing
+somebody
+colombia
+archived
+courtesy
+detected
+bracelet
+juvenile
+acoustic
+cassette
+steering
+cemetery
+contests
+berkeley
+adjusted
+seasonal
+counters
+cultures
+coaching
+examined
+encoding
+cosmetic
+resulted
+portrait
+carriers
+mobility
+builders
+struggle
+crossing
+resolved
+branches
+holdings
+zimbabwe
+browsing
+bargains
+frequent
+ensuring
+hispanic
+diamonds
+untitled
+marriott
+starring
+referral
+distinct
+verified
+formerly
+situated
+strictly
+retailer
+vitamins
+brooklyn
+phillips
+interval
+expansys
+repeated
+filename
+florence
+analyses
+drawings
+scenario
+junction
+weekends
+produces
+kingston
+adapters
+adjacent
+reaching
+receptor
+surgical
+citation
+premises
+imperial
+benjamin
+studying
+upgrades
+offshore
+harrison
+emission
+apparent
+outreach
+mounting
+balanced
+upskirts
+explicit
+precious
+annually
+scanners
+delivers
+necklace
+arranged
+theaters
+advocacy
+threaded
+footwear
+licenses
+removing
+isolated
+assisted
+compound
+abortion
+wellness
+membrane
+previews
+exterior
+greeting
+botswana
+velocity
+composed
+baseline
+honolulu
+electron
+passport
+treasury
+occupied
+observer
+sunshine
+ceremony
+arrested
+homework
+assessed
+enabling
+stronger
+advances
+darkness
+stanford
+rejected
+gamespot
+railroad
+lectures
+cheapest
+travesti
+salvador
+tanzania
+preserve
+unsigned
+theories
+executed
+showcase
+integral
+synopsis
+composer
+accessed
+imported
+contrary
+focusing
+admitted
+equality
+stickers
+concerts
+cambodia
+updating
+readings
+confused
+compiler
+airports
+brunette
+gathered
+slovenia
+notified
+dramatic
+surfaces
+terrible
+reflects
+taxation
+treasure
+assuming
+monetary
+floating
+plymouth
+warnings
+stunning
+actively
+cookbook
+uploaded
+collapse
+americas
+unlikely
+beverage
+forestry
+barriers
+infected
+particle
+minerals
+humidity
+operates
+brisbane
+manitoba
+missions
+costumes
+nickname
+staffing
+playlist
+statutes
+enrolled
+publicly
+reseller
+suffered
+informal
+swingers
+mistakes
+defining
+counting
+medieval
+captured
+innocent
+scanning
+cordless
+patricia
+disagree
+episodes
+circular
+mainland
+interact
+auckland
+olympics
+worldsex
+trinidad
+geometry
+slovakia
+gorgeous
+barbados
+chrysler
+mcdonald
+plumbing
+brussels
+shanghai
+davidson
+organize
+triangle
+oriental
+hydrogen
+webshots
+advocate
+artistic
+detector
+colonial
+proceeds
+indirect
+browsers
+overcome
+brighton
+reminder
+searched
+insights
+sullivan
+exhibits
+bacteria
+moisture
+symantec
+launches
+latitude
+deposits
+mistress
+trustees
+reprints
+midlands
+analysts
+nicholas
+invasion
+spelling
+medicaid
+infrared
+quarters
+naturals
+fixtures
+bloggers
+flooring
+ethiopia
+athletes
+humanity
+scholars
+snapshot
+segments
+dominant
+minimize
+fraction
+adelaide
+emirates
+promised
+bookings
+fabulous
+maritime
+periodic
+overhead
+prospect
+shipment
+breeding
+envelope
+homeland
+excluded
+emotions
+incoming
+cleaners
+cashiers
+rotation
+premiere
+villages
+symphony
+rational
+fighters
+chambers
+fountain
+regarded
+egyptian
+outlined
+headline
+treating
+enormous
+shemales
+honduras
+cabinets
+hartford
+wrapping
+timeline
+infinite
+civilian
+realtors
+wherever
+democrat
+retained
+logitech
+briefing
+highland
+hawaiian
+consoles
+cylinder
+surround
+finances
+enjoying
+italiano
+carnival
+promises
+combines
+bradford
+reynolds
+speeches
+catalogs
+savannah
+pointing
+metadata
+circuits
+handbags
+somerset
+incurred
+roommate
+failures
+theology
+edmonton
+retrieve
+worldcat
+titanium
+deutsche
+postings
+cornwall
+basement
+sandwich
+hearings
+textbook
+frontier
+stopping
+refugees
+peaceful
+doctrine
+trainers
+conclude
+advisors
+pavilion
+talented
+paraguay
+boutique
+peterson
+homeless
+horrible
+metallic
+warriors
+cadillac
+parental
+marathon
+pressing
+gasoline
+warcraft
+catalyst
+analyzed
+remedies
+validity
+handjobs
+weighted
+performs
+plastics
+salaries
+postcard
+elephant
+drainage
+clearing
+routines
+reliance
+striking
+podcasts
+ensemble
+biblical
+prostate
+nitrogen
+softball
+firewire
+musician
+blocking
+limiting
+dispatch
+restored
+chargers
+rendered
+openings
+councils
+cottages
+develops
+dressing
+drilling
+tomatoes
+clusters
+antibody
+momentum
+grateful
+laughing
+opponent
+propecia
+mongolia
+manually
+centered
+writings
+charging
+discrete
+beginner
+sapphire
+crawford
+declined
+neighbor
+highways
+thinkpad
+intimate
+dentists
+variance
+cameroon
+adaptive
+computed
+invision
+generous
+learners
+aberdeen
+educated
+inserted
+basename
+suburban
+survivor
+cingular
+impaired
+ventures
+stranger
+tribunal
+pensions
+mattress
+likewise
+charming
+annoying
+disclose
+restrict
+springer
+endorsed
+maximize
+senators
+bleeding
+optimize
+caroline
+engaging
+deferred
+polished
+simpsons
+flashers
+arrivals
+securely
+fioricet
+promoted
+enclosed
+thriller
+transmit
+planners
+disputes
+textiles
+intranet
+aquarium
+promptly
+sexually
+dividend
+playback
+hometown
+handmade
+workflow
+switched
+richards
+hardwood
+temporal
+airplane
+istanbul
+asbestos
+throwing
+potatoes
+thorough
+creature
+syracuse
+maldives
+firmware
+shepherd
+canberra
+sympathy
+avoiding
+surgeons
+promotes
+johnston
+prisoner
+earliest
+morrison
+examines
+budapest
+knitting
+attacked
+smallest
+monsters
+lightbox
+cocktail
diff --git a/random-project/bad-password-generator/index.html b/random-project/bad-password-generator/index.html
new file mode 100644
index 0000000..2922b9b
--- /dev/null
+++ b/random-project/bad-password-generator/index.html
@@ -0,0 +1,12 @@
+---
+layout: random-project
+---
+<div class='random-project__project__bad-password-generator'>
+  <div class="text">
+    <p>This is an example of a bad password.</p>
+    <p>Surely you wouldn't use one like it, would you?</p>
+  </div>
+  <div id="changing-passwd">Password!1</div>
+
+  <script src="./script.js" charset="utf-8"></script>
+</div>
diff --git a/random-project/bad-password-generator/script.js b/random-project/bad-password-generator/script.js
new file mode 100644
index 0000000..6144d9f
--- /dev/null
+++ b/random-project/bad-password-generator/script.js
@@ -0,0 +1,16 @@
+function getRandomInt (min, max) {
+  return Math.floor(Math.random() * (max - min + 1)) + min
+}
+
+window.fetch('./8char-words.txt').then(r => r.text()).then(res => {
+  const words = res.split('\n')
+  const specialChars = ['.', '-', '_', '!', '@', '#', '$', '%']
+
+  window.setInterval(function () {
+    const randomWord = words[getRandomInt(0, words.length - 1)]
+    const randomSpecialChar = specialChars[getRandomInt(0, specialChars.length - 1)]
+    const randomNumber = getRandomInt(1, 9)
+    const randomPassword = randomWord + randomSpecialChar + randomNumber
+    document.querySelector('#changing-passwd').textContent = randomPassword
+  }, 500)
+})
diff --git a/random-project/bad-password-generator/style.scss b/random-project/bad-password-generator/style.scss
new file mode 100644
index 0000000..c4ca707
--- /dev/null
+++ b/random-project/bad-password-generator/style.scss
@@ -0,0 +1,18 @@
+.random-project__project__bad-password-generator {
+  text-align: center;
+  flex-grow: 1;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  #changing-passwd {
+    font-weight: bold;
+    font-size: 5em;
+    text-transform: capitalize;
+  }
+
+  .text {
+    margin-top: -64px;
+  }
+}
diff --git a/random-projects/example.html b/random-projects/example.html
deleted file mode 100644
index b4efe2d..0000000
--- a/random-projects/example.html
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: random-project
-permalink: /random-project/example/
----
-<div>
-  This is an example of a random project.
-</div>
diff --git a/style/_random-project.scss b/style/_random-project.scss
index 3ddcf04..74aeac5 100644
--- a/style/_random-project.scss
+++ b/style/_random-project.scss
@@ -1,5 +1,8 @@
 body.random-project {
   margin: 0;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 .random-project__header {
@@ -60,3 +63,6 @@ body.random-project {
     }
   }
 }
+
+// import the style sheet of all the random projects
+@import '../random-project/bad-password-generator/style.scss';