Giter VIP home page Giter VIP logo

frenchpressplay's Introduction

FrenchPressPlay

  • 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
										##########################################

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.