Home Page Home Page
Finishing
The Louisiana Anthology

 
  1. Get in a group. Find out each other's contact information - phone numbers, email, etc.
  2. Select a project to work on from the available items.  It's first come, first serve, so chose your top 3 preferences & let me know as soon as you've chosen.  That will improve your chances of getting what you want. Everybody who participates will get a grade of 90%.  Legacy language bonus: if your group chooses to edit a French, French Creole, or Spanish document, you'll get a 95%. You may find a little German or Italian as well. You won't have to translate it; just edit it so the original text is correct.
  3. Give me a list of
    1. Your choices
    2. Your names
    3. Your email addresses
  4. I will send you an invitation to join a folder on Dropbox.
  5. Install Dropbox on your computer.
  6. Accept the folder I've shared with you and let it download onto your computer.
  7. Go into your folder, then the "texts" folder, then the folder that has your group's name on it.  DON'T move the folder or files to other places. 
  8. This folder will now contain the files for your Louisiana Anthology project.
    1. You can work on the files in Dropbox, and they will update on the computers in your group. 
    2. Just be careful when you work on them at the same time, so you don't wind up with conflicted copies.
  9. Edit using a plain text editor or one of the editors I recommended in the links.  DO NOT USE WORD!  It messes up the file.  Here are some choices:
    1. Atom is an editor developed by GitHub. It works on Windows, Mac, and Linux.
    2. Bluefish is a free editor that will convert special characters to code all at once. It's really handy for groups with a lot of special characters. Ask me how to do it. It's kind of tricky.
    3. Eclipse. This is an excellent text editor with an integrated browser, so you can view your changes without having to search for your browser. Works on Windows, Mac, and Linux.
    4. Google Web Designer. This is a sophisticated editor for building web pages. It works on Windows, Apple, Linux, and possibly Chromebook. You'll be editing the code directly, but it does much more. "Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different sizes or audiences with responsive and dynamic workflows." It's almost a secret. It's been out since 2013, but I found out about it 9 years later.
    5. IntelliJ Idea. And editor and integrated development environment (IDE) made by JetBrains. What's special about it is that it shows codes as the special characters. I'm having trouble figuring out how to toggle it from one to the other.
    6. Notepad++. Designed as a replacement for the Notepad on Windows.
    7. I myself mostly code with Notetab Light, a free version of the program, but it only works on Windows.
    8. RJ TextEd is a good program. It lets you view your work in a split screen. It has a lot of other features as well. It's a Windows-only program.
    9. Apple owners should consider the Sublime Text editor; it works in Windows as well.  It may not always be sublime, but Apple TextEdit is certainly ridiculous. 
    10. Visual Studio Code. This is a free editor made by Microsoft. It's very popular with coders right now. Visual Studio Code, also commonly referred to as VS Code, is a source-code editor developed by Microsoft for Windows, Linux and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. Users can change the theme, keyboard shortcuts, preferences, and install extensions that add functionality.
    11. X Code. Mac only. Xcode is a suite of tools developers use to build apps for Apple platforms. Use Xcode to manage your entire development workflow — from creating your app to testing, optimizing, and submitting it to the App Store. Xcode includes a world-class code editor, built in SwiftUI preview tools that show the UI of your app as you modify code, and a powerful debugger with conditional breakpoints.
  10. The files and folders are all in a specific relationship.  If you move the file out of the directory I put it in, the formatting will mess up. The page that began the day looking like this:

Right page, right place

Will suddenly look like this:

Right page, wrong place
  1. HTML is a harsh taskmaster, my friend.  But don't panic; the mistakes like this are the easiest to fix.
  2. Your file will be in the texts folder.  Click on it and on the subfolder.  You should see something that looks like this:       

    chopin--in_sabine.html

  3. Any image files you add will go into the folder

    chopin--in_sabine_files
    (it's the name of your file with _files replacing .html)
  4. If you find an image you want to put in the file, find out if it is in public domain.  If you, you'll need to get permission from the photographer.  Put their permission email into the _files folder.

  5. The model for your file is

    cable--posson_jone.html
  6. Remove the formatting at the beginning and end of your file, and replace it with the beginning and end of the "Posson Jone'" file.



Beginning Code

<!DOCTYPE html>

<head>



    <meta http-equiv="content-type" content="text/html;  charset=ISO-8859-1">
    <title>Cable. "Posson Jone."</title>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31196335-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>



    	<link rel="stylesheet" type="text/css" href="../../css/anthology.css">
    	<link rel="stylesheet" type="text/css" href="../../css/75_percent_images.css">
	<meta name="viewport" content="width=device-width, minimum-scale=1.00" />


  </head>
<body>
<center>
<div class="maincontainer">


    <a href="../../navigation/index.shtml"> <img style="width:100%;" alt="Home Page"
        src="../../images/heading1.jpg">
      <div class="title" style="font-size: 16px; color: rgb(255, 102,
        0); position: relative;top: -25px; margin-left: 5px;"> Anthology
        of Louisiana Literature </div>
    </a>
    <h4>George Washington Cable.<br>
      "Posson Jone."</h4>

THE TEXT OF YOUR FILE WILL BEGIN HERE
  1. Replace the references to Cable and the title with your author and title. 
    <title>Cable. "Posson Jone."</title>

    <h4>
    George Washington Cable.<br> "Posson Jone."</h4>
  2. It the work is lengthy, replace the quotes with <i>  </i> to italicize the text.  Don't use the <i> tags in the <title>; they don't work there.


End Code

. . . .  AND THEY ALL LIVED HAPPILY EVER AFTER.

THE END

<h3 id="heading_id_2">Source</h3> <p style="margin-left:.5in;text-indent:-.5in">Cable, George Washington. <i>"Posson Jone'" and P�re Rapha�l: With a New Word Setting Forth How and Why the Two Tales Are One</i>. Illus. Stanley M. Arthurs. New York: Charles Scribner's Sons, 1909. Google Books. Web. 27 Feb. 2012. <a href="http://books.google.com/books?id=bzhLAAAAIAAJ">&lt;http://books. google.com/books?id=bzhLAAAAIAAJ&gt;</a>. </p>

 
<a href="../../navigation/index.shtml"> <img style="width:100%;" alt="Home Page" src="../../images/heading1.jpg">

 
<div style="font-size: 16px; color: rgb(255, 102, 0); position: relative;top: -25px; margin-left: 5px;"> Anthology of Louisiana Literature </div></a> </div> </center> </body> </html>

  1. Substitute the bibliographic info for your text for what I have.  Use Easybib.com to format it.
  2. Special characters require coding.  While you read

    Gr�goire

    the actual code in the editor is

    Gr&eacute;goire

    If you don't enter the special code &eacute;, but use the � instead, horrible things can happen to your web site. 
  3. Be careful that whatever editor you use doesn't change them to the characters you see in a browser, or what you get in the browser may be jibberish. 
  4. If I included a .pdf in your folder, it to proofread--it's like a Xerox copy of the original text.
  5. Use footnotes for anything that needs explanation or translation.  We've had pretty good luck using Google translate.
  6. Use the following format for footnotes.  Mark the text in the body with this code:
    <a id="CpossonF01" href="#CpossonN01">Capuchin</a> 
  7. And use this for the footnote.  Notice that the 'F' and 'N' have exchanged places. 

    <h3 id="heading_id_2">Notes</h3>
        <ol>
          <li><a id="CpossonN01" href="#CpossonF01"> Capuchin.</a>
            A Catholic friar.</li>
    
    
        </ol>
    
  8. Match the number for the notes.  If you notice that you need to put a number between two other numbers, don't renumber the whole list; just put a half number between.
    01
    02
    oops, missed one
    01
    01a
    02
    Just be sure the numbers in the text
    match those in the notes.
  9. Clean out any code from the original file that we don't need.  Stuff like <p></p> should stay, of course, along with special characters.  When in doubt, ask me first.
  10. You may or may not need to add images to the file.  I have included two ways to do so in the model, one with a caption and one without.


Turning in Your Project

  1. Place the names of your group at the bottom of the file, above the bibliography. Alphabetize by last name, but put the first name first. Make sure each name is set off by its own line (<li>name</li>).
    
    <!--Put the names of your group members here.-->
    
    
        <h3 id="heading_id_2">Text prepared by:</h3>
    <ul>
    <li>Austin Bowden</li>
    <li>Benjamin Fanguy</li>
    <li>Tyler Fincher</li>
    <li>Jarvis Gotch</li>
    <li>Bruce R. Magee</li>
    </ul>
    
    
    <br><Br>
    
  2. If your team completely finished the document, let me know. If not, complete the last two steps.
  3. Update the notes to the next group to reflect what now remains to be done.
    <h1>Notes to the next group</h1>
    <ul>
    <li>Start proofreading at STOPPED HERE. It's p. 245 in the .pdf.</li>
    <li>Change straight quotes to curly quotes</li>
    </ul>
    
    <BR><BR>
    
  4. Move the STOPPED HERE note from where it was when you started to where you finished.
    <h1>STOPPED HERE</h1>
  5. Let me know if you have any questions.  I'll peek back at the files occasionally to see how you're doing. 






Home Page Home Page