Copy the ElvenImage Program
Navigate to the ElvenImage folder and run npm install.
Get the canada images zip file from my Google Drive:
Unzip into /var/www/html/images/canada:
cp canada.zip /var/www/html/images/.
When you are done, the images should be in /var/www/html/images/canada/
Run the ElvenImages program to create ~/Source/ElvenImages/images.md
Copy images.md to ~/Documents/AllTest/canada.md and open canada.md in Remarkable. Edit as necessary. In particular, after you have picked the images you want to keep:
- Remove all the HTML and text from canada.html that do not refer to your chosen images.
- Delete all but the five to ten files you want to keep from /var/www/html/images/canada. (There is now a tool for doing this, explained elsewhere.)
cp ~/Source/ElvenImages/images.md ~/Documents/AllTest/canada.md
Run the MakeHtml program. Open localhost/canada.html in the browser. If you are satisfied, take a screenshot.
Repeat this step or some variation of this step as often as necessary until you have deleted all unwanted images. Add captions and explanations to the remaining images.
Your goal is to create a canada.html file that focuses on 5 to 10 images.
NOTE: Fortunately, you no longer need to do a search an replace to remove all references to /var/www/html from your markdown. You can now run node image-not-used.js instead. Then run the moveNotUsed.sh file created by the previous command. The completed links should look like this:
Copy your completed html and images to your repository.
Push. Pull on EC2. Copy files as necessary and then run MakeHtml. Take a screenshot of your finished canada.html file running in your browser on your elastic ip.
Turn it in
Turn in the three screen shots:
- canada.html on local host
- canada.html on elastic ip
- A screen capture showing you running MakeHtml on ubuntu and showing that you processed a file called canada.html
On EC2, after you have done your pull, this is the command to copy AllTest to ~/Documents’. Issue the command from the root of your repository:
cp -r AllTest ~/Documents/.
This will copy your new images to the images directory:
cp -r ApacheHelpers/images/canada/ /var/www/html/images/.
You already have this script, which copies files from Prisitine Lubuntu file system into the directory that holds your repository:
# Declare destination dir for AllTest in
# one place so it is easy to modify
# Copy AllTest
cp -ruvp ~/Documents/AllTest $REPO/
# Ensure destination dir exists for CSS, JS and Images
if [ ! -d "$CSS_JS_IMAGE" ]; then
mkdir -p $CSS_JS_IMAGE
cp -ruvp /var/www/html/css $CSS_JS_IMAGE/.
cp -ruvp /var/www/html/images $CSS_JS_IMAGE/.
cp -ruvp /var/www/html/js $CSS_JS_IMAGE/.
cp -uvp /var/www/html/clean $CSS_JS_IMAGE/.
And this for copying them back out, where you must issue the command from the root of your repository:
$ cat CopyRepoToDocumentsAllTest
cp -ruvp AllTest/ ~/Documents/.
cp -ruvp ApacheHelpers/images /var/www/html/.
cp -ruvp ApacheHelpers/css /var/www/html/.
cp -ruvp ApacheHelpers/js /var/www/html/.