index.html

<!doctype html>
<html lang="en">
    <head>
        <title> DEMO: endnote.js </title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">   <!-- For IE -->
        <meta name="renderer" content="webkit">   <!-- For some Chinese web browser -->
        <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- For mobile device -->
        <meta name="Author" content="Tao Zhu">
        <meta name="Keywords" content="Endnote, JavaScript, Literature, HTML">
        <meta name="Description" content="Insert literature citation into HTML and then render as Endnote-style citation">
        
        <!-- CSS and JS, could be customized -->
        <!-- jQuery (Required) -->
        <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        
        <!-- Bootstrap CSS (optional) -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <!-- Bootstrap JS (optional) -->
        <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        
        <!-- Last, cite the endnote.js file -->
        <script src="endnote.js"></script>
    </head>
    <body>
        <div class="container" role="main">
        
            <div class="jumbotron">
                <h1>Endnote.js</h1>
            </div>
            
            
            <!-- Some useless text -->
            <h2 class="page-header">Demo</h2>
            <h3 class="page-header">Main text</h3>
            <h4 class="page-header">These paragraghs has no citations</h4>
            <p style="line-height:300%; font-family: Times; font-size: 1.2em">
                Early computing machines had fixed programs. Changing its function required the re-wiring and re-structuring of the 
                machine. With the proposal of the stored-program computer this changed. A stored-program computer includes by 
                design an instruction set and can store in memory a set of instructions (a program) that details the computation. 
                The theoretical basis for the stored-program computer was laid by Alan Turing in his 1936 paper. In 1945 Turing 
                joined the National Physical Laboratory and began work on developing an electronic stored-program digital computer. 
                His 1945 report "Proposed Electronic Calculator" was the first specification for such a device. John von Neumann at 
                the University of Pennsylvania also circulated his First Draft of a Report on the EDVAC in 1945.
            </p>
            <p style="line-height:300%; font-family: Times; font-size: 1.2em">
                The Manchester Small-Scale Experimental Machine, nicknamed Baby, was the world's first stored-program computer. It 
                was built at the Victoria University of Manchester by Frederic C. Williams, Tom Kilburn and Geoff Tootill, and ran 
                its first program on 21 June 1948. It was designed as a testbed for the Williams tube, the first random-access 
                digital storage device. Although the computer was considered "small and primitive" by the standards of its time, 
                it was the first working machine to contain all of the elements essential to a modern electronic computer. As soon 
                as the SSEM had demonstrated the feasibility of its design, a project was initiated at the university to develop it 
                into a more usable computer, the Manchester Mark 1.
            </p>
            <p style="line-height:300%; font-family: Times; font-size: 1.2em">
                The bipolar transistor was invented in 1947. From 1955 onwards transistors replaced vacuum tubes in computer designs, 
                giving rise to the "second generation" of computers. Compared to vacuum tubes, transistors have many advantages: they 
                are smaller, and require less power than vacuum tubes, so give off less heat. Silicon junction transistors were much 
                more reliable than vacuum tubes and had longer, indefinite, service life. Transistorized computers could contain tens 
                of thousands of binary logic circuits in a relatively compact space.
            </p>
            
            
            <!-- Now This paragragh has some citations !!! -->
            <h4 class="page-header">This paragragh has some citations</h4>
            <p class="bg-warning" style="line-height:300%; font-family: Times; font-size: 1.2em">
                At the University of Manchester, a team under the leadership of Tom Kilburn designed and built 
                a machine using the newly developed transistors instead of valves.<span class="endnote">Lavington, 
                Simon (1998), A History of Manchester Computers (2 ed.), Swindon: The British Computer Society, 
                pp. 34-35</span> Their first transistorised computer and the first in the world, was operational by 1953, 
                and a second version was completed there in April 1955. However, the machine did make use of valves to generate its 125 kHz clock 
                waveforms and in the circuitry to read and write on its magnetic drum memory, so it was not the 
                first completely transistorized computer. That distinction goes to the Harwell CADET of 1955,
                <span class="endnote">Cooke-Yarborough, E. H. (June 1998), "Some early transistor applications in the UK", 
                Engineering and Science Education Journal, London, UK: IEE, 7 (3): 100-106</span> built by the electronics division of the 
                Atomic Energy Research Establishment at Harwell.<span class="endnote"> Cooke-Yarborough, E. H. (June 1998), "Some early transistor 
                applications in the UK", Engineering and Science Education Journal, London, UK: IEE, 7 (3): 100-106</span>
                <span class="endnote">Cooke-Yarborough, E.H. (1957). Introduction to Transistor Circuits. Edinburgh: Oliver and Boyd. p. 139.</span>
            </p>
            
            
            <!-- Some useless text -->
            <h4 class="page-header">These paragraghs has no citations</h4>
            <p style="line-height:300%; font-family: Times; font-size: 1.2em">
                The next great advance in computing power came with the advent of the integrated circuit. The idea of the integrated circuit was 
                first conceived by a radar scientist working for the Royal Radar Establishment of the Ministry of Defence, Geoffrey W.A. Dummer. 
                Dummer presented the first public description of an integrated circuit at the Symposium on Progress in Quality Electronic Components 
                in Washington, D.C. on 7 May 1952
            </p>
            <p style="line-height:300%; font-family: Times; font-size: 1.2em">
                The first practical ICs were invented by Jack Kilby at Texas Instruments and Robert Noyce at Fairchild Semiconductor. Kilby recorded 
                his initial ideas concerning the integrated circuit in July 1958, successfully demonstrating the first working integrated example on 
                12 September 1958. In his patent application of 6 February 1959, Kilby described his new device as "a body of semiconductor 
                material ... wherein all the components of the electronic circuit are completely integrated". Noyce also came up with his 
                own idea of an integrated circuit half a year later than Kilby. His chip solved many practical problems that Kilby's had not. 
                Produced at Fairchild Semiconductor, it was made of silicon, whereas Kilby's chip was made of germanium.
            </p>
            <p style="line-height:300%; font-family: Times; font-size: 1.2em">
                This new development heralded an explosion in the commercial and personal use of computers and led to the invention of the microprocessor. 
                While the subject of exactly which device was the first microprocessor is contentious, partly due to lack of agreement on the exact definition 
                of the term "microprocessor", it is largely undisputed that the first single-chip microprocessor was the Intel 4004, designed and realized 
                by Ted Hoff, Federico Faggin, and Stanley Mazor at Intel.
            </p>
            
            
            <!-- You want place your references here? -->
            <h3>References</h3>
            <!-- Add an Order list named "endnote-reference-list" here -->
            <ol id="endnote-reference-list"></ol>
            
            <!-- Some useless text -->
            <h3>Links</h3>
            <ul>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
                <li>A</li>
                <li>B</li>
            </ul>
            
            
            <!-- Optional: If you want to the beautiful bootstrap tooltip, add this -->
            <script>$().ready(function(){$('[data-toggle="tooltip"]').tooltip();});</script>
        </div>
    </body>
</html>