From aa2e08a20f93358192b734bd3730491dcc850272 Mon Sep 17 00:00:00 2001
From: Gareth Flowers <garethflowers@users.noreply.github.com>
Date: Sun, 3 Feb 2019 14:52:34 +0000
Subject: [PATCH] refact(): reformat html
---
VSCodePortable/Help.html | 290 ++++++++++++++++++++++++++-------------
1 file changed, 191 insertions(+), 99 deletions(-)
diff --git a/VSCodePortable/Help.html b/VSCodePortable/Help.html
index 09902fc1..9a6ec41e 100644
--- a/VSCodePortable/Help.html
+++ b/VSCodePortable/Help.html
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en-US">
+
<head>
<meta charset="UTF-8">
<title>Visual Studio Code Portable Help</title>
@@ -7,139 +8,230 @@
<link rel="shortcut icon" href="Other/Help/Images/Favicon.ico">
<style type="text/css">
body {
- font-family : Verdana,Arial,Helvetica,sans-serif;
- font-size : 76%;
- color : black;
- margin : 20px;
- background : #e6e8ea;
- text-align : center;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 76%;
+ color: black;
+ margin: 20px;
+ background: #e6e8ea;
+ text-align: center;
}
+
a {
- color : #b31616;
- font-weight : bold;
+ color: #b31616;
+ font-weight: bold;
}
- a:link, a:visited, a:active {}
+
a:hover {
- color : red;
+ color: red;
}
- h1, h2, h3, h4, h5, h6 {
- font-family : Arial, sans-serif;
- font-weight : normal;
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ font-family: Arial, sans-serif;
+ font-weight: normal;
}
+
h1 {
- color : #b31616;
- font-weight : bold;
- letter-spacing : -2px;
- font-size : 2.2em;
- border-bottom : 1px solid silver;
- padding-bottom : 5px;
+ color: #b31616;
+ font-weight: bold;
+ letter-spacing: -2px;
+ font-size: 2.2em;
+ border-bottom: 1px solid silver;
+ padding-bottom: 5px;
}
+
h2 {
- font-size : 1.5em;
- border-bottom : 1px solid silver;
- padding-bottom : 3px;
- clear : both;
- }
- h3 { font-size : 1.2em; }
- h4 { font-size : 1.1em; }
- h5 { font-size : 1.0em; }
- h6 { font-size : 0.8em; }
- img { border : 0; }
- ol, ul, li, p, pre, table, tr, td, th { font-size : 1.0em; }
- pre { font-family : monospace; }
- strong, b { font-weight : bold; }
- td, th {
- border : 1px solid #aaaaaa;
- border-collapse : collapse;
- padding : 3px;
+ font-size: 1.5em;
+ border-bottom: 1px solid silver;
+ padding-bottom: 3px;
+ clear: both;
+ }
+
+ h3 {
+ font-size: 1.2em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ }
+
+ h5 {
+ font-size: 1.0em;
+ }
+
+ h6 {
+ font-size: 0.8em;
+ }
+
+ img {
+ border: 0;
}
+
+ ol,
+ ul,
+ li,
+ p,
+ pre,
+ table,
+ tr,
+ td,
th {
- background : #3667a8;
- color : white;
+ font-size: 1.0em;
}
- ol ol { list-style-type : lower-alpha; }
+
+ pre {
+ font-family: monospace;
+ }
+
+ strong,
+ b {
+ font-weight: bold;
+ }
+
+ td,
+ th {
+ border: 1px solid #aaaaaa;
+ border-collapse: collapse;
+ padding: 3px;
+ }
+
+ th {
+ background: #3667a8;
+ color: white;
+ }
+
+ ol ol {
+ list-style-type: lower-alpha;
+ }
+
.content {
- text-align : left;
- margin-left : auto;
- margin-right : auto;
- width : 780px;
- background-color : white;
- border-left : 1px solid black;
- border-right : 1px solid black;
- padding : 12px 30px;
- line-height : 150%;
+ text-align: left;
+ margin-left: auto;
+ margin-right: auto;
+ width: 780px;
+ background-color: white;
+ border-left: 1px solid black;
+ border-right: 1px solid black;
+ padding: 12px 30px;
+ line-height: 150%;
}
+
.logo {
- background : white url("Other/Help/Images/Help_Background_Header.png") repeat-x;
- width : 840px;
- margin-top : 20px;
- margin-left : auto;
- margin-right : auto;
- text-align : left;
- border-right : 1px solid black;
- border-left : 1px solid black;
+ background: white url("Other/Help/Images/Help_Background_Header.png") repeat-x;
+ width: 840px;
+ margin-top: 20px;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: left;
+ border-right: 1px solid black;
+ border-left: 1px solid black;
}
+
.footer {
- background : white url("Other/Help/Images/Help_Background_Footer.png") repeat-x;
- width : 840px;
- height : 16px;
- margin-left : auto;
- margin-right : auto;
- text-align : left;
- border-right : 1px solid black;
- border-left : 1px solid black;
+ background: white url("Other/Help/Images/Help_Background_Footer.png") repeat-x;
+ width: 840px;
+ height: 16px;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: left;
+ border-right: 1px solid black;
+ border-left: 1px solid black;
}
+
.logo img {
- padding-left : 0px;
- border : none;
- position : relative;
- top : -4px;
- }
- * html .content { width : 760px; }
- * html .logo, * html .footer { width : 820px; }
- .content h1 { margin : 0px; }
- h1.hastagline { border : 0; }
+ padding-left: 0px;
+ border: none;
+ position: relative;
+ top: -4px;
+ }
+
+ * html .content {
+ width: 760px;
+ }
+
+ * html .logo,
+ * html .footer {
+ width: 820px;
+ }
+
+ .content h1 {
+ margin: 0px;
+ }
+
+ h1.hastagline {
+ border: 0;
+ }
+
h2.tagline {
- color : #747673;
- clear : none;
- margin-top : 0em;
+ color: #747673;
+ clear: none;
+ margin-top: 0em;
}
/* printer styles */
@media print {
- body, .content {
- margin : 0;
- padding : 0;
+
+ body,
+ .content {
+ margin: 0;
+ padding: 0;
+ }
+
+ .navigation,
+ .locator,
+ .footer a,
+ .message,
+ .footer-links {
+ display: none;
+ }
+
+ .footer,
+ .content,
+ .header {
+ border: none;
}
- .navigation, .locator, .footer a, .message, .footer-links { display : none; }
- .footer, .content, .header { border : none; }
+
a {
- text-decoration : none;
- font-weight : normal;
- color : black;
+ text-decoration: none;
+ font-weight: normal;
+ color: black;
}
}
</style>
</head>
+
<body>
<div class="logo"><a href="https://portableapps.com/"><img src="Other/Help/Images/Help_Logo_Top.png" alt="PortableApps.com - Your Digital Life, Anywhere"></a></div>
<div class="content">
- <h1 class="hastagline">Visual Studio Code Portable Help</h1>
- <h2 class="tagline">Code editing. Redefined.</h2>
- <p>Visual Studio Code Portable is the Visual Studio Code editor packaged with a PortableApps.com launcher as a <a href="https://portableapps.com/about/what_is_a_portable_app">portable app</a>, so you can run a full instance of the Visual Studio Code editor on your iPod, USB flash drive, portable hard drive, etc. It has all the same features as Visual Studio Code, plus, it leaves no personal information behind on the machine you run it on, so you can take it with you wherever you go. <a href="https://code.visualstudio.com/">Learn more about Visual Studio Code...</a></p>
- <p><a href="https://portableapps.com/donate"><img src="Other/Help/Images/Donation_Button.png" style="vertical-align:middle" alt="Make a Donation"></a> - Support PortableApps.com's Hosting and Development</p>
- <p><a href="https://gareth.flowers/vscode-portable">Go to the Visual Studio Code Portable Homepage >></a></p>
- <p><a href="https://portableapps.com/">Get more portable apps at PortableApps.com</a></p>
- <p>The PortableApps.com Launcher that portablizes this application and the PortableApps.com Installer used to package this application are OSI Certified Open Source Software. OSI Certified is a certification mark of the Open Source Initiative. The base application is under a different license.</p>
- <h2>Portable App Issues</h2>
- <ul>
- <li><a href="https://portableapps.com/support/portable_app#downloading">Downloading a Portable App</a></li>
- <li><a href="https://portableapps.com/support/portable_app#installing">Installing a Portable App</a></li>
- <li><a href="https://portableapps.com/support/portable_app#using">Using a Portable App</a></li>
- <li><a href="https://portableapps.com/support/portable_app#upgrading">Upgrading a Portable App</a></li>
- </ul>
- <p>You can read about advanced configuration options for the PortableApps.com Launcher in its <a href="Other/Source/Readme.txt">readme file</a>.</p>
+ <h1 class="hastagline">Visual Studio Code Portable Help</h1>
+ <h2 class="tagline">Code editing. Redefined.</h2>
+ <p>Visual Studio Code Portable is the Visual Studio Code editor packaged with a PortableApps.com launcher as a <a
+ href="https://portableapps.com/about/what_is_a_portable_app">portable app</a>, so you can run a full instance of
+ the Visual Studio Code editor on your iPod, USB flash drive, portable hard drive, etc. It has all the same features
+ as Visual Studio Code, plus, it leaves no personal information behind on the machine you run it on, so you can take
+ it with you wherever you go. <a href="https://code.visualstudio.com/">Learn more about Visual Studio Code...</a></p>
+ <p><a href="https://portableapps.com/donate"><img src="Other/Help/Images/Donation_Button.png" style="vertical-align:middle"
+ alt="Make a Donation"></a> - Support PortableApps.com's Hosting and Development</p>
+ <p><a href="https://gareth.flowers/vscode-portable">Go to the Visual Studio Code Portable Homepage >></a></p>
+ <p><a href="https://portableapps.com/">Get more portable apps at PortableApps.com</a></p>
+ <p>The PortableApps.com Launcher that portablizes this application and the PortableApps.com Installer used to package
+ this application are OSI Certified Open Source Software. OSI Certified is a certification mark of the Open Source
+ Initiative. The base application is under a different license.</p>
+ <h2>Portable App Issues</h2>
+ <ul>
+ <li><a href="https://portableapps.com/support/portable_app#downloading">Downloading a Portable App</a></li>
+ <li><a href="https://portableapps.com/support/portable_app#installing">Installing a Portable App</a></li>
+ <li><a href="https://portableapps.com/support/portable_app#using">Using a Portable App</a></li>
+ <li><a href="https://portableapps.com/support/portable_app#upgrading">Upgrading a Portable App</a></li>
+ </ul>
+ <p>You can read about advanced configuration options for the PortableApps.com Launcher in its <a href="Other/Source/Readme.txt">readme
+ file</a>.</p>
</div>
<div class="footer"></div>
</body>
+
</html>