Skip to content

Commit 42e3f43

Browse files
adam-maciejewskiadam-maciejewski
authored
Install page redesign (#56)
* Install page redesign - part 1. https://app.clickup.com/t/5uk37h `CU-5uk37h` * Install page redesign is done. https://app.clickup.com/t/5uk37h `CU-5uk37h`
1 parent 0616fc0 commit 42e3f43

File tree

10 files changed

+200
-43
lines changed

10 files changed

+200
-43
lines changed

‎_layouts/page-redesign.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
layout: default
3+
---
4+
<div class="page-intro bg-dark-gradient">
5+
<div class="container">
6+
<div class="row">
7+
<div class="col-lg-10 offset-lg-1">
8+
<div class="page-intro__title-wrapper">
9+
<h1 class="page-intro__title">
10+
{% if page.title %}<b>{{ page.title }}</b>{% endif %}{% if page.title_thin %} {{ page.title_thin }}{% endif %}
11+
</h1>
12+
{% if page.author %}
13+
<div class="page-intro__author">
14+
{{ page.date | date_to_string }} - {{ page.author }}
15+
</div>
16+
{% endif %}
17+
</div>
18+
</div>
19+
</div>
20+
</div>
21+
</div>
22+
23+
24+
{{content}}

‎_sass/graphic-info/_graphic-info.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,10 @@
9494
max-width: 500px;
9595
margin-bottom: 0;
9696
margin-right: 15px;
97+
98+
&--wide {
99+
max-width: 680px;
100+
}
97101
}
98102
}
99103
}

‎_sass/pages/install/instructions/_instructions.scss‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
.install-instructions {
2+
margin-top: 3rem;
3+
margin-bottom: 3rem;
4+
5+
&__item {
6+
margin-bottom: 1.5rem;
7+
}
8+
9+
&__title {
10+
margin-bottom: 1rem;
11+
}
12+
13+
&__warning {
14+
margin-top: 1.5rem;
15+
}
16+
}
17+
18+
@include media-breakpoint-up(lg) {
19+
.install-instructions {
20+
margin-bottom: 4.5rem;
21+
}
22+
}

‎_sass/pages/install/intro/_intro.scss‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.install-intro {
2+
margin-top: 3rem;
3+
margin-bottom: 4rem;
4+
5+
&__item {
6+
margin-bottom: 1rem;
7+
}
8+
9+
&__title {
10+
@include title();
11+
text-align: center;
12+
margin-bottom: 1rem;
13+
}
14+
15+
&__subtitle {
16+
@include title('small');
17+
text-align: center;
18+
margin-bottom: 3rem;
19+
}
20+
}
21+
22+
@include media-breakpoint-up(md) {
23+
.install-intro {
24+
margin-bottom: 5rem;
25+
}
26+
}

‎_sass/pages/partners/meet-partners/_meet-partners.scss‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@
1212
@include title('small');
1313
text-align: center;
1414
margin-bottom: 3rem;
15+
16+
br {
17+
display: none;
18+
}
1519
}
1620

1721
&__info-title {
@@ -68,4 +72,14 @@
6872
display: block;
6973
}
7074
}
75+
}
76+
77+
@include media-breakpoint-up(xl) {
78+
.meet-partners {
79+
&__subtitle {
80+
br {
81+
display: block;
82+
}
83+
}
84+
}
7185
}

‎assets/css/styles.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,4 +39,6 @@
3939
@import "pages/partners/meet-partners/meet-partners";
4040
@import "pages/partners/store-fronts/store-fronts";
4141
@import "pages/partners/payment-processors/payment-processors";
42+
@import "pages/install/intro/intro";
43+
@import "pages/install/instructions/instructions";
4244

‎assets/images/brackets.png‎

198 KB
Loading

‎magento-lts/install.html‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
---
2+
layout: page-redesign
3+
title: How to install
4+
title_thin: OpenMage LTS
5+
---
6+
7+
<div class="install-intro">
8+
<div class="container">
9+
<div class="row">
10+
<div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
11+
<h2 class="install-intro__title">
12+
You are on the right track
13+
</h2>
14+
<h3 class="install-intro__subtitle">
15+
OpenMage LTS provides you with better user experience, a more transparent and open
16+
development process, bug fixes, performance improvements and a sound security vulnerability
17+
reporting program.
18+
</h3>
19+
</div>
20+
</div>
21+
22+
<div class="row">
23+
<div class="install-intro__item col-md-6 col-lg-5 offset-lg-1">
24+
<h4 class="card-title">What is OpenMage LTS</h4>
25+
<p>
26+
The OpenMage LTS project is a community-supported fork of Magento CE. Our goal is to support
27+
the continued use of Magento as an eCommerce platform for the thousands of merchants who
28+
have built their businesses on this incredible platform.
29+
</p>
30+
</div>
31+
<div class="install-intro__item col-md-6 col-lg-5">
32+
<h4 class="card-title">OpenMage LTS secure your investment</h4>
33+
<p>
34+
It's likely that you've invested more time and money into your Magento-based eCommerce
35+
platform than you even want to think about. With your help, we'd like to make sure that
36+
investment continues to pay its dividends.
37+
</p>
38+
</div>
39+
</div>
40+
</div>
41+
</div>
42+
43+
<div class="graphic-info">
44+
<div class="graphic-info__bg bg-dark-gradient"></div>
45+
<div class="container">
46+
<div class="row">
47+
<div class="graphic-info__image-wrapper col-lg-4">
48+
<img class="graphic-info__image graphic-info__image--github" src="/assets/images/brackets.png" alt="Install OpenMage">
49+
</div>
50+
51+
<div class="graphic-info__description-wrapper col-lg-8">
52+
<h2 class="graphic-info__title">Install via composer</h2>
53+
<div class="graphic-info__wrapper">
54+
<p class="graphic-info__text graphic-info__text--wide">
55+
The suggested way to install this Magento 1 Fork is via composer. For this we know of
56+
two working installers with support for the magento core as dependency.
57+
</p>
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
64+
<div class="install-instructions">
65+
<div class="container">
66+
<div class="row">
67+
<div class="install-instructions__item col-lg-10 offset-lg-1 col-xl-6 offset-xl-0">
68+
<h3 class="install-instructions__title">aydin-hassan/magento-core-composer-installer</h3>
69+
<div class="install-instructions__code">
70+
<pre><code>{
71+
"require": {
72+
"aydin-hassan/magento-core-composer-installer": "*",
73+
"openmage/magento-lts": "{{ site.data.versions.composer.latestStableBranch }}"
74+
},
75+
"extra": {
76+
"magento-core-package-type": "magento-source",
77+
"magento-root-dir": "htdocs"
78+
}
79+
}</code></pre>
80+
</div>
81+
</div>
82+
83+
<div class="install-instructions__item col-lg-10 offset-lg-1 col-xl-6 offset-xl-0">
84+
<h3 class="install-instructions__title">aoepeople/composer-installers</h3>
85+
<div class="install-instructions__code">
86+
<pre><code>{
87+
"require": {
88+
"aoepeople/composer-installers": "*",
89+
"openmage/magento-lts": "{{ site.data.versions.composer.latestStableBranch }}"
90+
}
91+
}
92+
</code></pre>
93+
</div>
94+
95+
<p class="install-instructions__warning">
96+
<strong>Warning</strong>
97+
Note: switching to AOEs composer installer will wipe your htdocs folder, it’s not just copying the magento-lts files.
98+
If you already symlink local.xml, media and var folder - then just go ahead.
99+
</p>
100+
</div>
101+
</div>
102+
</div>
103+
</div>

‎magento-lts/install.md‎

Lines changed: 0 additions & 41 deletions
This file was deleted.

‎partners/index.md‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ title_thin: in OpenMage LTS project
1212
Meet our partners
1313
</h2>
1414
<h3 class="meet-partners__subtitle">
15-
OpenMage is built and maintained by many passionate individuals. But OpenMage would not exist without our strategic partners.
15+
OpenMage is built and maintained by many passionate individuals. <br> But OpenMage would not exist without our strategic partners.
1616
</h3>
1717
</div>
1818
</div>
@@ -35,7 +35,10 @@ title_thin: in OpenMage LTS project
3535
</li>
3636
<li class="list-group-item">
3737
<a class="card-link" href="#agencies">Partner Agencies</a>
38-
</li>
38+
</li>
39+
<li class="list-group-item">
40+
<a class="card-link" href="/partners/freelancer.html">Freelancer</a>
41+
</li>
3942
<li class="list-group-item">
4043
<a class="card-link" href="#module-vendors">Module Vendors</a>
4144
</li>

0 commit comments

Comments
 (0)