Giter VIP home page Giter VIP logo

qte's Introduction

This project publishes the TEI encoding of the first chapter of Oscar Wilde's manuscript, The Picture of Dorian Gray (1890).

This project uses ceTEIcean

See the full manuscript of Dorian Gray on the Morgan Library & Museum website.

What is TEI?

Let's first take a look at some TEI code. Here is an example of some TEI that encodes a line of text and indicates a portion that has been struck out.

<line>This is a 
    <del>
        paragraph
    </del>
   line of text
</line>

To those who are familiar with it, TEI, at first glance, looks a lot like HTML. Both use a tagging structure that encloses textual elements to indicate something about those elements. However, while HTML encodes how text should appear on a webpage, in the form of titles, headings, paragraphs, or links, TEI encodes the content of the text, in addition to some description about its appearance.

Hierarchy

The major constraint of TEI is that all elements must be nested within a hierarchical structure. This means there's a root element containing branches. The branches cannot overlap.

This means that tags must nest properly, that is, you must always close the last tag you opened before closing a tag you opened previous to the last one.

See page 20 and page 21 from the Dorian Gray manuscript.

Below, we can see part of the transcription to the above image. The <line> tags containing other tags, such as <del>.

Some tags also contain attributes that further describe the tag, such as <strikethrough> to indicate text that has been struck out.

         <line>"You</line>
         <line>remember that landscape of mine, for</line>
         <line>which Agnew offered me <gap reason="deleted"></gap> a</line>
         <line><gap reason="illegible"></gap><add place="above">huge</add>price, but which I would</line>
         <line>not part with? It is one of the</line>
         <line>best things I have ever done. And</line>
         <line>why is it so? Because, while I</line>
         <line>was painting it, Dorian Gray sat</line>
         <line>beside me, <del rend="strikethrough">and as he leaned across</del></line>
         <line>
            <del rend="strikethrough">to look at it, his</del> 
            <mod>
               <del rend="strikethrough">cheek</del>
               <add place="above" rend="strikethrough">hair</add>
            </mod>
            <del rend="strikethrough">just</del>
         </line>
         <line>
            <mod>
               <del rend="strikethrough">brushed</del>
               <add rend="strikethrough" place="above">touched</add>
            </mod>
            <mod>
               <del rend="strikethrough">my cheek</del>
               <add rend="strikethrough" place="above">hand.</add>
            <del rend="strikethrough">The world becomes</del>
            </mod>
         </line>

Queer Mark Up Activity

For this project, I created a tagset reflects the general theme of each revision.

For this activity, spend a few minutes coming up with your own themes for the revisions. Use this transcription from pages 20-21 as your basis for your decisions.

Then, get into groups, and see if you can decide on a set of tags (maybe 3-5 tags) to mark up the text.

At the end, we will share our tagsets!

qte's People

Contributors

gofilipa avatar

Stargazers

 avatar

Watchers

 avatar

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.