Skip to content

Commit 714e209

Browse files
AxelCatAxelCat
authored
Added installing instructions page (#15)
1 parent aac56a4 commit 714e209

File tree

6 files changed

+247
-36
lines changed

6 files changed

+247
-36
lines changed

‎_src/app/css/main.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -281,6 +281,17 @@ a:focus {
281281
word-wrap: break-word;
282282
}
283283

284+
.instructions {
285+
margin-top: 15px;
286+
margin-bottom: 15px;
287+
font-family: 'Open Sans', sans-serif;
288+
font-size: 16px;
289+
font-weight: 300;
290+
line-height: 1.5;
291+
color: #333;
292+
letter-spacing: -.004em;
293+
}
294+
284295
#last {
285296
height: 250px;
286297
padding: 15px;
@@ -792,6 +803,13 @@ blockquote {
792803
font-family: 'poiret one', sans-serif;
793804
text-align: center;
794805
}
806+
807+
#release-block .feature-title {
808+
margin-top: 30px;
809+
margin-bottom: 10px;
810+
font-family: 'poiret one', sans-serif;
811+
text-align: center;
812+
}
795813
.install-instruction {
796814
display: table-cell;
797815
font-size: 18px;

‎_src/app/how_to_install.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>How to install</title>
7+
<meta name="description" content="pgCodeKeeper install instructions">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<!-- Open Graph data -->
10+
<meta property="fb:app_id" content="279889809024519">
11+
<meta property="og:url" content="http://pgcodekeeper.org/how_to_install.html">
12+
<meta property="og:image" content="http://pgcodekeeper.org/images/logo1.png">
13+
<meta property="og:site_name" content="pgCodeKeeper">
14+
<meta property="og:title" content="pgCodeKeeper install instructions">
15+
<meta property="og:description" content="pgCodeKeeper install instructions">
16+
<!-- Schema.org markup for Google+ -->
17+
<meta itemprop="name" content="pgCodeKeeper install instructions">
18+
<meta itemprop="description" content="pgCodeKeeper install instructions">
19+
<meta itemprop="image" content="http://pgcodekeeper.org/images/logo1.png">
20+
<!-- Twitter Card data -->
21+
<meta name="twitter:card" content="summary">
22+
<meta name="twitter:site" content="http://pgcodekeeper.org/how_to_install.html">
23+
<meta name="twitter:title" content="pgCodeKeeper install instructions">
24+
<meta name="twitter:description" content="http://pgcodekeeper.org/how_to_install.html">
25+
<meta name="twitter:image" content="http://pgcodekeeper.org/images/logo1.png">
26+
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
27+
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
28+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600&subset=latin,cyrillic" rel="stylesheet" type="text/css">
29+
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic" rel="stylesheet" type="text/css">
30+
<link href="https://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet">
31+
<link rel="stylesheet" href="/css/main.min.css">
32+
</head>
33+
<body id="en-version">
34+
<!--[if lt IE 7]>
35+
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
36+
<![endif]-->
37+
38+
<!-- header -->
39+
//= templates/partials/header.html
40+
<!-- /header -->
41+
42+
<div id="release-block" class="container">
43+
<h1>How to install</h1>
44+
<p class="instructions">First, you should install <a href='https://adoptium.net/temurin/releases/'>Java SDK</a> for your platform (required to run Eclipse) and install <a href='https://eclipse.org/downloads/'>Eclipse</a>.</p>
45+
<h4 class="feature-title">Eclipse Marketplace</h4>
46+
<ol>
47+
<li class="instructions"> The easiest way to install pgCodeKeeper is Eclipse Marketplace: launch Eclipse, version 4.6 or higher, with the installed Eclipse Marketplace, and select <strong>Help > Eclipse Markeplace…</strong>.</li>
48+
<li class="instructions"> Enter “pgCodeKeeper” into the search box.</li>
49+
<li class="instructions">Select the pgCodeKeeper package, review the Terms of service, and click Finish for the installation of the latest pgCodeKeeper version to begin.</li>
50+
<li class="instructions">After the installation is finished, restart Eclipse to apply the changes.</li>
51+
<li class="instructions">Launch Eclipse and select: <strong>Window > Perspective > Open Perspective > Other > pgCodeKeeper</strong>.</li>
52+
</ol>
53+
54+
<h4 class="feature-title">Update site</h4>
55+
<ol>
56+
<li class="instructions">Another way to install pgCodeKeeper is the update website: launch Eclipse, version 4.6 or higher, select <strong>Help > Install New Software…</strong> Plug-in installation (with the help of the update web-site) wizard will appear on the screen.</li>
57+
<li class="instructions">In the <strong>Work With</strong> field specify the path to the update website: <a href='https://eclipse.org/downloads/'>http://pgcodekeeper.org/update/</a>.</li>
58+
<li class="instructions">After pressing Enter you’ll see the available plug-ins in the list below.
59+
</li>
60+
<li class="instructions">Select the pgCodeKeeper package, review the Terms of service, and click Finish for the installation of the latest pgCodeKeeper version to begin.</li>
61+
<li class="instructions">After the installation is finished, restart Eclipse to apply the changes.</li>
62+
<li class="instructions">Launch Eclipse and select <strong>Window > Perspective > Open Perspective > Other > pgCodeKeeper</strong>.</li>
63+
</ol>
64+
65+
<h4 class="feature-title">Separate pgCodeKeeper build</h4>
66+
<p class="instructions">You can install pgCodeKeeper with a separate build. You can download pgCodeKeeper build <a href='https://github.com/pgcodekeeper/pgcodekeeper/releases'>here</a>. Apart from regular installation, you can install pgCodeKeeper in your Eclipse IDE.</p>
67+
68+
<h4 class="feature-title">CLI version</h4>
69+
<p class="instructions"> pgCodeKeeper CLI version is available on <a href='https://github.com/pgcodekeeper/pgcodekeeper/releases'>Github</a>.</p>
70+
</div>
71+
72+
<div class="go-up" title="Up" id='ToTop'><span class="glyphicon glyphicon-circle-arrow-up"></span></div>
73+
<div class="go-down" title="Down" id='OnBottom'><span class="glyphicon glyphicon-circle-arrow-down"></span></div>
74+
75+
<!-- footer -->
76+
//= templates/partials/footer.html
77+
<!-- /footer -->
78+
</body>
79+
</html>

‎_src/app/index.html‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -50,14 +50,10 @@
5050
<div class="title">
5151
<h1><span class="pg">pg</span><span class="codekeeper">CodeKeeper</span></h1>
5252
<h3>PL/pgSQL code maintenance made easy</h3>
53-
<button type="button" class="btn install-btn btn-lg" data-container="body" data-toggle="popover"
54-
data-placement="bottom" data-animation="true" title="How to download and install"
55-
data-html="true" data-original-title="Title"
56-
data-content="
57-
//= templates/partials/how-to-install.html
58-
">
53+
<a href='/how_to_install.html'><button type="button" class="btn install-btn btn-lg" title="How to download and install"
54+
data-html="true" data-original-title="Title">
5955
How to install
60-
</button>
56+
</button></a>
6157
</div>
6258
</div>
6359
</section>

‎css/main.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎how_to_install.html‎

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>How to install</title>
7+
<meta name="description" content="pgCodeKeeper install instructions">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<!-- Open Graph data -->
10+
<meta property="fb:app_id" content="279889809024519">
11+
<meta property="og:url" content="http://pgcodekeeper.org/how_to_install.html">
12+
<meta property="og:image" content="http://pgcodekeeper.org/images/logo1.png">
13+
<meta property="og:site_name" content="pgCodeKeeper">
14+
<meta property="og:title" content="pgCodeKeeper install instructions">
15+
<meta property="og:description" content="pgCodeKeeper install instructions">
16+
<!-- Schema.org markup for Google+ -->
17+
<meta itemprop="name" content="pgCodeKeeper install instructions">
18+
<meta itemprop="description" content="pgCodeKeeper install instructions">
19+
<meta itemprop="image" content="http://pgcodekeeper.org/images/logo1.png">
20+
<!-- Twitter Card data -->
21+
<meta name="twitter:card" content="summary">
22+
<meta name="twitter:site" content="http://pgcodekeeper.org/how_to_install.html">
23+
<meta name="twitter:title" content="pgCodeKeeper install instructions">
24+
<meta name="twitter:description" content="http://pgcodekeeper.org/how_to_install.html">
25+
<meta name="twitter:image" content="http://pgcodekeeper.org/images/logo1.png">
26+
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
27+
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
28+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600&subset=latin,cyrillic" rel="stylesheet" type="text/css">
29+
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic" rel="stylesheet" type="text/css">
30+
<link href="https://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet">
31+
<link rel="stylesheet" href="/css/main.min.css">
32+
</head>
33+
<body id="en-version">
34+
<!--[if lt IE 7]>
35+
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
36+
<![endif]-->
37+
38+
<!-- header -->
39+
<nav class="navbar-default navbar-fixed-top" role="navigation">
40+
<a class="lang main-menu" href="https://pgcodekeeper.ru">RU</a>
41+
<a href="https://github.com/pgcodekeeper/pgcodekeeper"><img class="fork-me" src="/images/fork-me.png" alt="Fork me on GitHub"></a>
42+
43+
<div class="container">
44+
<div class="navbar-header">
45+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"
46+
aria-expanded="false" aria-controls="navbar">
47+
<span class="sr-only">Toggle navigation</span>
48+
<span class="icon-bar"></span>
49+
<span class="icon-bar"></span>
50+
<span class="icon-bar"></span>
51+
</button>
52+
<a class="navbar-brand" href="/#home">
53+
<img class="media-object brand-image" src="/images/logo.png" alt="logo">
54+
</a>
55+
</div>
56+
<div id="navbar" class="navbar-collapse collapse">
57+
<ul class="nav navbar-nav navbar-left main-menu">
58+
<li><a href="/#home">Home</a></li>
59+
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Products<b class="caret"></b></a>
60+
<ul class="dropdown-menu">
61+
<li><a href="/index.html">pgCodeKeeper</a></li>
62+
<li><a href="/pgsqlblocks.html">pgSqlBlocks</a></li>
63+
</ul>
64+
</li>
65+
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">News<b class="caret"></b></a>
66+
<ul class="dropdown-menu">
67+
<li><a href="/news.html">News</a></li>
68+
<li><a href="/articles.html">Articles</a></li>
69+
</ul>
70+
</li>
71+
<!--
72+
Temporary commented out while a user documntation is out of date.
73+
<li><a href="/doc/">User manual</a></li>
74+
-->
75+
<li><a href="https://pgcodekeeper.readthedocs.io" target="_blank">Documentation</a></li>
76+
<li><a href="/faq.html">FAQ</a></li>
77+
</ul>
78+
</div>
79+
</div>
80+
</nav>
81+
<!-- /header -->
82+
83+
<div id="release-block" class="container">
84+
<h1>How to install</h1>
85+
<p class="instructions">First, you should install <a href='https://adoptium.net/temurin/releases/'>Java SDK</a> for your platform (required to run Eclipse) and install <a href='https://eclipse.org/downloads/'>Eclipse</a>.</p>
86+
<h4 class="feature-title">Eclipse Marketplace</h4>
87+
<ol>
88+
<li class="instructions"> The easiest way to install pgCodeKeeper is Eclipse Marketplace: launch Eclipse, version 4.6 or higher, with the installed Eclipse Marketplace, and select <strong>Help > Eclipse Markeplace…</strong>.</li>
89+
<li class="instructions"> Enter “pgCodeKeeper” into the search box.</li>
90+
<li class="instructions">Select the pgCodeKeeper package, review the Terms of service, and click Finish for the installation of the latest pgCodeKeeper version to begin.</li>
91+
<li class="instructions">After the installation is finished, restart Eclipse to apply the changes.</li>
92+
<li class="instructions">Launch Eclipse and select: <strong>Window > Perspective > Open Perspective > Other > pgCodeKeeper</strong>.</li>
93+
</ol>
94+
95+
<h4 class="feature-title">Update site</h4>
96+
<ol>
97+
<li class="instructions">Another way to install pgCodeKeeper is the update website: launch Eclipse, version 4.6 or higher, select <strong>Help > Install New Software…</strong> Plug-in installation (with the help of the update web-site) wizard will appear on the screen.</li>
98+
<li class="instructions">In the <strong>Work With</strong> field specify the path to the update website: <a href='https://eclipse.org/downloads/'>http://pgcodekeeper.org/update/</a>.</li>
99+
<li class="instructions">After pressing Enter you’ll see the available plug-ins in the list below.
100+
</li>
101+
<li class="instructions">Select the pgCodeKeeper package, review the Terms of service, and click Finish for the installation of the latest pgCodeKeeper version to begin.</li>
102+
<li class="instructions">After the installation is finished, restart Eclipse to apply the changes.</li>
103+
<li class="instructions">Launch Eclipse and select <strong>Window > Perspective > Open Perspective > Other > pgCodeKeeper</strong>.</li>
104+
</ol>
105+
106+
<h4 class="feature-title">Separate pgCodeKeeper build</h4>
107+
<p class="instructions">You can install pgCodeKeeper with a separate build. You can download pgCodeKeeper build <a href='https://github.com/pgcodekeeper/pgcodekeeper/releases'>here</a>. Apart from regular installation, you can install pgCodeKeeper in your Eclipse IDE.</p>
108+
109+
<h4 class="feature-title">CLI version</h4>
110+
<p class="instructions"> pgCodeKeeper CLI version is available on <a href='https://github.com/pgcodekeeper/pgcodekeeper/releases'>Github</a>.</p>
111+
</div>
112+
113+
<div class="go-up" title="Up" id='ToTop'><span class="glyphicon glyphicon-circle-arrow-up"></span></div>
114+
<div class="go-down" title="Down" id='OnBottom'><span class="glyphicon glyphicon-circle-arrow-down"></span></div>
115+
116+
<!-- footer -->
117+
<footer id="main-footer">
118+
<div class="container-fluid">
119+
<div class="row">
120+
<div class="col-xs-12 col-sm-6 col-lg-6 text-left">
121+
<p class="copyright">&copy; LLC "TAXTELECOM" 2023</p>
122+
</div>
123+
<div class="col-xs-12 col-sm-6 col-lg-6 text-right">
124+
<p class="license-footer">The source code for pgCodeKeeper is available for free on GitHub. <wbr>Under the terms of the <a href="/license.html"> Apache License, Version 2.0</a></p>
125+
</div>
126+
</div>
127+
</div>
128+
</footer>
129+
130+
<script src="/js/main.min.js"></script>
131+
132+
<!-- Google tag (gtag.js) -->
133+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GEXCEW6LBZ"></script>
134+
<script>
135+
window.dataLayer = window.dataLayer || [];
136+
function gtag(){dataLayer.push(arguments);}
137+
gtag('js', new Date());
138+
139+
gtag('config', 'G-GEXCEW6LBZ');
140+
</script>
141+
<!-- /footer -->
142+
</body>
143+
</html>

‎index.html‎

Lines changed: 3 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -91,35 +91,10 @@
9191
<div class="title">
9292
<h1><span class="pg">pg</span><span class="codekeeper">CodeKeeper</span></h1>
9393
<h3>PL/pgSQL code maintenance made easy</h3>
94-
<button type="button" class="btn install-btn btn-lg" data-container="body" data-toggle="popover"
95-
data-placement="bottom" data-animation="true" title="How to download and install"
96-
data-html="true" data-original-title="Title"
97-
data-content="
98-
<p>pgCodeKeeper is an Eclipse IDE plug-in. Please follow these steps to install pgCodeKeeper:</p>
99-
<ol>
100-
<li>Install <a href='https://adoptium.net/temurin/releases/'>Java SDK</a> for your platform (required to run Eclipse).
101-
</li>
102-
<li>Install <a href='https://eclipse.org/downloads/'>Eclipse</a> platform.</li>
103-
<li>Launch Eclipse. Drag the Install button on the main Eclipse window.
104-
<a href='http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=4065142' class='drag' title='Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client'>
105-
<img typeof='foaf:Image' class='img-responsive' src='https://marketplace.eclipse.org/sites/all/themes/solstice/public/images/marketplace/btn-install.png' alt='Drag to your ruегоnning Eclipse* workspace. *Requires Eclipse Marketplace Client'>
106-
</a>
107-
Alternatively, use menu option
108-
<span class='product-name'>«Help»</span> - <span class='product-name'>«Install new software»</span>,
109-
enter <a class='js-emaillink'>http://pgcodekeeper.org/update/</a>
110-
<a class='copy-link-btn js-emailcopybtn' id='popoverbutton' data-toggle='tooltip' data-placement='top' title='Copy'>
111-
<i class='fa fa-clone' aria-hidden='true'></i>
112-
</a>
113-
URL in the dialogue's <span class='product-name'>«Work with»</span> field and
114-
press «Enter». Choose <span class='product-name'>pgCodeKeeper</span> from the list of available plug-ins
115-
and install the plug-in according to the installation wizard prompts.
116-
</li>
117-
<li>Restart Eclipse. pgCodeKeeper has been successfully installed.</li>
118-
</ol>
119-
<p>pgCodeKeeper CLI version is available on <a href='https://github.com/pgcodekeeper/pgcodekeeper/releases'>Github</a>.</p>
120-
">
94+
<a href='/how_to_install.html'><button type="button" class="btn install-btn btn-lg" title="How to download and install"
95+
data-html="true" data-original-title="Title">
12196
How to install
122-
</button>
97+
</button></a>
12398
</div>
12499
</div>
125100
</section>

0 commit comments

Comments
 (0)