Battlecon_Visual/index.html at master · Justin-MacIntosh/Battlecon_Visual · 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
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title>Battlecon Visual</title>

        <!--JQuery-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

        <!--Bootstrap-->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
              integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
              crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"
              integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r"
              crossorigin="anonymous">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
                integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
                crossorigin="anonymous"></script>

        <!--Custom Stylesheets-->
        <link rel="stylesheet" type="text/css" href="/style.min.css"/>
    </head>

    <body>
        <div class="padder_top" id="header">
            <script>
                $(function(){$("#header").load("/html/index/header.html");});
            </script>
        </div>

        <div class="col-xs-12 line"><hr class="line_hr"/></div>

        <div class="padder">
            <!--Base Table-->
            <table cellpadding="0" cellspacing="0" class="base_table col-md-12" align="center" id="bases_display">
                <tr id="bases_display_row"></tr>
            </table>

            <!--Style Table-->
            <table cellpadding="0" cellspacing="0" style="display:none" class="style_table col-md-12" align="center" id="styles_display">
                <tr id="styles_display_row"></tr>
            </table>

            <!--Range Table-->
            <table cellpadding="0" cellspacing="0" style="display:none" class="range_table col-md-12" align="center" id="range_display">
                <tr id="range_display_row">
                </tr>
            </table>
        </div>

        <div class="col-xs-12 line"><hr class="line_hr"/></div>

        <div class="padder">
            <!--Properties-->
            <div style="padding-right: 0px;" class="property_box col-md-4" id="property_box">
                <script>
                    $(function(){$("#property_box").load("/html/index/properties.html");});
                </script>
            </div>

            <!--Style and Base Pair-->
            <div class="pair col-md-4">
                <img src='' class='pair_style' />
                <img src='' class='pair_base' />
            </div>

            <!--Statistics-->
            <div class="col-md-2" id="statistic_box">
                <script>
                    $(function(){$("#statistic_box").load("/html/index/statistics.html");});
                </script>
            </div>

            <!--Character Button-->
            <div align="center" class="georgia section_char col-md-2" id="char_ua_box">
                <script>
                    $(function () { $("#char_ua_box").load("/html/index/char_ua.html"); });
                </script>
            </div>

            <!--Character Modal-->
            <div class="modal char fade" id="char_modal" role="dialog">
                <script>
                    $(function () { $("#char_modal").load("/html/index/modals/character_modal.html"); });
                </script>
            </div>

            <!--About Modal-->
            <div class="modal fade" id="about_modal" role="dialog">
                <script>
                    $(function(){$("#about_modal").load("/html/index/modals/about_modal.html");});
                </script>
            </div>

            <!--Contact Modal-->
            <div class="modal fade" id="contact_modal" role="dialog">
                <script>
                    $(function(){$("#contact_modal").load("/html/index/modals/contact_modal.html");});
                </script>
            </div>

            <!--Unique Ability Modal-->
            <div class="modal fade" id="ua_modal" role="dialog">
                <div class="modal-dialog" style="width:50%;">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header" id="ua_head">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h1 class="modal-title georgia">Unique Ability</h1>
                        </div>
                        <div class="modal-body georgia" id="ua_body">
                            <h4>No Character Selected</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--Scripts from the script folder-->
        <script src="/script/startup.js"></script>
        <script src="/script/click_handlers.js"></script>
        <script src="/script/character_button.js"></script>
    </body>
</html>