ds-algo-study
Version:
Just experimenting with publishing a package
426 lines (350 loc) • 19.1 kB
HTML
<html>
<!------------------------------------------------------------------------------------------------------------------------------------------------->
<head>
<meta http-equiv="Content-Type" content="text/html">
<meta name="Author" content="Bryan Guner">
<TITLE> directory </TITLE>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style>
.button::-moz-focus-inner {
border: 0;
padding: 0;
}
.button {
display: inline-block;
*display: inline;
zoom: 1;
padding: 6px 20px;
margin: 0;
cursor: pointer;
border: 1px solid #bbb;
overflow: auto;
text-decoration: none;
white-space: nowrap;
color: #555;
background-color: #ddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)),
to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
-webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
-ms-transition: background-color .2s ease-out;
-o-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
background-clip: padding-box;
/* Fix bleeding */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button:hover {
background-color: #eee;
color: #555;
}
.button:active {
background: #e9e9e9;
position: relative;
top: 1px;
text-shadow: none;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.button[disabled],
.button[disabled]:hover,
.button[disabled]:active {
border-color: #eaeaea;
background: #fafafa;
cursor: default;
position: static;
color: #999;
/* Usually, !important should be avoided but here it's really needed :) */
-moz-box-shadow: none ;
-webkit-box-shadow: none ;
box-shadow: none ;
text-shadow: none ;
}
/* Smaller buttons styles */
.button.small {
padding: 4px 12px;
}
/* Larger buttons styles */
.button.large {
padding: 12px 30px;
text-transform: uppercase;
}
.button.large:active {
top: 2px;
}
/* Colored buttons styles */
.button.green,
.button.red,
.button.blue {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)),
to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
}
/* */
.button.green {
background-color: #57a957;
border-color: #57a957;
}
.button.green:hover {
background-color: #62c462;
}
.button.green:active {
background: #57a957;
}
/* */
.button.red {
background-color: #ca3535;
border-color: #c43c35;
}
.button.red:hover {
background-color: #ee5f5b;
}
.button.red:active {
background: #c43c35;
}
/* */
.button.blue {
background-color: #269CE9;
border-color: #269CE9;
}
.button.blue:hover {
background-color: #70B9E8;
}
.button.blue:active {
background: #269CE9;
}
/* */
.green[disabled],
.green[disabled]:hover,
.green[disabled]:active {
border-color: #57A957;
background: #57A957;
color: #D2FFD2;
}
.red[disabled],
.red[disabled]:hover,
.red[disabled]:active {
border-color: #C43C35;
background: #C43C35;
color: #FFD3D3;
}
.blue[disabled],
.blue[disabled]:hover,
.blue[disabled]:active {
border-color: #269CE9;
background: #269CE9;
color: #93D5FF;
}
/* Group buttons */
.button-group,
.button-group li {
display: inline-block;
*display: inline;
zoom: 1;
}
.button-group {
font-size: 0;
/* Inline block elements gap - fix */
margin: 0;
padding: 0;
background: rgba(0, 0, 0, .1);
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.button-group li {
margin-right: -1px;
/* Overlap each right button border */
}
.button-group .button {
font-size: 13px;
/* Set the font size, different from inherited 0 */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.button-group .button:active {
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0,
0, .2) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0,
0, 0, .2) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0,
.2) inset;
}
.button-group li:first-child .button {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.button-group li:first-child .button:active {
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
.button-group li:last-child .button {
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.button-group li:last-child .button:active {
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
a {
color: black;
}
li {
border: 2px solid black ;
font-size: 16px;
letter-spacing: 0px;
font-weight: 700;
line-height: 12px;
text-decoration: none ;
text-transform: uppercase;
background: #194ccdaf ;
color: black ;
border: none;
cursor: pointer;
justify-content: center;
padding: 40px 60px;
height: 55px;
text-align: center;
white-space: normal;
border-radius: 8px;
min-width: 50em;
padding: 1.4em 1.4em 0;
box-shadow: 0 0 5px;
margin: 1em;
display: grid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
</style>
</head>
<!------------------------------------------------------------------------------------------------------------------------------------------------->
<body class="is-boxed has-animations">
<hr>
<li><a href="./directory.html">Navigation</a></li>
<hr>
<hr>
<iframe height="800px" width="100%" src="https://repl.it/@bgoonz/DS-ALGO-OFFICIAL?lite=true" scrolling="yes"
frameborder="yes" allowtransparency="true" allowfullscreen="true"
sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>
<hr>
<!-------------------------GLITCH----------------------------->
<hr>
<!-- Copy and Paste Me -->
<div class="glitch-embed-wrap" style="height: 420px; width: 100%;">
<iframe src="https://glitch.com/embed/#!/embed/foggy-shore-clematis?path=README.md&previewSize=100"
title="foggy-shore-clematis on Glitch" allow="geolocation; microphone; camera; midi; vr; encrypted-media"
style="height: 800px; width: 100%; border: 0;">
</iframe>
</div>
<hr>
<!-- Copy and Paste Me -->
<div class="glitch-embed-wrap" style="height: 420px; width: 100%;">
<iframe src="https://glitch.com/embed/#!/embed/foggy-shore-clematis?path=README.md&previewSize=0"
title="foggy-shore-clematis on Glitch" allow="geolocation; microphone; camera; midi; vr; encrypted-media"
style="height: 800px; width: 100%; border: 0;">
</iframe>
</div>
<hr>
<!-------------------------GLITCH----------------------------->
<hr>
<div id="a2apage_cols_container" class="a2a_cols_container">
<div class="a2a_col1" id="a2apage_col1"></div>
<div id="a2apage_2_col1" style="display:none"><a rel="nofollow noopener" class="a2a_i" href="/#email"
target="_blank"><span class="a2a_svg a2a_s__default a2a_s_email"
style="background-color: rgb(1, 102, 255);"><svg focusable="false" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path fill="#FFF"
d="M26 21.25v-9s-9.1 6.35-9.984 6.68C15.144 18.616 6 12.25 6 12.25v9c0 1.25.266 1.5 1.5 1.5h17c1.266 0 1.5-.22 1.5-1.5zm-.015-10.765c0-.91-.265-1.235-1.485-1.235h-17c-1.255 0-1.5.39-1.5 1.3l.015.14s9.035 6.22 10 6.56c1.02-.395 9.985-6.7 9.985-6.7l-.015-.065z">
</path>
</svg></span>Email </a><a rel="nofollow noopener" class="a2a_i" href="/#google_gmail"
target="_blank"><span class="a2a_svg a2a_s__default a2a_s_gmail"
style="background-color: rgb(221, 83, 71);"><svg focusable="false" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path fill="#fff" opacity=".25" d="M4.958 6.569h22.338V25.43H4.958z"></path>
<path
d="M28.709 7.321a1.7 1.7 0 0 0-1.409-.752h-.077l-1.1.8-.082.06-9.952 7.271L5.961 7.3l-1-.733H4.7A1.7 1.7 0 0 0 3 8.273v15.454a1.676 1.676 0 0 0 .069.481A1.7 1.7 0 0 0 4.7 25.431h1.261V11.36l7.35 5.368 2.416 1.764.445.326 2.778-2.029 7.088-5.177v13.819H27.3a1.7 1.7 0 0 0 1.634-1.223 1.675 1.675 0 0 0 .066-.481V8.273a1.7 1.7 0 0 0-.291-.952z"
fill="#fff"></path>
</svg></span>Gmail </a><a rel="nofollow noopener" class="a2a_i" href="/#aol_mail"
target="_blank"><span class="a2a_svg a2a_s__default a2a_s_aol"
style="background-color: rgb(42, 42, 42);"><svg focusable="false" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path
d="M17.334 13.26c-2.315 0-4.067 1.8-4.067 4.027 0 2.35 1.824 4.03 4.067 4.03 2.243 0 4.062-1.68 4.062-4.03 0-2.228-1.744-4.027-4.062-4.027zm0 2.127c1-.007 1.82.847 1.82 1.9 0 1.048-.82 1.9-1.82 1.9s-1.818-.853-1.818-1.9c0-1.053.817-1.9 1.818-1.9zm11.59 4.518c0 .778-.63 1.412-1.41 1.412a1.41 1.41 0 1 1 1.41-1.412zm-4.104 1.418h-2.216v-10.28h2.216v10.28zM9.33 11.04s2.585 6.79 3.862 10.13c.015.037.028.078.047.132-.06.006-.106.01-.15.01-.83.002-1.665-.003-2.498.004-.12.002-.17-.04-.204-.156-.116-.385-.247-.766-.365-1.147-.032-.11-.074-.153-.193-.153-1.066.006-2.132.006-3.2 0-.1 0-.142.03-.173.13-.127.405-.26.81-.39 1.21-.02.076-.05.117-.136.117-.873-.006-1.75-.004-2.623-.004-.016 0-.036-.005-.07-.012.023-.06.04-.115.064-.17 1.287-3.306 3.91-10.085 3.91-10.085h2.12zm-.023 6.674c-.343-1.147-.68-2.274-1.02-3.4h-.03l-1.017 3.4h2.067z"
fill="#FFF"></path>
</svg></span>AOL Mail </a><a rel="nofollow noopener" class="a2a_i" href="/#outlook_com"
target="_blank"><span class="a2a_svg a2a_s__default a2a_s_outlook_com"
style="background-color: rgb(0, 114, 198);"><svg focusable="false" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<g fill="#FFF">
<path
d="M19.52 8.29v5.5l1.92 1.208a.474.474 0 0 0 .212 0l8.27-5.574c0-.66-.613-1.134-.962-1.134h-9.44z">
</path>
<path
d="M19.52 15.84l1.755 1.204c.246.183.543 0 .543 0-.297.183 8.104-5.397 8.104-5.397V21.75c0 1.102-.704 1.562-1.496 1.562H19.52V15.84zm-9.075-2.535c-.6 0-1.073.282-1.426.842-.357.56-.53 1.305-.53 2.23 0 .936.173 1.677.53 2.22.345.546.81.82 1.38.82.59 0 1.053-.266 1.4-.795.342-.53.515-1.266.515-2.206 0-.984-.17-1.744-.502-2.288-.333-.55-.79-.823-1.37-.823z">
</path>
<path
d="M2.123 5.5v21.51l16.362 3.428V2.33L2.123 5.5zm10.95 14.387c-.693.91-1.594 1.367-2.706 1.367-1.082 0-1.967-.442-2.65-1.324-.68-.88-1.02-2.03-1.02-3.448 0-1.496.343-2.707 1.037-3.63.693-.926 1.614-1.388 2.754-1.388 1.08 0 1.955.438 2.62 1.324.667.885 1 2.05 1 3.495.004 1.496-.345 2.695-1.034 3.604z">
</path>
</g>
</svg></span>Outlook.com </a><a rel="nofollow noopener" class="a2a_i" href="/#yahoo_mail"
target="_blank"><span class="a2a_svg a2a_s__default a2a_s_yahoo"
style="background-color: rgb(64, 0, 144);"><svg focusable="false" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path fill="#FFF"
d="M21.495 6.097c1.09.31 2.213.28 3.304 0l-7.42 12.09v9.91a4.366 4.366 0 0 0-1.37-.22c-.47 0-.937.065-1.404.22v-9.91L7.19 6.097c1.09.28 2.213.31 3.304 0l5.516 8.788 5.483-8.787z">
</path>
</svg></span>Yahoo Mail </a></div>
<div class="a2a_clear"></div>
</div>
<iframe height="800px" width="100%" src="./directory.html" scrolling="yes" frameborder="yes"
allowtransparency="true" allowfullscreen="true"
sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>
<hr>
<iframe height="800px" width="100%" src="./Readme.html" scrolling="yes" frameborder="yes" allowtransparency="true"
allowfullscreen="true"
sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>
</body>
</html>