- front end (hmtl, css)
- Youtube API
- imgur API
- Modals
'||''''| '|| '||'''|, '||'''|, '|| || . || || || | || || || ||''| '||''| .|''|,||''|, .|'', ||''|, ||...|' '||''| .|''|, ('''' ('''' -|- ||...|' || '''|. '|| |||| || ||..|| || || || || || || || ||..|| '') '') | || || .|''|| |..||
.||. .||. |... .|| ||. |..' .|| || .|| .||. |... ...' ...' .|| .||. |..||. ||
, |'
''
------------------------
###### LAYOUT #######
-------------------------
A: #navbar >NAVBAR<
B: #intro >LANDING Page<
C: #section1 >WUT IS THIS<
D: #section2 >BOIL<
E: #section3 >SOAK<
F: #section4 >STEEP<
G: #section5 >PLUNGE<
H: #section6 >TESTIMONIALS<
I: #section7 >CONTACTS<
J: #footer >FOOTER<
--------------------------
A: START #navbar======================================================================
>#navbar<
CONTENT:
NAVBAR HEADERS:
** #intro LANDING Page
** #section1>WUT IS THIS
** #section2>Boil
** #section3>Soak Grounds
** #section4>Steep
** #section5>Plunge
** #section6>Testis
** #section7>Contact
#####################################################
==================================END A: #navbarSTUFF
#####################################################
B: START #intro=======================================================================
>Landing Page<
CONTENT:
** Just serious/not serious/dramatic intro line hooks here
#################################################
======================END B: #intro- LANDING PAGE
#################################################
C: START #section1================================================================
>Who Are we, What are we doing?<
CONTENT:
TOPICS COVERED: (3 modal hyperlinks attached to text in this section)
** Who we are
** What is a french press
** How is this site used
#################################################
=============================END C: #section1 WUT
#################################################
D: START #section2==============================================================
>BOIL<
(5-6 Minute Timer)
CONTENT:
**Hook lines/Something clever
TOPICS COVERED: (3 modal hyperlinks attached to text)
** FrenchPress PreGame Basics (Tools, and BS like that)
** Boil Basics
** Something funny or informative
++++++ Add button to initiate 5-6 minute timer and activity
ACTIVITY IDEAS:
**5 minutes of Javascript (No API just a hyperlink)
**YouTube
**Spotify
**News API
################################################
==========================END D: #section2- BOIL
################################################
E: START #section3=============================================================
>SOAK<
1 minute Timer
CONTENT:
**Hook lines something clever
TOPICS COVERED -(3 modal hyperlinks attached to text)
**** Grounds info
**** Tips and Tricks
**** Something funny or informative
+++++++ Add button to initiate 1 minute timer and activity
ACTIVITY IDEAS:
** Trending Tumbler
** Front Page Reddit
##############################################
========================END E: #section3- SOAK
##############################################
F: START #section4================================================================
>STEEPING<
4 & 6 Minute Timer choice (or 5 1/2 minute timer to go middle of the road route)
CONTENT:
**Hook/Something clever
TOPICS COVERED: (3 modal hyperlinks attached to text)
**Steeping controversy
**Pros and Cons
**Something funny or informative
+++++++ Add button to initiate ????? timer and activity
ACTIVITY IDEAS:
**5 minutes of Javascript (No API just a hyperlink)
**YouTube
**Spotify
**News API
##############################################
====================END F: #section4- STEEPING
##############################################
G: START #section5====================================================================
>PLUNGE<
15 second timer
CONTENT:
**Hook/ Clever one liner
TOPICS COVERED:
** Plunge basics
** Something informative
** Something Funny
+++++++ Add button to initiate 15 second timer and activity
ACTIVITY IDEAS:
**Gyphy button <---- Already Made (Needs Tweaking)
**Joke of the Day API
##########################################
=================END G: #section5- PLUNGE
##########################################
H: START #section6===================================================================
>TESTIMONIALS<
CONTENT:
** We really don't need this but could keep for eyecandy.
** We could also try to set them up to take input from users. (Could get hairy)
###########################################
=============END H: #section6- TESTIMONIALS
###########################################
I: START #footer========================================================================
>FOOTER<
CONTENT:
** Keep as is. Possible color changes or Social Media links.
** Create social media accounts?
##########################################
=================END I: #section7- FOOTER
##########################################