Twitter Dribbble

LEARNING HOW TO CODE LESSON NO. 16

In this lesson you’re going to set up the email where you’ll receive notifications of new subscribers. We’re going to use Gmail for this project.

To begin, open up your settings.py file in Komodo. Under import os, space down to line 4 and insert the following…

EMAIL_USE_TLS = True

EMAIL_HOST =  ’smtp.gmail.com’

EMAIL_HOST_USER = ‘youremail@gmail.com’

EMAIL_HOST_PASSWORD = ‘yourpassword’

EMAIL_PORT = 587

gmail Read More »

LEARNING HOW TO CODE LESSON NO. 15

In this lesson, you will add a video to your landing page and re-add some text. Before getting started, have a YouTube or Vimeo video ready. I’m going to use one of my all-time favorite videos of Aaron Draplin for now.

The video I’m using is hosted on Vimeo. What you want to do is grab the embed code. You can do the same in YouTube…

Screen Shot 2013-10-05 at 2.09.38 PM

Go to the home.html file in Komodo right under <div class=”container”> (line 3), add…

<div class=’row’></div>

divrow Read More »

LEARNING HOW TO CODE LESSON NO. 14

Ch-Ch-Ch-Changes

You’re going to customize your landing page by changing the text, color, adding and removing anything that you don’t need. That is, unless you want your page to be an exact replica of the Bootstrap home page. To begin, make sure Komodo Edit is opened and run server in terminal. Open your project in the browser…

Hover over the page, right click (or control click) and select Inspect Elementinspect You’re going to change the purple background to a different color. Select Jumbotron Masthead… jumbo Read More »

LEARNING HOW TO CODE LESSON NO. 13

Curious about Bootstrap? Now’s a good time to figure this thing out. Bootstrap is a front end framework for css, html, and java script.Word is that Bootstrap is a straight-forward framework to work with where you don’t have to know all of the details in order to make it work. Let’s have at it. You’re going to work on Bootstrap 2.3.2.

In your browser go to…

twitter.github.io/bootstrap/ getbootstrap.com/2.3.2/

Screen Shot 2013-08-23 at 8.51.27 AM

While on the page, go to View > Developer > View Source

Screen Shot 2013-08-23 at 8.54.01 AM

A new tab with source code will appear. Select all (command a) and copy (command c).

Screen Shot 2013-08-23 at 8.55.23 AM

Screen Shot 2013-08-23 at 8.57.08 AM Read More »

LEARNING HOW TO CODE LESSON NO. 12

HTML  HTML  HTML

You guessed it. It’s now time to work with html. In Komodo Edit open the base.html file. This will be your index.html file in the future. The beauty of the Python programming language is that you can manipulate files later in your project, so we’ll worry about changing base.html to index.html later. Refer to your html cheat sheet for this. Here’s one — or you can find more by performing a search on “html reference” or “html cheat sheet,” etc.

Once you open base.html (my_landingpage>static>templates>base.html), enter the basics…

line 1 <!DOCTYPE html>

line 3 <html>

line 4 <head>

line 6 </head>

line 8 <body>

line 9 {block content %}

line 11 {% endblock %}

line 12 </body>

line 15 </html>

(I added line numbers to help you if you are not familiar with html)

Screen Shot 2013-08-22 at 11.16.55 AM Read More »