rash-framework.github.io/index.html at master · rash-framework/rash-framework.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>The RASH Framework - home</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="stylesheet" href="css/rash-style.css" />
        <link rel="stylesheet" href="css/open-iconic.min.css" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
    crossorigin="anonymous">
    </head>
    <body>
        <section class="first-panel">
            <nav class="navbar navbar-light navbar-expand-lg text-white justify-content-between border-0">
                <div class="container">
                    <a href="index.html" class="navbar-brand text-white">RASH Framework</a>

                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav_list" aria-controls="nav_list" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

                    <div class="collapse navbar-collapse justify-content-end" id="nav_list">
                        <ul class="navbar-nav">
                            <li class="nav-item"><a class="nav-link text-white" href="rash.html">RASH</a></li>
                            <li class="nav-item"><a class="nav-link text-white" href="https://rash-framework.github.io/raje-app/">RAJE</a></li>
                            <li class="nav-item"><a class="nav-link text-white" href="rocs.html">ROCS</a></li>
                            <li class="nav-item"><a class="nav-link text-white" href="publications.html">Publications</a></li>
                        </ul>
                    </div>
                </div>
            </nav>

            <div class="jumbotron jumbotron-fluid text-center">
                <div class="wrapper">
                    <blockquote class="blockquote">
                        <h1 class="mb-0 display-4 text-white"><b>The Research Articles in Semplified HTML Framework</b></h1>
                        <footer class="blockquote-footer">
                            open source tools for using a well-shaped subset of HTML5 to create and share Web-first scholarly articles
                            <p>Main citation: Peroni, S., Osborne, F., Di Iorio, A., Nuzzolese, A. G., Poggi, F., Vitali, F., Motta, E. (2017). Research Articles in Simplified HTML: a Web-first format for HTML-based scholarly articles. PeerJ Computer Science 3: e132. DOI: <a target="_blank" href="https://doi.org/10.7717/peerj-cs.132">https://doi.org/10.7717/peerj-cs.132</a> (also available in <a href="https://w3id.org/people/essepuntato/papers/rash-peerj2016.html">RASH</a>)</p>
                        </footer>
                    </blockquote>

                    <div class="container">
                        <a class="call_to_action" href="#features">Main features</a>
                        <a class="call_to_action" href="#framework">Bird's-eye view</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="features" class="second-panel">
            <div class="container text-center">
                <h1 class="display-4">What you can do</h1>
                <div class="row justify-content-md-center text-center">
                    <div class="col-12 col-md-4">
                        <span class="oi" data-glyph="copywriting"></span>
                        <h3 class="text-black">Write</h3>
                        <p>Use <a href="raje.html">RAJE</a> (our native HTML wordprocessor), OpenOffice Writer, Microsoft Word, or any text editor for writing HTML documents compliant with <a href="rash.html">RASH</a>, a well-defined subset of HTML5 elements for writing and sharing scholarly articles on the Web that can be visualised on a browser according to different layouts via CSS+Javascript technologies</p>
                    </div>
                    <div class="col-12 col-md-4">
                        <span class="oi" data-glyph="cloud"></span>
                        <h3 class="text-black">Enrich</h3>
                        <p>HTML5 structural elements (<code>section</code>, <code>figure</code>, <code>table</code>, etc.) combined with <a target="_blank" href="https://www.w3.org/TR/dpub-aria-1.0/">W3C Digital Publishing roles</a> are used for expressing the basic structures of scholarly articles, while additional semantic annotations can be added by means of <a target="_blank" href="https://www.w3.org/RDF/">RDF</a> and appropriate vocabularies, such as <a target="_blank" href="http://schema.org">schema.org</a> and the <a target="_blank" href="http://www.sparontologies.net">SPAR Ontologies</a></p>
                    </div>
                    <div class="col-12 col-md-4">
                        <span class="oi" data-glyph="transfer"></span>
                        <h3 class="text-black">Convert</h3>
                        <p>Automatically tranform OpenOffice and Microsoft Office documents into RASH documents, and convert RASH documents into LaTeX files compliant with several publisher-related templates (Springer LNCS, ACM ICPS, PeerJ, etc.) by means of a large set of converters available and powered by <a target="_blank" href="https://www.w3.org/TR/xslt20/">XSLT 2.0 technologies</a></p>
                    </div>
                </div>
            </div>
        </section>

        <div class="container"><hr /></div>

        <section id="framework" class="third-panel">
            <div class="container text-center">
                <h1 class="display-4">The framework</h1>
                <div class="container">
                    <img src="imgs/rash-framework.png" class="img-fluid" alt="Responsive image">
                </div>
                <ul class="text-left list-unstyled">
                    <li>
                        <p>RASH format: a <a href="rash.html">markup language</a> that restricts the use of HTML elements to only 32 elements for writing academic research articles and allows authors to use embedded RDF annotations</p>
                        <p>Visualisation: <a href="rash.html#visualisation">CSS files and Javascript scripts</a> have been developed in order to visualise RASH documents according to different layouts</p>
                        <p>Validation: RASH has been developed as a <a href="rash.html#grammar">RelaxNG grammar</a> and each RASH document can be checked against that grammar by means of <a href="rash.html#validators">two validators</a></p>
                        <p>Enhancement: the <a href="rash.html#sparxtractor">SPAR Xtractor Suite</a> enriches a RASH document by annotating its markup elements with their actual structural semantics defined by entities included in the <a about="_target" href="http://www.sparontologies.net/ontologies/fabio">FRBR-aligned Bibliographic Ontology</a> and the <a about="_target" href="http://www.sparontologies.net/ontologies/doco">Document Components Ontology</a></p>
                        <p>Writing: use <a href="raje.html">RAJE</a> (the RASH wordprocessor) for creating HTML-native scholarly articles or, alternatively, use your favourite editor between Apache OpenOffice and Microsoft Word and follows the appropriate <a href="rocs.html#guidelines">document preparation guidelines</a> available in the Framework</p>
                        <p>Conversion: use <a href="rocs.html">ROCS</a> for converting your RASH article in LaTeX so as to be easily processed by journals, workshops, and conference, or use the <a href="rocs.html#converters"</a>various converters</a> ROCS adopts to create your conversion pipeline and thus to convert RASH documents into different LaTeX styles (such as ACM ICPS and Springer LNCS) or to translate ODT and DOCX documents into RASH</p>
                    </li>
                </ul>
            </div>
        </section>

        <footer class="text-white text-center">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-6">
                        <h3>Contributors</h3>
                        <p>
                            Lead:
                            <a target="_blank" href="http://orcid.org/0000-0003-0530-4305">Silvio Peroni</a> <a href="mailto:essepuntato@gmail.com"><sup class="oi" data-glyph="envelope-closed"></sup></a>
                        </p>
                        <p>
                            Collaborators:
                            <a target="_blank" href="https://orcid.org/0000-0002-6893-7452">Angelo Di Iorio</a>,
                            <a target="_blank" href="https://orcid.org/0000-0003-3499-8262">Alejandra Gonzalez-Beltran</a>,
                            <a target="_blank" href="https://orcid.org/0000-0002-6661-8474">Dieter De Paepe</a>,
                            <a target="_blank" href="https://orcid.org/0000-0002-5385-4734">Silvia Mirri</a>,
                            <a target="_blank" href="https://orcid.org/0000-0003-0015-1952">Enrico Motta</a>,
                            <a target="_blank" href="https://www.wu.ac.at/en/infobiz/team/fernandez/">Javier David Fernández García</a>,
                            <a target="_blank" href="https://github.com/illbexyz">Alberto Nicoletti</a>,
                            <a target="_blank" href="https://orcid.org/0000-0003-2928-9496">Andrea Giovanni Nuzzolese</a>,
                            <a target="_blank" href="https://orcid.org/0000-0001-6557-3131">Francesco Osborne</a>,
                            <a target="_blank" href="https://orcid.org/0000-0001-6577-5606">Francesco Poggi</a>,
                            <a target="_blank" href="https://github.com/falcon03">Vincenzo Rubano</a>,
                            <a target="_blank" href="https://orcid.org/0000-0002-1717-1901">Paola Salomoni</a>,
                            <a target="_blank" href="https://github.com/sideshowbarker">Michael Smith</a>,
                            <a target="_blank" href="https://github.com/gspinaci">Gianmarco Spinaci</a>,
                            <a target="_blank" href="https://orcid.org/0000-0002-8596-222X">Ruben Verborgh</a>,
                            <a target="_blank" href="https://orcid.org/0000-0002-7562-5203">Fabio Vitali</a>,
                            <a target="_blank" href="https://orcid.org/0000-0001-6935-9028">Jun Zhao</a>
                        </p>
                    </div>
                    <div class="col-12 col-md-6">
                        <h3>License</h3>
                        <p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png" /></a> The website and all its textual and media contents are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>, unless specified differently.</p>
                        <p>Some libraries (i.e. <a href="http://getbootstrap.com/">Bootstrap</a>, <a href="https://jquery.com/">JQuery</a>, and <a href="https://popper.js.org/">Popper</a>) are reused for rendering the current layout of the website. These libraries are licensed as indicated in their related websites.</p>
                    </div>
                </div>
            </div>
        </footer>

        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="js/jquery-3.2.1.slim.min.js"> </script>
        <script src="js/popper.min.js"> </script>
        <script src="js/bootstrap.min.js"> </script>

        <script>
            jQuery.fn.center = function () {
                var t = this.parent().css("top");
                var l = this.parent().css("left");

                this.css("position", "relative")
                this.css("top", ((this.parent().height() - this.outerHeight()) * .75) + this.parent().scrollTop() + "px");
                this.css("left", ((this.parent().width() - this.outerWidth()) / 2) + this.parent().scrollLeft() + "px");
                return this;
            }

            $(window).on('resize', function () {
                $('div.wrapper').center()
            });

            $(document).ready(function () {
                $('section.first-panel').css("min-height", window.innerHeight)
                $('div.wrapper').center()

            });
        </script>
    </body>
</html>