httrack of winstrap.mwspace.it

This commit is contained in:
Simon Vieille 2020-06-09 18:19:57 +02:00
commit 78f131c2a3
Signed by: deblan
GPG Key ID: 03383D15A1D31745
39 changed files with 11839 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 977 B

144
index.html Normal file
View File

@ -0,0 +1,144 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="HTTrack is an easy-to-use website mirror utility. It allows you to download a World Wide website from the Internet to a local directory,building recursively all structures, getting html, images, and other files from the server to your computer. Links are rebuiltrelatively so that you can freely browse to the local site (works with any browser). You can mirror several sites together so that you can jump from one toanother. You can, also, update an existing mirror site, or resume an interrupted download. The robot is fully configurable, with an integrated help" />
<meta name="keywords" content="httrack, HTTRACK, HTTrack, winhttrack, WINHTTRACK, WinHTTrack, offline browser, web mirror utility, aspirateur web, surf offline, web capture, www mirror utility, browse offline, local site builder, website mirroring, aspirateur www, internet grabber, capture de site web, internet tool, hors connexion, unix, dos, windows 95, windows 98, solaris, ibm580, AIX 4.0, HTS, HTGet, web aspirator, web aspirateur, libre, GPL, GNU, free software" />
<title>Local index - HTTrack Website Copier</title>
<!-- Mirror and index made by HTTrack Website Copier/3.49-2 [XR&CO'2014] -->
<style type="text/css">
<!--
body {
margin: 0; padding: 0; margin-bottom: 15px; margin-top: 8px;
background: #77b;
}
body, td {
font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#subTitle {
background: #000; color: #fff; padding: 4px; font-weight: bold;
}
#siteNavigation a, #siteNavigation .current {
font-weight: bold; color: #448;
}
#siteNavigation a:link { text-decoration: none; }
#siteNavigation a:visited { text-decoration: none; }
#siteNavigation .current { background-color: #ccd; }
#siteNavigation a:hover { text-decoration: none; background-color: #fff; color: #000; }
#siteNavigation a:active { text-decoration: none; background-color: #ccc; }
a:link { text-decoration: underline; color: #00f; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline; color: #c00; }
a:active { text-decoration: underline; }
#pageContent {
clear: both;
border-bottom: 6px solid #000;
padding: 10px; padding-top: 20px;
line-height: 1.65em;
background-image: url(backblue.gif);
background-repeat: no-repeat;
background-position: top right;
}
#pageContent, #siteNavigation {
background-color: #ccd;
}
.imgLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imgRight { float: right; margin-left: 10px; margin-bottom: 10px; }
hr { height: 1px; color: #000; background-color: #000; margin-bottom: 15px; }
h1 { margin: 0; font-weight: bold; font-size: 2em; }
h2 { margin: 0; font-weight: bold; font-size: 1.6em; }
h3 { margin: 0; font-weight: bold; font-size: 1.3em; }
h4 { margin: 0; font-weight: bold; font-size: 1.18em; }
.blak { background-color: #000; }
.hide { display: none; }
.tableWidth { min-width: 400px; }
.tblRegular { border-collapse: collapse; }
.tblRegular td { padding: 6px; background-image: url(fade.gif); border: 2px solid #99c; }
.tblHeaderColor, .tblHeaderColor td { background: #99c; }
.tblNoBorder td { border: 0; }
// -->
</style>
</head>
<table width="76%" border="0" align="center" cellspacing="0" cellpadding="3" class="tableWidth">
<tr>
<td id="subTitle">HTTrack Website Copier - Open Source offline browser</td>
</tr>
</table>
<table width="76%" border="0" align="center" cellspacing="0" cellpadding="0" class="tableWidth">
<tr class="blak">
<td>
<table width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
<tr>
<td colspan="6">
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="10">
<tr>
<td id="pageContent">
<!-- ==================== End prologue ==================== -->
<meta name="generator" content="HTTrack Website Copier/3.x">
<TITLE>Local index - HTTrack</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=Center>Index of locally available sites:</H1>
<TABLE BORDER="0" WIDTH="100%" CELLSPACING="1" CELLPADDING="0">
<TR>
<TD BACKGROUND="fade.gif">
&middot;
<A HREF="winstrap.mwspace.it/index.html">
winstrap Tutorial
</A>
</TD>
</TR>
</TABLE>
<BR>
<BR>
<BR>
<H6 ALIGN="RIGHT">
<I>Mirror and index made by HTTrack Website Copier [XR&amp;CO'2008]</I>
</H6>
<!-- Mirror and index made by HTTrack Website Copier/3.49-2 [XR&CO'2014] -->
<!-- Thanks for using HTTrack Website Copier! -->
<meta HTTP-EQUIV="Refresh" CONTENT="0; URL=winstrap.mwspace.it/index.html">
<!-- ==================== Start epilogue ==================== -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="76%" border="0" align="center" valign="bottom" cellspacing="0" cellpadding="0">
<tr>
<td id="footer"><small>&copy; 2008 Xavier Roche & other contributors - Web Design: Leto Kauler.</small></td>
</tr>
</table>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View File

View File

@ -0,0 +1,533 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from winstrap.mwspace.it/alerts.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jun 2020 16:14:36 GMT -->
<head>
<!-- This is the generated HTML file of the demo page -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>winstrap Tutorial</title>
<link rel="stylesheet" href="css/winstrap.minb0fc.css?0.5.13" />
<script src="js/vendor/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default">
<div class="navbar-global theme-default">
<div class="container">
<div class="navbar-header">
<a href="http://www.microsoft.com/" class="navbar-brand">
<img src="../assets.onestore.ms/cdnfiles/onestorerolling-1511-11008/shell/v3/images/logo/microsoft.png" alt="Microsoft" height="23" />
</a>
</div>
</div>
</div>
<div class="navbar-local color-accent theme-dark">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<i class="glyph glyph-hamburger"></i>
</button>
<a href="index-2.html" class="navbar-brand">
<img src="images/winstrap_white.svg" alt="Winstrap" height="29" />
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="colors.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Colors<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="colors.html">All colors</a></li>
<li class="divider"></li>
<li><a href="colors.html#bootstrap-colors">Bootstrap colors</a></li>
<li><a href="colors.html#mdl-colors">MDL colors</a></li>
<li><a href="colors.html#mdl-alt-colors">MDL alt colors</a></li>
</ul>
</li>
<li class="dropdown">
<a href="typography.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Typography<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="typography.html">All typography</a></li>
<li class="divider"></li>
<li><a href="typography.html#fonts">Fonts</a></li>
<li><a href="typography.html#sizes">Sizes</a></li>
<li><a href="typography.html#headings">Headings</a></li>
<li><a href="typography.html#subheadings">Subheadings</a></li>
<li><a href="typography.html#paragraphs">Paragraphs</a></li>
<li><a href="typography.html#captions">Captions</a></li>
<li><a href="typography.html#glyphs">Glyphs</a></li>
</ul>
</li>
<li class="dropdown">
<a href="layout.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Layout<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="layout.html">All layout</a></li>
<li class="divider"></li>
<li><a href="layout.html#page-header">Page header</a></li>
<li><a href="layout.html#grid">Grid</a></li>
<li><a href="layout.html#grid-small-gutters">Small gutters</a></li>
<li><a href="layout.html#spacers">Spacers</a></li>
</ul>
</li>
<li class="dropdown">
<a href="controls.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Controls<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="controls.html">All controls</a></li>
<li class="divider"></li>
<li><a href="controls.html#buttons">Buttons</a></li>
<li><a href="controls.html#toggle-switch">Toggle Switch</a></li>
<li><a href="controls.html#forms">Forms</a></li>
<li><a href="controls.html#putbox">Put box</a></li>
<li><a href="controls.html#progress">Progress bar</a></li>
<li><a href="controls.html#loader">Progress ring</a></li>
<li><a href="controls.html#dropdown">Dropdown</a></li>
<li><a href="controls.html#tooltips">Tooltips</a></li>
<li><a href="controls.html#flyouts">Flyouts</a></li>
<li><a href="controls.html#dialogs">Dialogs</a></li>
<li><a href="controls.html#tabs">Tabs</a></li>
<li><a href="controls.html#navs">Navbar</a></li>
<li><a href="controls.html#side-nav">Side navigation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="components.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Components<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="components.html">All components</a></li>
<li class="divider"></li>
<li><a href="components.html#breadcrumb">Breadcrumb</a></li>
<li><a href="components.html#back-to-top">Back to top</a></li>
<li><a href="components.html#rating">Rating</a></li>
<li><a href="components.html#labels">Labels</a></li>
<li><a href="components.html#media">Media</a></li>
<li><a href="components.html#tables">Tables</a></li>
<li><a href="components.html#responsive-table">Responsive table</a></li>
<li><a href="components.html#list-items">List items</a></li>
<li><a href="components.html#entity-list">Entity list</a></li>
<li><a href="components.html#pagination">Pagination</a></li>
<li><a href="components.html#jumbotron">Jumbotron</a></li>
<li><a href="alerts.html">Alerts</a></li>
</ul>
</li>
<li>
<a class="color-type-secondary" href="http://winjsdevelop.azurewebsites.net/">Win Js</a>
</li>
<li>
<a class="color-type-secondary" href="#changelog" data-toggle="modal">Changelog</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="modal modal-center" id="changelog" tabindex="-1" role="dialog" aria-labelledby="changelog-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="glyph glyph-cancel" aria-hidden="true"></i>
</button>
<h4 class="modal-title" id="changelog-label">Changelog</h4>
</div>
<div class="modal-body">
<dl>
<dt class="m-t-sm">0.5.12</dt>
<dd>
<ul class="list-unstyled">
<li>Bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.11</dt>
<dd>
<ul class="list-unstyled">
<li>Added 5 new glyphs to the symbols font.</li>
<li>Updated Bootstrap to v3.3.7.</li>
<li>Added <a href="components.html#entity-list">Entity list</a> and <a href="controls.html#putbox">Put box.</a></li>
<li>Added <code>!important</code> to spacer classes.</li>
<li>Bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.8</dt>
<dd>
<ul class="list-unstyled">
<li>Added default styling for <code>&lt;pre&gt;</code>, <code>&lt;blockquote&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, and <code>&lt;dl&gt;</code>.</li>
<li>Fixed Jumbotron max-width issue on wide screen width.</li>
<li>Navbar styling bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.7</dt>
<dd>
<ul class="list-unstyled">
<li>Updated glyph fonts. Glyph style is now aligned with Windows 10.</li>
<li>Added new <a href="typography.html#glyphs">glyphs</a>.</li>
<li>Removed fixed width from <code>.container</code> layout.</li>
<li>Prebuilt and minified CSS files. NPM and Bower packages now come with prebuilt <code>dist</code> folder and minified CSS files.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.6</dt>
<dd>
<ul class="list-unstyled">
<li>Simplified <a href="components.html#jumbotron">Jumbotron</a>.</li>
<li>Added <code>.compressed</code> option to <a href="controls.html#navs">Navbar</a>.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.5</dt>
<dd>
<ul class="list-unstyled">
<li>Big update to <a href="controls.html#navs">Navbar</a> allowing two navbars to stack.</li>
<li>Added variable font path with <code>!default</code> declaration to enable you to set the path based on your project needs</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.3</dt>
<dd>
<ul class="list-unstyled">
<li>Added <a href="controls.html#side-nav">side-nav</a> control.</li>
<li>Moved bower to devDependency in package.json.</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.12</dt>
<dd>
<ul class="list-unstyled">
<li>Updated toggle switch, tooltip, popover, and link button.</li>
<li>Added color themes to <code>&lt;a&gt;</code> and fixed states.</li>
<li>Changed color theme classes.</li>
<li>Updated breadcrumb styling.</li>
<li>Changed font-family variable names.</li>
<li>Updated glyphs font path.</li>
<li>Fixed checkbox glyph issue.</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.9</dt>
<dd>
<ul class="list-unstyled">
<li>Typography:</li>
<li>Updated type ramp, classes, mixins, and functions.</li>
<li>Added type controls (headings, subheadings, paragraphs, and captions).</li>
<li>Glyphs:</li>
<li>Changed glyph names to be more semantic.</li>
<li>Added glyph function to get a glyph's unicode value.</li>
<li>Other changes:</li>
<li>Added Navbar component</li>
<li>Updated Dropdown control</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.4</dt>
<dd>
<ul class="list-unstyled">
<li>Updates and fixes for:</li>
<li><a href="typography.html#fonts">Responsive type</a></li>
<li><a href="controls.html#buttons">Push buttons</a></li>
<li><a href="controls.html#buttons">Toggle buttons</a></li>
<li><a href="controls.html#toggle-switch">Toggle switch</a></li>
<li><a href="components.html#back-to-top">Back-to-top button</a></li>
<li><a href="controls.html#forms">Select box</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="components.html#tables">Tables</a></li>
<li><a href="components.html#jumbotron">Jumbotron and highlight bar</a></li>
<li><a href="components.html#pagination">Pagination</a></li>
<li><a href="components.html#pager">Pager</a></li>
<li>Default <code>&lt;p&gt;</code> spacing</li>
<li>Remove MDL 1.0 controls and components</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.0</dt>
<dd>
<ul class="list-unstyled">
<li>New colors and color naming that reflect the latest MDL colors.</li>
<li>Remove <code>win-</code> prefix from class and variable names.</li>
</ul>
</dd>
<dt class="m-t-sm">0.3.2</dt>
<dd>
<ul class="list-unstyled">
<li>Rename to Winstrap.</li>
</ul>
</dd>
<dt class="m-t-sm">0.1.1</dt>
<dd>
<ul class="list-unstyled">
<li>Add <code>win-</code> prefix to:</li>
<li><a href="components.html#list-items">list items</a></li>
<li><a href="components.html#refine-list">refine list</a></li>
<li><a href="typography.html#fonts">typography utilities</a></li>
<li><a href="tabs.html">media browser component</a></li>
<li><a href="components.html#back-to-top">back to top component</a></li>
<li><a href="alerts.html">alert stack component</a></li>
<li><a href="layout.html#section">section component</a></li>
<li>Extend the Bootstrap grid with a <a href="layout.html#grid-small-gutters">small gutter option</a>.</li>
<li>Add a <a href="images/bootstrap-winjs.html">placeholder logo</a>.</li>
</ul>
</dd>
<dt class="m-t-sm">0.1.0</dt>
<dd>
<ul class="list-unstyled">
<li>Initialize bootstrap-winjs.</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="alert-stack">
<div class="alert alert-warning alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="glyph glyph-cancel"></i></span>
</button>
<div class="container">
<div class="row">
<div class="col-md-20">
<p>Alert example. If your playback didnt start, its likely because you dont have the Video app installed. Alert example. If your playback didnt start, its likely because you dont have the Video app installed.</p>
</div>
<div class="col-md-4">
<p>
<a href="#" class="pull-right hidden-xs hidden-sm">Click here</a>
<a href="#" class="visible-xs-inline visible-sm-inline hidden-md">Click here</a>
</p>
</div>
</div>
</div>
</div>
<div class="alert alert-warning alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="glyph glyph-cancel"></i></span>
</button>
<div class="container">
<div class="row">
<div class="col-xs-24">
<p>Another stacked alert example.</p>
</div>
</div>
</div>
</div>
</div>
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-xs-24">
<h1>Alerts</h1>
<ul class="nav nav-pills" data-scroll="smooth">
<li role="presentation">
<a href="#stack">Alert stack</a>
</li>
<li role="presentation">
<a href="#inline">Inline alerts</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<section class="section">
<header class="section-header row">
<h1 class="section-title col-xs-24">
<a href="#stack">Alert stack</a>
</h1>
</header>
<div class="row">
<div class="col-xs-24">
<p>These are the full width alerts you see stacked above.</p>
</div>
<div class="col-xs-24">
<pre><code class="language-xml">&lt;!-- This tag should be a child of the body --&gt;
&lt;div class=&quot;alert-stack&quot;&gt;
&lt;div class=&quot;alert alert-warning alert-dismissible fade in&quot; role=&quot;alert&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;alert&quot; aria-label=&quot;Close&quot;&gt;
&lt;span aria-hidden=&quot;true&quot;&gt;&lt;i class=&quot;glyph glyph-cancel&quot;&gt;&lt;/i&gt;&lt;/span&gt;
&lt;/button&gt;
&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-20&quot;&gt;
&lt;p&gt;Alert example. If your playback didnt start, its likely because you dont have the Video app installed.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;p&gt;
&lt;a href=&quot;#&quot; class=&quot;pull-right hidden-xs hidden-sm&quot;&gt;Click here&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;visible-xs-inline visible-sm-inline hidden-md&quot;&gt;Click here&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- We can stack other alert components here --&gt;
&lt;/div&gt;
</code></pre>
<p>The required JavaScript to initialize the <a href="http://getbootstrap.com/javascript/#affix" target="_blank">Affix Boostrap component</a>:</p>
<pre><code class="language-javascript">$(function () {
var alertStack = $('.alert-stack');
if (alertStack.length == 0) {
return;
}
alertStack.affix({
offset: {
top: alertStack.offset().top
}
});
});
</code></pre>
</div>
</div>
</section>
<section class="section" id="inline">
<header class="section-header row">
<h1 class="section-title col-xs-24">
<a href="#inline">Inline alert</a>
</h1>
</header>
<div class="row">
<div class="col-xs-24">
<p>Caption row uses two columns to ensure action link is right aligned at md viewport and up. It stacks at sm and below.</p>
<p>Action link needs to float right on large viewports and float left on small ones, hence the hiding and showing.</p>
</div>
<div class="col-xs-24">
<div class="alert alert-info alert-dismissible m-t-xs fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="glyph glyph-cancel"></i></span>
</button>
<div class="row">
<div class="col-md-20">
<p>This is an inline alert with no title.</p>
</div>
<div class="col-md-4">
<p>
<a href="#" class="pull-right hidden-xs hidden-sm">Click here</a>
<a href="#" class="visible-xs-inline visible-sm-inline hidden-md">Click here</a>
</p>
</div>
</div>
</div>
<div class="alert alert-warning alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="glyph glyph-cancel"></i></span>
</button>
<div class="alert-title">Warning example</div>
<div class="row">
<div class="col-md-20">
<p>This is a warning inline alert without an glyph.</p>
</div>
<div class="col-md-4">
<p>
<a href="#" class="pull-right hidden-xs hidden-sm">Click here</a>
<a href="#" class="visible-xs-inline visible-sm-inline hidden-md">Click here</a>
</p>
</div>
</div>
</div>
<div class="alert with-glyph alert-danger alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="glyph glyph-cancel"></i></span>
</button>
<span class="alert-glyph"><i class="glyph-info"></i></span>
<div class="alert-title">Danger alert with glyph example</div>
<div class="row">
<div class="col-md-20">
<p>This is a danger inline alert with a glyph. Want to know more about what glyphs you can use?</p>
</div>
<div class="col-md-4">
<p>
<a href="#" class="pull-right hidden-xs hidden-sm">Click here</a>
<a href="#" class="visible-xs-inline visible-sm-inline hidden-md">Click here</a>
</p>
</div>
</div>
</div>
<pre><code class="language-xml">&lt;div class=&quot;alert [alert-info] [alert-warning] [alert-danger] [with-glyph] alert-dismissible fade in&quot; role=&quot;alert&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;alert&quot; aria-label=&quot;Close&quot;&gt;
&lt;span aria-hidden=&quot;true&quot;&gt;
&lt;i class=&quot;glyph glyph-cancel&quot;&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;/button&gt;
&lt;span class=&quot;alert-glyph&quot;&gt;
&lt;i class=&quot;glyph-info&quot;&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;div class=&quot;alert-title&quot;&gt;Danger alert with glyph example&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-20&quot;&gt;
&lt;p&gt;This is a danger inline alert with an glyph. Want to know more about what glyphs you can use?&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;p&gt;
&lt;a href=&quot;#&quot; class=&quot;pull-right hidden-xs hidden-sm&quot;&gt;Click here&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;visible-xs-inline visible-sm-inline hidden-md&quot;&gt;Click here&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>
</div>
</div>
</section>
</div>
<a href="#top" class="back-to-top">
<i class="glyph glyph-up"></i>
<span class="sr-only">Back to top</span>
</a>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/app.js"></script></body>
<!-- Mirrored from winstrap.mwspace.it/alerts.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jun 2020 16:14:36 GMT -->
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,7 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 200" style="enable-background:new 0 0 600 200;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M467,18.4v156.7L590.7,199l4.5-198L467,18.4z M551,125h-1.5l-16.1,26.1l-21.4,2.2l16.2-28.3H513V95h38V125z
M551,88h-38V46.7l38,4.4V88z"/>
<g>
<path class="st0" d="M108,46.7l-22.7,80.5H74.2L57.7,68.4c-0.7-2.5-1.1-5.2-1.3-8.2h-0.2c-0.2,2.8-0.7,5.5-1.5,8.1l-16.7,59H27
L3.5,46.7h10.4L31,108.5c0.7,2.6,1.2,5.3,1.3,8.1h0.3c0.2-2,0.8-4.7,1.7-8.1l17.8-61.8h9l17.1,62.2c0.6,2.1,1,4.6,1.3,7.5h0.2
c0.1-1.9,0.7-4.5,1.5-7.8l16.5-62H108z"/>
<path class="st0" d="M120.6,55.1c-1.6,0-3.1-0.6-4.2-1.7c-1.2-1.1-1.7-2.5-1.7-4.3s0.6-3.2,1.7-4.3c1.2-1.1,2.6-1.7,4.2-1.7
c1.7,0,3.1,0.6,4.3,1.7c1.2,1.1,1.8,2.6,1.8,4.3c0,1.6-0.6,3.1-1.8,4.2C123.7,54.5,122.3,55.1,120.6,55.1z M125.1,127.2h-9.2V69.7
h9.2V127.2z"/>
<path class="st0" d="M188.6,127.2h-9.2V94.4c0-12.2-4.5-18.3-13.4-18.3c-4.6,0-8.4,1.7-11.4,5.2c-3,3.5-4.5,7.8-4.5,13.1v32.8h-9.2
V69.7h9.2v9.5h0.2c4.3-7.3,10.6-10.9,18.9-10.9c6.3,0,11.1,2,14.4,6.1c3.3,4.1,5,9.9,5,17.6V127.2z"/>
<path class="st0" d="M199.6,125.1v-9.9c5,3.7,10.5,5.6,16.6,5.6c8.1,0,12.1-2.7,12.1-8.1c0-1.5-0.3-2.8-1-3.9
c-0.7-1.1-1.6-2-2.8-2.8c-1.2-0.8-2.6-1.6-4.2-2.2c-1.6-0.7-3.3-1.3-5.1-2c-2.5-1-4.8-2-6.7-3.1c-1.9-1-3.5-2.2-4.8-3.5
c-1.3-1.3-2.3-2.8-2.9-4.4c-0.7-1.6-1-3.6-1-5.8c0-2.7,0.6-5.1,1.9-7.2c1.2-2.1,2.9-3.8,4.9-5.2c2.1-1.4,4.4-2.5,7-3.2
c2.6-0.7,5.4-1.1,8.2-1.1c5,0,9.4,0.9,13.4,2.6v9.3c-4.2-2.8-9.1-4.2-14.6-4.2c-1.7,0-3.3,0.2-4.7,0.6c-1.4,0.4-2.6,0.9-3.6,1.7
c-1,0.7-1.8,1.6-2.3,2.6c-0.5,1-0.8,2.1-0.8,3.3c0,1.5,0.3,2.8,0.8,3.8c0.5,1,1.3,1.9,2.4,2.7c1,0.8,2.3,1.5,3.8,2.1
c1.5,0.6,3.2,1.3,5.1,2.1c2.5,1,4.8,2,6.9,3c2,1,3.7,2.2,5.2,3.5c1.4,1.3,2.5,2.8,3.3,4.5c0.8,1.7,1.2,3.7,1.2,6
c0,2.8-0.6,5.3-1.9,7.4c-1.3,2.1-2.9,3.8-5,5.2c-2.1,1.4-4.5,2.4-7.2,3.1c-2.7,0.7-5.6,1-8.6,1
C209.1,128.6,203.9,127.4,199.6,125.1z"/>
<path class="st0" d="M275.7,126.7c-2.2,1.2-5,1.8-8.6,1.8c-10.1,0-15.1-5.6-15.1-16.8v-34h-9.9v-7.9h9.9v-14l9.2-3v17h14.5v7.9
h-14.5V110c0,3.9,0.7,6.6,2,8.3c1.3,1.6,3.5,2.5,6.5,2.5c2.3,0,4.3-0.6,6-1.9V126.7z"/>
<path class="st0" d="M315.1,79c-1.6-1.2-3.9-1.9-7-1.9c-3.9,0-7.2,1.9-9.9,5.6c-2.6,3.7-4,8.8-4,15.2v29.3h-9.2V69.7h9.2v11.9h0.2
c1.3-4,3.3-7.2,6-9.5c2.7-2.3,5.7-3.4,9-3.4c2.4,0,4.2,0.3,5.5,0.8V79z"/>
<path class="st0" d="M363.4,127.2h-9.2v-9H354c-4,6.9-9.9,10.3-17.7,10.3c-5.7,0-10.2-1.5-13.5-4.5c-3.2-3-4.9-7.1-4.9-12.1
c0-10.7,6.3-17,19-18.8l17.2-2.4c0-9.8-4-14.7-11.9-14.7c-6.9,0-13.2,2.4-18.8,7.1v-9.4c5.7-3.6,12.2-5.4,19.5-5.4
c13.5,0,20.3,7.2,20.3,21.5V127.2z M354.2,98.1l-13.9,1.9c-4.3,0.6-7.5,1.7-9.7,3.2c-2.2,1.5-3.3,4.2-3.3,8.1c0,2.8,1,5.1,3,6.9
c2,1.8,4.7,2.7,8,2.7c4.6,0,8.3-1.6,11.3-4.8s4.5-7.3,4.5-12.2V98.1z"/>
<path class="st0" d="M387.3,118.9h-0.2v34.8h-9.2v-84h9.2v10.1h0.2c4.5-7.6,11.2-11.5,19.9-11.5c7.4,0,13.2,2.6,17.4,7.7
c4.2,5.1,6.2,12,6.2,20.7c0,9.6-2.3,17.3-7,23.1c-4.7,5.8-11.1,8.7-19.2,8.7C397.1,128.6,391.4,125.4,387.3,118.9z M387.1,95.7v8
c0,4.8,1.5,8.8,4.6,12.1s7,5,11.8,5c5.6,0,10-2.1,13.1-6.4c3.2-4.3,4.7-10.2,4.7-17.8c0-6.4-1.5-11.4-4.4-15.1c-3-3.6-7-5.4-12-5.4
c-5.4,0-9.7,1.9-12.9,5.6C388.7,85.4,387.1,90.1,387.1,95.7z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,327 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from winstrap.mwspace.it/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jun 2020 16:14:36 GMT -->
<head>
<!-- This is the generated HTML file of the demo page -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>winstrap Tutorial</title>
<link rel="stylesheet" href="css/winstrap.minb0fc.css?0.5.13" />
<script src="js/vendor/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default">
<div class="navbar-global theme-default">
<div class="container">
<div class="navbar-header">
<a href="http://www.microsoft.com/" class="navbar-brand">
<img src="../assets.onestore.ms/cdnfiles/onestorerolling-1511-11008/shell/v3/images/logo/microsoft.png" alt="Microsoft" height="23" />
</a>
</div>
</div>
</div>
<div class="navbar-local color-accent theme-dark">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<i class="glyph glyph-hamburger"></i>
</button>
<a href="index-2.html" class="navbar-brand">
<img src="images/winstrap_white.svg" alt="Winstrap" height="29" />
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="colors.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Colors<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="colors.html">All colors</a></li>
<li class="divider"></li>
<li><a href="colors.html#bootstrap-colors">Bootstrap colors</a></li>
<li><a href="colors.html#mdl-colors">MDL colors</a></li>
<li><a href="colors.html#mdl-alt-colors">MDL alt colors</a></li>
</ul>
</li>
<li class="dropdown">
<a href="typography.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Typography<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="typography.html">All typography</a></li>
<li class="divider"></li>
<li><a href="typography.html#fonts">Fonts</a></li>
<li><a href="typography.html#sizes">Sizes</a></li>
<li><a href="typography.html#headings">Headings</a></li>
<li><a href="typography.html#subheadings">Subheadings</a></li>
<li><a href="typography.html#paragraphs">Paragraphs</a></li>
<li><a href="typography.html#captions">Captions</a></li>
<li><a href="typography.html#glyphs">Glyphs</a></li>
</ul>
</li>
<li class="dropdown">
<a href="layout.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Layout<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="layout.html">All layout</a></li>
<li class="divider"></li>
<li><a href="layout.html#page-header">Page header</a></li>
<li><a href="layout.html#grid">Grid</a></li>
<li><a href="layout.html#grid-small-gutters">Small gutters</a></li>
<li><a href="layout.html#spacers">Spacers</a></li>
</ul>
</li>
<li class="dropdown">
<a href="controls.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Controls<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="controls.html">All controls</a></li>
<li class="divider"></li>
<li><a href="controls.html#buttons">Buttons</a></li>
<li><a href="controls.html#toggle-switch">Toggle Switch</a></li>
<li><a href="controls.html#forms">Forms</a></li>
<li><a href="controls.html#putbox">Put box</a></li>
<li><a href="controls.html#progress">Progress bar</a></li>
<li><a href="controls.html#loader">Progress ring</a></li>
<li><a href="controls.html#dropdown">Dropdown</a></li>
<li><a href="controls.html#tooltips">Tooltips</a></li>
<li><a href="controls.html#flyouts">Flyouts</a></li>
<li><a href="controls.html#dialogs">Dialogs</a></li>
<li><a href="controls.html#tabs">Tabs</a></li>
<li><a href="controls.html#navs">Navbar</a></li>
<li><a href="controls.html#side-nav">Side navigation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="components.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Components<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="components.html">All components</a></li>
<li class="divider"></li>
<li><a href="components.html#breadcrumb">Breadcrumb</a></li>
<li><a href="components.html#back-to-top">Back to top</a></li>
<li><a href="components.html#rating">Rating</a></li>
<li><a href="components.html#labels">Labels</a></li>
<li><a href="components.html#media">Media</a></li>
<li><a href="components.html#tables">Tables</a></li>
<li><a href="components.html#responsive-table">Responsive table</a></li>
<li><a href="components.html#list-items">List items</a></li>
<li><a href="components.html#entity-list">Entity list</a></li>
<li><a href="components.html#pagination">Pagination</a></li>
<li><a href="components.html#jumbotron">Jumbotron</a></li>
<li><a href="alerts.html">Alerts</a></li>
</ul>
</li>
<li>
<a class="color-type-secondary" href="http://winjsdevelop.azurewebsites.net/">Win Js</a>
</li>
<li>
<a class="color-type-secondary" href="#changelog" data-toggle="modal">Changelog</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="modal modal-center" id="changelog" tabindex="-1" role="dialog" aria-labelledby="changelog-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="glyph glyph-cancel" aria-hidden="true"></i>
</button>
<h4 class="modal-title" id="changelog-label">Changelog</h4>
</div>
<div class="modal-body">
<dl>
<dt class="m-t-sm">0.5.12</dt>
<dd>
<ul class="list-unstyled">
<li>Bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.11</dt>
<dd>
<ul class="list-unstyled">
<li>Added 5 new glyphs to the symbols font.</li>
<li>Updated Bootstrap to v3.3.7.</li>
<li>Added <a href="components.html#entity-list">Entity list</a> and <a href="controls.html#putbox">Put box.</a></li>
<li>Added <code>!important</code> to spacer classes.</li>
<li>Bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.8</dt>
<dd>
<ul class="list-unstyled">
<li>Added default styling for <code>&lt;pre&gt;</code>, <code>&lt;blockquote&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, and <code>&lt;dl&gt;</code>.</li>
<li>Fixed Jumbotron max-width issue on wide screen width.</li>
<li>Navbar styling bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.7</dt>
<dd>
<ul class="list-unstyled">
<li>Updated glyph fonts. Glyph style is now aligned with Windows 10.</li>
<li>Added new <a href="typography.html#glyphs">glyphs</a>.</li>
<li>Removed fixed width from <code>.container</code> layout.</li>
<li>Prebuilt and minified CSS files. NPM and Bower packages now come with prebuilt <code>dist</code> folder and minified CSS files.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.6</dt>
<dd>
<ul class="list-unstyled">
<li>Simplified <a href="components.html#jumbotron">Jumbotron</a>.</li>
<li>Added <code>.compressed</code> option to <a href="controls.html#navs">Navbar</a>.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.5</dt>
<dd>
<ul class="list-unstyled">
<li>Big update to <a href="controls.html#navs">Navbar</a> allowing two navbars to stack.</li>
<li>Added variable font path with <code>!default</code> declaration to enable you to set the path based on your project needs</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.3</dt>
<dd>
<ul class="list-unstyled">
<li>Added <a href="controls.html#side-nav">side-nav</a> control.</li>
<li>Moved bower to devDependency in package.json.</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.12</dt>
<dd>
<ul class="list-unstyled">
<li>Updated toggle switch, tooltip, popover, and link button.</li>
<li>Added color themes to <code>&lt;a&gt;</code> and fixed states.</li>
<li>Changed color theme classes.</li>
<li>Updated breadcrumb styling.</li>
<li>Changed font-family variable names.</li>
<li>Updated glyphs font path.</li>
<li>Fixed checkbox glyph issue.</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.9</dt>
<dd>
<ul class="list-unstyled">
<li>Typography:</li>
<li>Updated type ramp, classes, mixins, and functions.</li>
<li>Added type controls (headings, subheadings, paragraphs, and captions).</li>
<li>Glyphs:</li>
<li>Changed glyph names to be more semantic.</li>
<li>Added glyph function to get a glyph's unicode value.</li>
<li>Other changes:</li>
<li>Added Navbar component</li>
<li>Updated Dropdown control</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.4</dt>
<dd>
<ul class="list-unstyled">
<li>Updates and fixes for:</li>
<li><a href="typography.html#fonts">Responsive type</a></li>
<li><a href="controls.html#buttons">Push buttons</a></li>
<li><a href="controls.html#buttons">Toggle buttons</a></li>
<li><a href="controls.html#toggle-switch">Toggle switch</a></li>
<li><a href="components.html#back-to-top">Back-to-top button</a></li>
<li><a href="controls.html#forms">Select box</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="components.html#tables">Tables</a></li>
<li><a href="components.html#jumbotron">Jumbotron and highlight bar</a></li>
<li><a href="components.html#pagination">Pagination</a></li>
<li><a href="components.html#pager">Pager</a></li>
<li>Default <code>&lt;p&gt;</code> spacing</li>
<li>Remove MDL 1.0 controls and components</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.0</dt>
<dd>
<ul class="list-unstyled">
<li>New colors and color naming that reflect the latest MDL colors.</li>
<li>Remove <code>win-</code> prefix from class and variable names.</li>
</ul>
</dd>
<dt class="m-t-sm">0.3.2</dt>
<dd>
<ul class="list-unstyled">
<li>Rename to Winstrap.</li>
</ul>
</dd>
<dt class="m-t-sm">0.1.1</dt>
<dd>
<ul class="list-unstyled">
<li>Add <code>win-</code> prefix to:</li>
<li><a href="components.html#list-items">list items</a></li>
<li><a href="components.html#refine-list">refine list</a></li>
<li><a href="typography.html#fonts">typography utilities</a></li>
<li><a href="tabs.html">media browser component</a></li>
<li><a href="components.html#back-to-top">back to top component</a></li>
<li><a href="alerts.html">alert stack component</a></li>
<li><a href="layout.html#section">section component</a></li>
<li>Extend the Bootstrap grid with a <a href="layout.html#grid-small-gutters">small gutter option</a>.</li>
<li>Add a <a href="images/bootstrap-winjs.html">placeholder logo</a>.</li>
</ul>
</dd>
<dt class="m-t-sm">0.1.0</dt>
<dd>
<ul class="list-unstyled">
<li>Initialize bootstrap-winjs.</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-xs-24 col-sm-16">
<h2><span class="color-type-primary">winstrap</span> <span class="color-type-secondary">0.5.13</span></h2>
<div class="type-sh2">The Bootstrap theme for Microsoft design language</div>
<div class="m-t-xs m-b-md"><a href="https://github.com/winjs/winstrap" class="btn btn-primary">Winstrap on GitHub</a></div>
</div>
</div>
</div>
</div>
<a href="#top" class="back-to-top">
<i class="glyph glyph-up"></i>
<span class="sr-only">Back to top</span>
</a>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/app.js"></script></body>
<!-- Mirrored from winstrap.mwspace.it/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jun 2020 16:14:36 GMT -->
</html>

View File

@ -0,0 +1,327 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from winstrap.mwspace.it/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jun 2020 16:10:53 GMT -->
<head>
<!-- This is the generated HTML file of the demo page -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>winstrap Tutorial</title>
<link rel="stylesheet" href="css/winstrap.minb0fc.css?0.5.13" />
<script src="js/vendor/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default">
<div class="navbar-global theme-default">
<div class="container">
<div class="navbar-header">
<a href="http://www.microsoft.com/" class="navbar-brand">
<img src="../assets.onestore.ms/cdnfiles/onestorerolling-1511-11008/shell/v3/images/logo/microsoft.png" alt="Microsoft" height="23" />
</a>
</div>
</div>
</div>
<div class="navbar-local color-accent theme-dark">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<i class="glyph glyph-hamburger"></i>
</button>
<a href="index-2.html" class="navbar-brand">
<img src="images/winstrap_white.svg" alt="Winstrap" height="29" />
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="colors.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Colors<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="colors.html">All colors</a></li>
<li class="divider"></li>
<li><a href="colors.html#bootstrap-colors">Bootstrap colors</a></li>
<li><a href="colors.html#mdl-colors">MDL colors</a></li>
<li><a href="colors.html#mdl-alt-colors">MDL alt colors</a></li>
</ul>
</li>
<li class="dropdown">
<a href="typography.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Typography<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="typography.html">All typography</a></li>
<li class="divider"></li>
<li><a href="typography.html#fonts">Fonts</a></li>
<li><a href="typography.html#sizes">Sizes</a></li>
<li><a href="typography.html#headings">Headings</a></li>
<li><a href="typography.html#subheadings">Subheadings</a></li>
<li><a href="typography.html#paragraphs">Paragraphs</a></li>
<li><a href="typography.html#captions">Captions</a></li>
<li><a href="typography.html#glyphs">Glyphs</a></li>
</ul>
</li>
<li class="dropdown">
<a href="layout.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Layout<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="layout.html">All layout</a></li>
<li class="divider"></li>
<li><a href="layout.html#page-header">Page header</a></li>
<li><a href="layout.html#grid">Grid</a></li>
<li><a href="layout.html#grid-small-gutters">Small gutters</a></li>
<li><a href="layout.html#spacers">Spacers</a></li>
</ul>
</li>
<li class="dropdown">
<a href="controls.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Controls<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="controls.html">All controls</a></li>
<li class="divider"></li>
<li><a href="controls.html#buttons">Buttons</a></li>
<li><a href="controls.html#toggle-switch">Toggle Switch</a></li>
<li><a href="controls.html#forms">Forms</a></li>
<li><a href="controls.html#putbox">Put box</a></li>
<li><a href="controls.html#progress">Progress bar</a></li>
<li><a href="controls.html#loader">Progress ring</a></li>
<li><a href="controls.html#dropdown">Dropdown</a></li>
<li><a href="controls.html#tooltips">Tooltips</a></li>
<li><a href="controls.html#flyouts">Flyouts</a></li>
<li><a href="controls.html#dialogs">Dialogs</a></li>
<li><a href="controls.html#tabs">Tabs</a></li>
<li><a href="controls.html#navs">Navbar</a></li>
<li><a href="controls.html#side-nav">Side navigation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="components.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Components<i class="glyph glyph-chevron-down-2"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="components.html">All components</a></li>
<li class="divider"></li>
<li><a href="components.html#breadcrumb">Breadcrumb</a></li>
<li><a href="components.html#back-to-top">Back to top</a></li>
<li><a href="components.html#rating">Rating</a></li>
<li><a href="components.html#labels">Labels</a></li>
<li><a href="components.html#media">Media</a></li>
<li><a href="components.html#tables">Tables</a></li>
<li><a href="components.html#responsive-table">Responsive table</a></li>
<li><a href="components.html#list-items">List items</a></li>
<li><a href="components.html#entity-list">Entity list</a></li>
<li><a href="components.html#pagination">Pagination</a></li>
<li><a href="components.html#jumbotron">Jumbotron</a></li>
<li><a href="alerts.html">Alerts</a></li>
</ul>
</li>
<li>
<a class="color-type-secondary" href="http://winjsdevelop.azurewebsites.net/">Win Js</a>
</li>
<li>
<a class="color-type-secondary" href="#changelog" data-toggle="modal">Changelog</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="modal modal-center" id="changelog" tabindex="-1" role="dialog" aria-labelledby="changelog-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="glyph glyph-cancel" aria-hidden="true"></i>
</button>
<h4 class="modal-title" id="changelog-label">Changelog</h4>
</div>
<div class="modal-body">
<dl>
<dt class="m-t-sm">0.5.12</dt>
<dd>
<ul class="list-unstyled">
<li>Bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.11</dt>
<dd>
<ul class="list-unstyled">
<li>Added 5 new glyphs to the symbols font.</li>
<li>Updated Bootstrap to v3.3.7.</li>
<li>Added <a href="components.html#entity-list">Entity list</a> and <a href="controls.html#putbox">Put box.</a></li>
<li>Added <code>!important</code> to spacer classes.</li>
<li>Bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.8</dt>
<dd>
<ul class="list-unstyled">
<li>Added default styling for <code>&lt;pre&gt;</code>, <code>&lt;blockquote&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, and <code>&lt;dl&gt;</code>.</li>
<li>Fixed Jumbotron max-width issue on wide screen width.</li>
<li>Navbar styling bug fixes.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.7</dt>
<dd>
<ul class="list-unstyled">
<li>Updated glyph fonts. Glyph style is now aligned with Windows 10.</li>
<li>Added new <a href="typography.html#glyphs">glyphs</a>.</li>
<li>Removed fixed width from <code>.container</code> layout.</li>
<li>Prebuilt and minified CSS files. NPM and Bower packages now come with prebuilt <code>dist</code> folder and minified CSS files.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.6</dt>
<dd>
<ul class="list-unstyled">
<li>Simplified <a href="components.html#jumbotron">Jumbotron</a>.</li>
<li>Added <code>.compressed</code> option to <a href="controls.html#navs">Navbar</a>.</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.5</dt>
<dd>
<ul class="list-unstyled">
<li>Big update to <a href="controls.html#navs">Navbar</a> allowing two navbars to stack.</li>
<li>Added variable font path with <code>!default</code> declaration to enable you to set the path based on your project needs</li>
</ul>
</dd>
<dt class="m-t-sm">0.5.3</dt>
<dd>
<ul class="list-unstyled">
<li>Added <a href="controls.html#side-nav">side-nav</a> control.</li>
<li>Moved bower to devDependency in package.json.</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.12</dt>
<dd>
<ul class="list-unstyled">
<li>Updated toggle switch, tooltip, popover, and link button.</li>
<li>Added color themes to <code>&lt;a&gt;</code> and fixed states.</li>
<li>Changed color theme classes.</li>
<li>Updated breadcrumb styling.</li>
<li>Changed font-family variable names.</li>
<li>Updated glyphs font path.</li>
<li>Fixed checkbox glyph issue.</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.9</dt>
<dd>
<ul class="list-unstyled">
<li>Typography:</li>
<li>Updated type ramp, classes, mixins, and functions.</li>
<li>Added type controls (headings, subheadings, paragraphs, and captions).</li>
<li>Glyphs:</li>
<li>Changed glyph names to be more semantic.</li>
<li>Added glyph function to get a glyph's unicode value.</li>
<li>Other changes:</li>
<li>Added Navbar component</li>
<li>Updated Dropdown control</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.4</dt>
<dd>
<ul class="list-unstyled">
<li>Updates and fixes for:</li>
<li><a href="typography.html#fonts">Responsive type</a></li>
<li><a href="controls.html#buttons">Push buttons</a></li>
<li><a href="controls.html#buttons">Toggle buttons</a></li>
<li><a href="controls.html#toggle-switch">Toggle switch</a></li>
<li><a href="components.html#back-to-top">Back-to-top button</a></li>
<li><a href="controls.html#forms">Select box</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="components.html#tables">Tables</a></li>
<li><a href="components.html#jumbotron">Jumbotron and highlight bar</a></li>
<li><a href="components.html#pagination">Pagination</a></li>
<li><a href="components.html#pager">Pager</a></li>
<li>Default <code>&lt;p&gt;</code> spacing</li>
<li>Remove MDL 1.0 controls and components</li>
</ul>
</dd>
<dt class="m-t-sm">0.4.0</dt>
<dd>
<ul class="list-unstyled">
<li>New colors and color naming that reflect the latest MDL colors.</li>
<li>Remove <code>win-</code> prefix from class and variable names.</li>
</ul>
</dd>
<dt class="m-t-sm">0.3.2</dt>
<dd>
<ul class="list-unstyled">
<li>Rename to Winstrap.</li>
</ul>
</dd>
<dt class="m-t-sm">0.1.1</dt>
<dd>
<ul class="list-unstyled">
<li>Add <code>win-</code> prefix to:</li>
<li><a href="components.html#list-items">list items</a></li>
<li><a href="components.html#refine-list">refine list</a></li>
<li><a href="typography.html#fonts">typography utilities</a></li>
<li><a href="tabs.html">media browser component</a></li>
<li><a href="components.html#back-to-top">back to top component</a></li>
<li><a href="alerts.html">alert stack component</a></li>
<li><a href="layout.html#section">section component</a></li>
<li>Extend the Bootstrap grid with a <a href="layout.html#grid-small-gutters">small gutter option</a>.</li>
<li>Add a <a href="images/bootstrap-winjs.html">placeholder logo</a>.</li>
</ul>
</dd>
<dt class="m-t-sm">0.1.0</dt>
<dd>
<ul class="list-unstyled">
<li>Initialize bootstrap-winjs.</li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-xs-24 col-sm-16">
<h2><span class="color-type-primary">winstrap</span> <span class="color-type-secondary">0.5.13</span></h2>
<div class="type-sh2">The Bootstrap theme for Microsoft design language</div>
<div class="m-t-xs m-b-md"><a href="https://github.com/winjs/winstrap" class="btn btn-primary">Winstrap on GitHub</a></div>
</div>
</div>
</div>
</div>
<a href="#top" class="back-to-top">
<i class="glyph glyph-up"></i>
<span class="sr-only">Back to top</span>
</a>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/app.js"></script></body>
<!-- Mirrored from winstrap.mwspace.it/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jun 2020 16:11:14 GMT -->
</html>

View File

@ -0,0 +1,189 @@
$(function () {
// On mouse click and touch, add a class to <button> and <a> that removes focus rectangle
$(document).on('mousedown touchstart', 'a, button', function () {
$('.no-outline').removeClass('no-outline');
$(this).addClass('no-outline');
});
// On keyboard navigation, remove the class that hides focus rectangle
$(document).on('keydown', function (e) {
var keyCode = e.keyCode || e.which;
var tabKeyCode = 9;
if (keyCode === tabKeyCode) {
$('.no-outline').removeClass('no-outline');
}
});
//
// Side Nav Large
//
if ($('.side-navigation').length) {
var closeBtn = $('.close');
var sideAffix = $('.side-navigation-affix');
var sideBtn = $('a.navigation-btn');
var sideNav = $('.side-navigation-large');
var sideSection = $('.navigation-section');
var sideTopSpacing = 48;
if ($('.side-navigation-small').length) {
sideNav = $('.side-navigation-small');
}
var topOffset = sideSection.offset().top - sideTopSpacing;
var bottomOffset = $('body').height() - sideSection.offset().top - sideSection.height();
sideAffix.affix({
offset: {
top: topOffset,
bottom: bottomOffset
}
});
sideAffix.width(sideNav.parent().width());
sideBtn.on('click', function(){
sideNav.css("display", "block");
sideSection.css("display", "none");
sideBtn.css("display", "none");
$('body').css("overflow", "hidden");
});
closeBtn.on('click', function(){
sideNav.css("display", "");
sideSection.css("display", "");
sideBtn.css("display", "inline-block");
$('body').css("overflow", "");
});
}
// Alert stack
(function () {
var alertStack = $('.alert-stack');
if (alertStack.length === 0) {
return;
}
alertStack.affix({
offset: {
top: alertStack.offset().top
}
});
})();
// Back to top
(function () {
var backToTop = $('.back-to-top'),
threshold = 2 * $(window).height();
// Displayed when we've scrolled 2x the viewport height
if (backToTop.length === 0 ||
$(document).height() < threshold) {
return;
}
backToTop.affix({
offset: {
top: threshold
}
});
// Smooth scroll to top
backToTop.on('click', function () {
$('html, body').animate({ scrollTop: 0 }, {
duration: 750,
easing: 'swing'
});
return false; // prevent default href
});
})();
// Smooth scroll with page header links
(function () {
$("[data-scroll='smooth'] a[href*='#']:not([href='#'])").on('click', function () {
if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') &&
location.hostname === this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1500);
return false; // prevent default href
}
}
});
})();
// Forms
(function () {
$(".checkbox-indeterminate").prop("indeterminate", true);
})();
// Star rating
(function () {
$('.rating-btn').on('mouseenter', function () {
var active = $(this);
// Highlight the hovered star and the previous stars
$(this).prevAll('.rating-btn').addClass('active');
$(this).addClass('active');
// Remove highlighting of the following stars
$(this).nextAll('.rating-btn').removeClass('active');
});
// Remove highlight of all stars when leaving the container
$('.rating-stars-input').on('mouseleave', function () {
$(this).find('.rating-btn').removeClass('active');
});
})();
// Tooltips
$('[data-toggle="tooltip"]').tooltip({
// Override Bootsrap's default template with one that does not have arrow
template: '<div class="tooltip" role="tooltip"><div class="tooltip-inner"></div></div>'
});
// Flyouts
// Provide data-theme attribute to set flyout's color theme.
$('[data-toggle="popover"]').each(function () {
var $element = $(this);
$element.popover({
// Override Bootsrap's default template with one that does not have arrow and title
template: '<div class="popover" role="tooltip"><div class="popover-content"></div></div>'
}).data('bs.popover').tip().addClass($element.data("theme"));
});
if ($('#btn-close').length) {
$('#btn-close').popover({
placement: 'right',
html: 'true',
// Set the value of the data-theme attribute as a class name on the button.
// That way the button will always be in the correct color theme.
content: 'This is a flyout with a button. <button type="button" class="btn btn-primary ' + $('#btn-close').data("theme") + '"onclick="$(&quot;#btn-close&quot;).popover(&quot;hide&quot;);">Button</button>',
template: '<div class="popover" role="tooltip"><div class="popover-content"></div></div>'
}).data('bs.popover').tip().addClass($('#btn-close').data("theme"));
}
// Entity list item
$('.entity-list-expandable .entity-list-item').click(function() {
if ($(this).hasClass('active') === false) {
var parent = $(this).parent();
$('.entity-list-item', parent).removeClass('active');
$(this).addClass('active');
}
});
});

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,7 @@
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
</body></html>

File diff suppressed because it is too large Load Diff