rash-framework.github.io/rocs.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
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>The RASH Framework - ROCS</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="raje.html">RAJE</a></li>
                            <li class="nav-item"><a class="nav-link link-colour" 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>RASH Online Conversion Service (ROCS)</b></h1>
                        <footer class="blockquote-footer">
                            a conversion tool for RASH documents
                            <p>Main citation: Di Iorio, A., González Beltrán, A., Osborne, F., Peroni, S., Poggi, F., Vitali F. (2016). It ROCS!: The RASH Online Conversion Service. In the Companion Volume of the 25th International World Wide Web Conference (WWW 2016): 25-26 DOI: <a target="_blank" href="https://doi.org/10.1145/2872518.2889408">https://doi.org/10.1145/2872518.2889408</a> (also available in <a href="https://w3id.org/people/essepuntato/papers/rocs-www2016.html">RASH</a>)</p>
                        </footer>
                    </blockquote>

                    <div class="container">
                        <a class="call_to_action" href="#a">XXX</a>
                        <a class="call_to_action" href="#b">XXX</a>
                        <a class="call_to_action" href="#c">XXX</a>
                        <a class="call_to_action" href="#d">XXX</a>
                        <a class="call_to_action" href="#e">XXX</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="a" class="third-panel">
            <div class="container">
                <h1 class="display-4">Title</h1>
                <p>XXX</p>
            </div>
        </section>

        <section id="b" class="third-panel">
            <div class="container">
                <h1 class="display-4">Title</h1>
                <p>XXX</p>
            </div>
        </section>

        <section id="c" class="third-panel">
            <div class="container">
                <h1 class="display-4">Title</h1>
                <p>XXX</p>
            </div>
        </section>

        <section id="d" class="third-panel">
            <div class="container">
                <h1 class="display-4">Title</h1>
                <p>XXX</p>
            </div>
        </section>

        <section id="e" class="third-panel">
            <div class="container">
                <h1 class="display-4">Title</h1>
                <p>XXX</p>
            </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>
                            Main developer:
                            XXX
                        </p>
                        <p>
                            Collaborators:
                            XXX
                        </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>