Skip to content

Commit 0b046de

Browse files
Clint EspinozaClint Espinoza
Clint Espinoza
authored and
Clint Espinoza
committed
[cespinoza] - #11426 - create PTG page and FAQ from HTML doc
1 parent aea5034 commit 0b046de

6 files changed

Lines changed: 529 additions & 0 deletions

File tree

‎openstack/code/PTG.php‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<?php
2+
/**
3+
* Copyright 2014 Openstack Foundation
4+
* Licensed under the Apache License, Version 2.0 (the "License");
5+
* you may not use this file except in compliance with the License.
6+
* You may obtain a copy of the License at
7+
* http://www.apache.org/licenses/LICENSE-2.0
8+
* Unless required by applicable law or agreed to in writing, software
9+
* distributed under the License is distributed on an "AS IS" BASIS,
10+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11+
* See the License for the specific language governing permissions and
12+
* limitations under the License.
13+
* testing
14+
**/
15+
/**
16+
* Defines the PTG page type
17+
*/
18+
class PTG extends Page {
19+
}
20+
21+
class PTG_Controller extends Page_Controller {
22+
function init() {
23+
parent::init();
24+
}
25+
}

‎openstack/code/PTGfaq.php‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<?php
2+
/**
3+
* Copyright 2014 Openstack Foundation
4+
* Licensed under the Apache License, Version 2.0 (the "License");
5+
* you may not use this file except in compliance with the License.
6+
* You may obtain a copy of the License at
7+
* http://www.apache.org/licenses/LICENSE-2.0
8+
* Unless required by applicable law or agreed to in writing, software
9+
* distributed under the License is distributed on an "AS IS" BASIS,
10+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11+
* See the License for the specific language governing permissions and
12+
* limitations under the License.
13+
* testing
14+
**/
15+
/**
16+
* Defines the PTG faq page type
17+
*/
18+
19+
class PTGfaq extends Page {
20+
}
21+
22+
class PTGfaq_Controller extends Page_Controller {
23+
function init() {
24+
parent::init();
25+
}
26+
}

‎themes/openstack/css/ptg.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
/*PTG landing*/
2+
.ptg-hero {
3+
text-align: center;
4+
padding: 60px 0 60px;
5+
background: #248EC7;
6+
color: white; }
7+
.ptg-hero h4 {
8+
margin: 0;
9+
text-transform: uppercase;
10+
font-size: 1em;
11+
font-weight: 700; }
12+
.ptg-hero h1 {
13+
margin-top: 5px;
14+
color: white; }
15+
.ptg-hero p strong {
16+
display: block;
17+
font-weight: 600; }
18+
.ptg-hero hr {
19+
margin-top: 60px;
20+
margin-bottom: 0; }
21+
22+
.ptg-body {
23+
padding: 10px 0 60px; }
24+
.ptg-body .col-sm-6 {
25+
padding: 0 40px; }
26+
.ptg-body h2 {
27+
font-size: 1.6em;
28+
margin: 40px 0 10px; }
29+
.ptg-body .ptg-who {
30+
background: #edf2f7;
31+
padding: 60px 0;
32+
margin: 60px 0 30px; }
33+
.ptg-body .ptg-who .who-icons {
34+
text-align: center; }
35+
.ptg-body .ptg-who i {
36+
font-size: 55px; }
37+
.ptg-body .ptg-who i.fa-check-circle {
38+
color: #7ED321; }
39+
.ptg-body .ptg-who i.fa-times-circle {
40+
color: #BE342B; }
41+
.ptg-body .ptg-who h2 {
42+
text-align: center;
43+
margin: 10px 0 30px; }
44+
.ptg-body .ptg-who .who-group {
45+
text-align: left;
46+
padding: 5px 20px;
47+
background: #2A4E68;
48+
color: white;
49+
text-transform: uppercase;
50+
font-size: 0.9em;
51+
font-weight: 300;
52+
display: inline-block;
53+
margin: 20px 0 10px; }
54+
.ptg-body .ptg-who .who-group.first {
55+
margin-top: 0; }
56+
.ptg-body .ptg-who p {
57+
text-align: left; }
58+
59+
@media (max-width: 767px) {
60+
.ptg-body .ptg-who .col-sm-6 {
61+
padding: 0 15px; }
62+
.ptg-body i.fa-times-circle {
63+
margin-top: 30px; } }
64+
65+
img.ptg-release-timeline {
66+
max-width: 100%; }
67+
68+
.ptg-cta {
69+
background: #248EC7;
70+
padding: 40px 0px 70px;
71+
color: white;
72+
text-align: center;
73+
margin-bottom: -50px;}
74+
.ptg-cta h2 {
75+
text-align: center;
76+
color: white; }
77+
.ptg-cta a {
78+
color: white;
79+
text-decoration: underline; }
80+
.ptg-cta p {
81+
color: white; }
82+
.ptg-cta form.ptg-form {
83+
margin-top: 25px;
84+
vertical-align: middle; }
85+
.ptg-cta input.ptg-input {
86+
padding: 10px;
87+
border-radius: 4px;
88+
min-width: 350px;
89+
border: 1px solid white;
90+
margin-right: 10px;
91+
text-transform: uppercase;
92+
color: #30739C; }
93+
.ptg-cta input.ptg-input:focus {
94+
outline: 0; }
95+
.ptg-cta button.inline-btn {
96+
display: inline-block;
97+
margin: -1px 0 0 0;
98+
padding: 10px;
99+
border: 1px solid white;
100+
border-radius: 4px;
101+
background: transparent;
102+
text-transform: uppercase; }
103+
.ptg-cta button.inline-btn:hover, .ptg-cta button.inline-btn:focus {
104+
background: #30739C;
105+
border-color: #30739C;
106+
color: white;
107+
outline: 0; }

‎themes/openstack/css/ptgfaq.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
/*PTG landing*/
2+
.ptg-hero {
3+
text-align: center;
4+
padding: 60px 0 60px;
5+
background: #248EC7;
6+
color: white; }
7+
.ptg-hero h4 {
8+
margin: 0;
9+
text-transform: uppercase;
10+
font-size: 1em;
11+
font-weight: 700; }
12+
.ptg-hero h1 {
13+
margin-top: 5px;
14+
color: white; }
15+
.ptg-hero p strong {
16+
display: block;
17+
font-weight: 600; }
18+
.ptg-hero hr {
19+
margin-top: 60px;
20+
margin-bottom: 0; }
21+
22+
.ptg-body {
23+
padding: 10px 0 60px; }
24+
.ptg-body .col-sm-6 {
25+
padding: 0 40px; }
26+
.ptg-body h2 {
27+
font-size: 1.6em;
28+
margin: 40px 0 10px; }
29+
.ptg-body .ptg-who {
30+
background: #edf2f7;
31+
padding: 60px 0;
32+
margin: 60px 0 30px; }
33+
.ptg-body .ptg-who .who-icons {
34+
text-align: center; }
35+
.ptg-body .ptg-who i {
36+
font-size: 55px; }
37+
.ptg-body .ptg-who i.fa-check-circle {
38+
color: #7ED321; }
39+
.ptg-body .ptg-who i.fa-times-circle {
40+
color: #BE342B; }
41+
.ptg-body .ptg-who h2 {
42+
text-align: center;
43+
margin: 10px 0 30px; }
44+
.ptg-body .ptg-who .who-group {
45+
text-align: left;
46+
padding: 5px 20px;
47+
background: #2A4E68;
48+
color: white;
49+
text-transform: uppercase;
50+
font-size: 0.9em;
51+
font-weight: 300;
52+
display: inline-block;
53+
margin: 20px 0 10px; }
54+
.ptg-body .ptg-who .who-group.first {
55+
margin-top: 0; }
56+
.ptg-body .ptg-who p {
57+
text-align: left; }
58+
59+
@media (max-width: 767px) {
60+
.ptg-body .ptg-who .col-sm-6 {
61+
padding: 0 15px; }
62+
.ptg-body i.fa-times-circle {
63+
margin-top: 30px; } }
64+
65+
img.ptg-release-timeline {
66+
max-width: 100%; }
67+
68+
.ptg-cta {
69+
background: #248EC7;
70+
padding: 40px 0px 70px;
71+
color: white;
72+
text-align: center;
73+
margin-bottom: -50px;}
74+
.ptg-cta h2 {
75+
text-align: center;
76+
color: white; }
77+
.ptg-cta a {
78+
color: white;
79+
text-decoration: underline; }
80+
.ptg-cta p {
81+
color: white; }
82+
.ptg-cta form.ptg-form {
83+
margin-top: 25px;
84+
vertical-align: middle; }
85+
.ptg-cta input.ptg-input {
86+
padding: 10px;
87+
border-radius: 4px;
88+
min-width: 350px;
89+
border: 1px solid white;
90+
margin-right: 10px;
91+
text-transform: uppercase;
92+
color: #30739C; }
93+
.ptg-cta input.ptg-input:focus {
94+
outline: 0; }
95+
.ptg-cta button.inline-btn {
96+
display: inline-block;
97+
margin: -1px 0 0 0;
98+
padding: 10px;
99+
border: 1px solid white;
100+
border-radius: 4px;
101+
background: transparent;
102+
text-transform: uppercase; }
103+
.ptg-cta button.inline-btn:hover, .ptg-cta button.inline-btn:focus {
104+
background: #30739C;
105+
border-color: #30739C;
106+
color: white;
107+
outline: 0; }

0 commit comments

Comments
 (0)