Skip to content

Commit 822b09a

Browse files
semioticroboticsemioticrobotic
authored
feat: update menu and add callout sections for developer portal and education resources (#8)
* feat: add callout sections for developer portal and education resources * fix: remove superfluous spacer Signed-off-by: Bryan Behrenshausen <bryan.behrenshausen@sas.com>
1 parent 9f48ddb commit 822b09a

File tree

3 files changed

+50
-59
lines changed

3 files changed

+50
-59
lines changed

‎css/sassoftware.css

Lines changed: 7 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ img { height: auto; }
6868
img { width: 100%; display:block; margin: 0 auto;}
6969
}
7070
@media (max-width: 1101px) {
71-
img { width: 65%; display:block; margin: 5rem auto 0 auto;}
71+
img { width: 75%; display:block; margin: 5rem auto 0 auto;}
7272
}
7373

7474
pre,
@@ -159,18 +159,12 @@ h6 { margin-bottom: 0.6rem; font-weight: bold; }
159159
/* Section styles
160160
–––––––––––––––––––––––––––––––––––––––––––––––––– */
161161

162-
.menu {
163-
background-color: var(--theme-color);
164-
margin: 4rem 0rem;
165-
text-align: center;
166-
color: var(--text-color-normal);
167-
}
168162
.hero {
169163
background-color: var(--theme-hue);
170164
text-align: center;
171165
color: var(--text-color-inverted);
172-
margin: 0rem 0rem 10rem 0rem;
173-
padding: 8rem 8rem 4rem 8rem;
166+
margin: 5rem 0rem 10rem 0rem;
167+
padding: 5rem 8rem 4rem 8rem;
174168
border-radius: .5rem;
175169
}
176170
.divider {
@@ -227,21 +221,10 @@ a {
227221
color: var(--theme-hue);
228222
text-decoration: none;
229223
}
230-
231224
a:hover {
232225
color: var(--accent-hue);
233226
text-decoration: none;
234227
}
235-
.menu a:link,
236-
.menu a:visited {
237-
color: var(--text-color-normal);
238-
text-decoration: none;
239-
display: inline-block;
240-
}
241-
.menu a:hover,
242-
.menu a:active {
243-
text-decoration: underline;
244-
}
245228
.band a:link,
246229
.band a:visited,
247230
.inverted a:link,
@@ -423,38 +406,27 @@ label > .label-body {
423406
margin-left: .5rem;
424407
font-weight: normal; }
425408

426-
427409
/* Lists
428410
–––––––––––––––––––––––––––––––––––––––––––––––––– */
429411

430412
ul {
431413
list-style: circle inside;
432414
}
433-
434415
ol {
435416
list-style: decimal inside;
436417
}
437-
438418
ol, ul {
439419
padding-left: 0rem;
440420
margin-top: 0rem;
441421
}
442-
443422
ul ul, ul ol, ol ol, ol ul {
444423
font-size: 100%;
445424
margin: 1rem 0rem 1rem 3rem;
446425
color: var(--text-color-softer);
447426
}
448-
449427
li {
450428
margin-bottom: 0.5rem;
451429
}
452-
453-
.menu li {
454-
margin: 1rem 2rem 1rem 2rem;
455-
display: inline-block;
456-
}
457-
458430
.footer li {
459431
margin: 0rem 1rem 0rem 1rem;
460432
display: inline-block;
@@ -480,7 +452,6 @@ pre > code {
480452
overflow: auto;
481453
}
482454

483-
484455
/* Tables
485456
–––––––––––––––––––––––––––––––––––––––––––––––––– */
486457

@@ -504,7 +475,7 @@ td:last-child {
504475
/* Utilities
505476
–––––––––––––––––––––––––––––––––––––––––––––––––– */
506477

507-
.u-max-full-width {
478+
.u-max-width {
508479
max-width: 100%;
509480
box-sizing: border-box;
510481
}
@@ -513,11 +484,11 @@ td:last-child {
513484
box-sizing: border-box;
514485
}
515486
.u-half-width {
516-
max-width: 50%;
487+
width: 50%;
517488
box-sizing: border-box;
518489
}
519490
.u-quarter-width {
520-
max-width: 25%;
491+
width: 25%;
521492
box-sizing: border-box;
522493
}
523494
.u-pull-right {
@@ -548,7 +519,7 @@ td:last-child {
548519
border: 0.2rem solid var(--image-border);
549520
border-radius: 0.5rem;
550521
}
551-
.u-img-divider{
522+
.u-img-divider {
552523
width: auto;
553524
display: block;
554525
margin: 0 auto;

‎images/sas-developers-logo-brackets-2color.png

12 KB
Loading

‎index.html

Lines changed: 43 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -17,16 +17,6 @@
1717
<!-- Primary page layout -->
1818

1919
<body>
20-
21-
<!-- Menu section -->
22-
23-
<div class="menu">
24-
<ul>
25-
<li><a href="https://github.com/sassoftware" title="github.com/sassoftware">SAS on GitHub</a></li>
26-
<li><a href="https://developer.sas.com/" title="developer.sas.com">For SAS Programmers</a></li>
27-
<li><a href="https://www.sas.com/en_us/company-information/why-sas.html" title="sas.com">About SAS</a></li>
28-
</ul>
29-
</div>
3020

3121
<!-- Hero section -->
3222

@@ -109,7 +99,7 @@ <h2>SAS + Python</h2>
10999
<p>Unite the Python language with the analytic power of SAS.</p>
110100
<a href="https://developer.sas.com/open-source/python" title="Integrate SAS with Python">Learn more →</a>
111101
<hr>
112-
<img class="u-full-width" src="images/sas-python.png">
102+
<img src="images/sas-python.png">
113103
</div>
114104
<div class="boxed">
115105
<h6>saspy</h6>
@@ -150,20 +140,20 @@ <h3>Learn</h3>
150140
<hr>
151141
<h4>SAS® Viya® quick start</h4>
152142
<p>Accelerate your learning with examples and tutorials as you watch the SAS® Viya® <a href="https://video.sas.com/category/videos/sas-viya-quick-start" title="SAS® Viya® Quick Start">Quick Start video series</a>.</p>
153-
<p><a class="button" href="https://github.com/sassoftware/sas-viya-quick-start" title="sas-viya-quick-start">Get started</a></p>
143+
<p><a href="https://github.com/sassoftware/sas-viya-quick-start" title="sas-viya-quick-start">Get started →</a></p>
154144
<h4>SAS® Viya® programming</h4>
155145
<p>Learn how to access SAS® Viya® services by writing programs in Python and other languages.</p>
156-
<p><a class="button" href="https://github.com/sassoftware/sas-viya-programming" title="sas-viya-programming">Get started</a></p>
146+
<p><a href="https://github.com/sassoftware/sas-viya-programming" title="sas-viya-programming">Get started →</a></p>
157147
</div>
158148
<div>
159149
<h3>Administer</h3>
160150
<hr>
161151
<h4>SAS® Viya® 4 administration resource kit</h4>
162152
<p>Access tools and utilities for running SAS® Viya® in containers.</p>
163-
<p><a class="button" href="https://github.com/sassoftware/viya4-ark" title="viya4-ark">Get started</a></p>
153+
<p><a href="https://github.com/sassoftware/viya4-ark" title="viya4-ark">Get started →</a></p>
164154
<h4>SAS® Viya® 4 admin checklist</h4>
165155
<p>Keep your SAS® Viya® deployment operating at its best.</p>
166-
<p><a class="button" href="https://github.com/sassoftware/viya4-admin-checklist" title="viya4-admin-checklist">Get started</a></p>
156+
<p><a href="https://github.com/sassoftware/viya4-admin-checklist" title="viya4-admin-checklist">Get started →</a></p>
167157
</div>
168158
<div class="inverted">
169159
<h3>SAS® Viya® cloud deployment. Automated.</h3>
@@ -178,23 +168,22 @@ <h4>Deploy now</h4>
178168

179169
<!-- Banded section -->
180170

181-
<div class="divider">
171+
<div class="band gray-band">
182172
<div>
183-
<img class="u-img-divider" src="images/standard-section-divider.png">
173+
<h2>SAS education resources</h2>
174+
<p class="u-embiggen">A collection of hands-on instructions, examples, data, and tutorials to support your SAS training journey.</p>
175+
<p><a class="button button-inverted" href="https://github.com/sassoftware/sas-education">Start learning</a><p>
184176
</div>
185177
</div>
186178

187179
<!-- Body section -->
188180

189181
<div class="grid-container halves" style="margin-bottom:2.5rem;">
190182
<div>
191-
<h2>Explore open source projects from SAS</h2>
183+
<h2>Open source projects from SAS</h2>
192184
<p>Browse the <a href="https://github.com/sassoftware" title="SAS Software organization on GitHub">SAS Software organization on GitHub</a>.</p>
193185
</div>
194186
</div>
195-
196-
<!-- Body section -->
197-
198187
<div class="grid-container thirds">
199188
<div id="just-launched">
200189
<h4>Just launched</h4>
@@ -265,12 +254,43 @@ <h4>Most forked</h4>
265254

266255
</script>
267256

257+
<!-- Banded section -->
258+
259+
<div class="divider">
260+
<div>
261+
<img class="u-img-divider" src="images/standard-section-divider.png">
262+
</div>
263+
</div>
264+
265+
<!-- Body section -->
266+
267+
<div class="grid-container halves">
268+
<div>
269+
<img src="images/sas-developers-logo-brackets-2color.png">
270+
</div>
271+
<div>
272+
<h2>For SAS programmers</h2>
273+
<p>Build applications that integrate the SAS AI and analytics platform with open source tools and frameworks.</p>
274+
<p><a class="button button-classic" href="https://developer.sas.com/" title="developer.sas.com">Get started</a></p>
275+
</div>
276+
</div>
277+
278+
<!-- Banded section -->
279+
280+
<div class="divider">
281+
<div>
282+
<img class="u-img-divider" src="images/standard-section-divider.png">
283+
</div>
284+
</div>
285+
268286
<!-- Footer section -->
269287

270288
<div class="footer">
271-
<p>©2024 SAS Institute Inc. All Rights Reserved.</p>
289+
<p>©2024 <a href="https://www.sas.com/" title="sas.com">SAS Institute Inc.</a> All Rights Reserved.</p>
272290
<ul>
273-
<li><a href="https://github.com/sassoftware/sassoftware.github.io" alt="sasssoftware.github.io">Site Code</a></li>
291+
<li><a href="https://github.com/sassoftware/sassoftware.github.io" title="sasssoftware.github.io">Site Code</a></li>
292+
<li><a href="https://github.com/sassoftware" title="github.com/sassoftware">SAS on GitHub</a></li>
293+
<li><a href="https://www.sas.com/en_us/company-information/why-sas.html" title="sas.com">About SAS</a></li>
274294
</ul>
275295
</div>
276296

0 commit comments

Comments
 (0)