Steps to start app and start Hello world - displays plain file

sdcooke · 2018-01-25 00:27:51 UTC

Hi Tracy
Well I went through all the steps in Chapter 3 and I had previously messed up. I think I ran start project or start app twice. Anyway that is fixed, but when I fo the steps in chapter 4 and look at my app, it is still displaying the html as text with the tags appearing as text instead of being interpreted as html tags. So I guess I will need to upload my stuff to GitHub for you to review and see if you get the same result. But I can’t do that until the weekend. I have other commitments over the next couple of evenings. I will get this to you and we can take it from there. Thanks for your analogy about the virtual environment. I got it now :)

sdcooke · 2018-01-25 02:10:54 UTC

Hi again. I found a bit of time so I decided to send try to get my stuff to you on GitHub, but I am stuck! I have already installed git and I did git init. That worked. Now I am trying to create ,gitignore. From the terminal, I go to projects/myhellopwebapp (where I have manage py). I then type ‘touch .gitignore’ and press Enter. It returns to the command prompt. But the file does not appear in the directory. If I try to create the file by copying another file and renaming it in Finder, it tells me I cannot create file names beginning with a period. I also tried in terminal specifying sudo. It prompted for my password, but still did not create the .gitignore file. Can you tell me how to create this file? Thank you.

limedaring · 2018-01-25 02:34:31 UTC

Thanks for the reminder, I should mention that you can’t see files starting with “.” in the Finder or when you use ls in the terminal.

In the terminal, in your project (in the directory with manage.py — if you do ls -lah, do you see it now? :)

limedaring · 2018-01-25 02:39:16 UTC

Updated the git tips page! https://github.com/hellowebbooks/hellowebapp/tree/master/git-tips

sdcooke · 2018-01-25 11:50:56 UTC

Hi Tracy,
Thank you so much for this. Yes I see .gitignore and I figured out hoe to edit it using $ open -t .gitignore.

So I will send you my stuff, but not right now. I am off to work, and tonight I have a band practise. Tomorrow I work and I think we are going out tomorrow for birthday celebration (mine and Karen’s - we both have birthdays this week), Saturday I have a gig with the band so I won’t get back to this until Sunday most likely.

Thanks for your help!
Steve

sdcooke · 2018-01-27 15:40:04 UTC

Hi Tracy,
I created .gitignore and copied the content you provided in your link and saved it, then did the following, but it looks like it didn’t commit anything. Is this expected, OK? I tried first without virtual env and then I activated venv and tried again, but get the same result.

(Sorry for needing so much help, but I really appreciate your patience with me!)

Stevens-MacBook-Pro:myhellowebapp stevencooke$ git commit -a -m "First commit"
On branch master

Initial commit

Untracked files:
.gitignore
collection/
hellowebapp/
manage py

nothing added to commit but untracked files present

limedaring · 2018-01-27 18:00:17 UTC

In the future, it’s always helpful to send along screenshots, FYI. :D

Do git add . (See the note here under “The very basic, important commands”: git add [FILE]: Adds files to be tracked - new files aren’t tracked by default. You can add all new files using git add . rather than naming the individual files as well.) That’ll add files into git, that you then can commit.

sdcooke · 2018-01-30 04:10:13 UTC

Tracy I think I did this right The list is https://github.com/sscooke/helloapp.git

Please let me know if you can see my stuff. Thanks, Steve

limedaring · 2018-01-31 20:59:43 UTC

Hey Steve, here’s your issue:

github.com

sscooke/helloapp/blob/master/collection/templates/index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title></title>
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="1561.2">
  <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
  </style>
</head>
<body>
<p class="p1">&lt;!doctype html&gt;</p>
<p class="p1">&lt;html&gt;</p>
<p class="p1">&lt;head&gt;</p>
<p class="p1"><span class="Apple-converted-space">    </span>&lt;title&gt;My Hello World App Project&lt;/title&gt;</p>
<p class="p1">&lt;/head&gt;</p>
<p class="p1">&lt;body&gt;</p>
<p class="p1"><span class="Apple-converted-space">    </span>&lt;h1&gt;Hello World!&lt;/h1&gt;</p>

This file has been truncated. show original

Note the different in the file from the correct version:

github.com

hellowebbooks/hellowebapp-code/blob/chapter-4/collection/templates/index.html

{% load staticfiles %}
<!doctype html>
<html>
<head>
    <title>My Hello Web App Project</title>
    <link rel="stylesheet" href="{% static 'css/style.css' %}" />
</head>
<body>
    <h1>Hello World!</h1>
    <p>I am a basic website.</p>
</body>
</html>

Somehow your editor (?) inserted a bunch of extra code? What editor are you using?

sdcooke · 2018-01-31 23:53:47 UTC

Tracy,

Where did that come from? I am using the TextEditor program that comes with MacOS 10.13.2 High Sierra.
Attached is a screen shot to show you what I see using this editor (and my directory structure).

Where is all that code coming from? Not sure what to do next!

Steve

limedaring · 2018-02-01 13:09:10 UTC

That TextEditor is actually doing a bunch of stuff in the background. Go to the menu “Format” and tell it to “Change to Plain Text.”

I highly recommend using Sublime Text for editing your files instead: https://www.sublimetext.com/

sdcooke · 2018-02-02 14:46:49 UTC

Tracy

That is so weird! OK I will try changing the format in TextEditor. I purchased and installed Sublime editor last night but ran out of time to try it out. I will try later and let you know if this solves my issues. Hopefully it does, but I am amazed to find out that a Text Editor would insert all that stuff!

Will keep you posted. Again thanks for perceviering with me and this issue!
Steve

limedaring · 2018-02-02 15:08:27 UTC

A lot of people really love Sublime so I think it’ll help you out in the long term! Good luck. :D

sdcooke · 2018-02-02 20:14:13 UTC

Hi Tracy,
I still haven’t tried Sublime yet, but good news, in TextEdit I said use plain text. At first it failed because that caused TextEdit to rename index from html to txt. I changed the name back and presto! It worked!!! Yay!

So it was that nasty TextEdit program that was the problem all along. But now that I know about changing the format I can choose to use it or learn to use Sublime. Either way I will not be bothering you about this issue any more!!!

Thank you again so much for your perseverance and ultimately finding the issue and solution.
Steve

limedaring · 2018-02-02 20:37:10 UTC

Yay! Glad we figured it out. :)