website/test.html at develop · mikebean233/website · 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
<!DOCTYPE html>
<html lang="en">
<title>
    Michael Peterson
</title>
<head>
    <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="css/buttons.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="css/colReorder.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="css/keyTable.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="css/responsive.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="css/rowReorder.dataTables.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.css"/>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css"/>


    <script type="text/javascript" src="js/jquery-2.2.0.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/dataTables.buttons.js"></script>
    <script type="text/javascript" src="js/dataTables.colReorder.js"></script>
    <script type="text/javascript" src="js/dataTables.keyTable.js"></script>
    <script type="text/javascript" src="js/dataTables.responsive.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<style>
    .nav a {
        font-size: 20px
    }
    .dropdown
    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

</style>
<script language="javascript">
    var menuItemClickHandler = function(e){
        $("#mainContainer").empty().load(e.target.id + ".html", function(){
            initPartial()
        });
    };

    $(document).ready(function(){

        $("#mainContainer").empty().load("home.html", function(){
            initPartial()
            });
        $(".mainMenuItem").click(menuItemClickHandler);
    });
</script>


<body class="container-fluid" style="background-color: aliceblue">
        <div class="row">
            <div class="col-sm-12">
                <div style="clear: both">
                    <h4 class="mainMenuItem" style="float: left">
                        <a href="" style="text-decoration: none; color: inherit">
                            mikeswebserver<small>.com</small>
                        </a>
                    </h4>
                    <h4 style="float: right"><small>last updated Sun Mar 20 00:03:25 2016</small> </h4>
                </div>
            </div>
            <h1 class="text-center"><small>the personal website of </small>Michael Peterson</h1></p>
        </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <ul class="nav nav-pills navbar-default navbar-collapse">

                    <li><a href="#" class="mainMenuItem" id="home">Home</a></li>
                    <li><a href="#" class="mainMenuItem" id="tools">Tools</a></li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle mainMenuItem" id="projects" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            Projects<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#" class="mainMenuItem disabled" id="missileCommand">Missile Command Clone (C#, WPF)</a></li>
                            <li><a href="#" class="mainMenuItem disabled" id="blackjack">Blackjack Library (C)</a></li>
                            <li><a href="#" class="mainMenuItem disabled" id="mediaPlayer">Media Player (C#, WPF, SqlLite)</a></li>
                        </ul>
                    </li>
                    <li><a href="#" class="mainMenuItem" id="contact">Contact</a></li>


                    <li class="dropdown navbar-right">
                        <a href="#" class="dropdown-toggle mainMenuItem"  style="font-size: 1em" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            Admin<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#" class="mainMenuItem" id="test_access"  style="font-size: 1em">Server Activity</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    <div class="row">
        <div class="col-sm-12">
            <div id="mainContainer"></div>
        </div>
    </div>
</body>
</html>