mark22k
/
mtu_calculator
mirror of https://codeberg.org/mark22k/mtu_calculator.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>MTU Calculator</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="robots" content="index, follow">

        <link rel="stylesheet" href="assets/css/style.css">
        <!-- <link rel="stylesheet" href="https://mk16.de/assets/css/normalize.css" integrity="sha384-M86HUGbBFILBBZ9ykMAbT3nVb0+2C7yZlF8X2CiKNpDOQjKroMJqIeGZ/Le8N2Qp"> -->
    </head>
    <body>
        <noscript>
            <div class="noscript">
                <p><b>Warning: There is no JavaScript available. Please enable JavaScript or use a JavaScript-compatible browser!</b></p>
                <p>JavaScript is needed to make a website dynamic without having to reload it. This page dynamically displays content visually and performs calculations dynamically. Therefore, this website requires JavaScript.</p>
            </div>
        </noscript>
        <div class="nocss">
            <b>Warning: There is no CSS available. Please enable CSS or use CSS-compatible browser!</b>
        </div>
        <div class="table">
            <div class="tr">
                <div class="td">
                    <!-- Begin Sidebar -->
                    <div id="sidebar"><ul id="sidebar_list"></ul></div>
                    <!-- End Sidebar -->
                </div>
                <div class="td">
                    
                    <div class="table">
                        <div class="tr"><div class="td">
                            <!-- Begin Visualization -->
                            <div id="visualization">
                                <div class="visualization_block">
                                    <span>GRE</span>
                                </div>
                            </div>
                            <!-- End Visualization -->
                        </div></div>
                        <div class="tr"><div class="td">
                            <!-- Begin Listing -->
                            <div id="listing"><ul id="listing_list"></ul></div>
                            <!-- End Listing -->
                        </div></div>
                    </div>

                </div>
            </div>
        </div>

        <!-- Include JavaScript -->
        <script src="assets/js/jquery-3.7.0.min.js"></script>
        <script src="assets/js/utilities.js"></script>
        <script src="assets/js/encapsulations.js"></script>
        <script src="assets/js/visualization.js"></script>
        <script src="assets/js/sidebar.js"></script>
        <script src="assets/js/listing.js"></script>
        <script>
            create_encapsulation('Ethernet');
            create_encapsulation('IPv6');
            create_encapsulation('Ethernet', {"VLAN": "802.1q VLAN"});
            recalulates_mtus();
            redraw_visualization();
            redraw_listing();
            console.log(calculate_mtu(encapsulations[2]));
        </script>
    </body>
</html>