Skip to content

Commit a403770

Browse files
semioticroboticsemioticrobotic
authored
feat: update landing page for 2025-02 (#12)
* add new section on ci360 resources * add new images * add disappearing hero image * add new section and utility classes * update inverted link designations * reorder page elements * adjust sizing on mobile * adjust section stylings Signed-off-by: Bryan Behrenshausen <[email protected]>
1 parent 079b678 commit a403770

File tree

5 files changed

+99
-41
lines changed

5 files changed

+99
-41
lines changed

‎css/sassoftware.css‎

Lines changed: 26 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ html { font-family: Anova, sans-serif; }
5252
html { font-size: 61.5%; }
5353
}
5454
@media (max-width: 1101px) {
55-
html { font-size: 58.5%; }
55+
html { font-size: 53.5%; }
5656
}
5757

5858
body { font-weight: normal; color: var(--text-color-normal); background-color: var(--background-color); }
@@ -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: 75%; display:block; margin: 5rem auto 7rem auto;}
71+
img { width: 100%; display:block; margin: 5rem auto 7rem auto;}
7272
}
7373

7474
pre,
@@ -179,7 +179,7 @@ h6 { font-size: 1.7rem; line-height: 1.6; margin-bottom: 0.6rem; font-weight: bo
179179
.divider {
180180
text-align: center;
181181
color: var(--text-color-inverted);
182-
margin: 13rem 0rem;
182+
margin: 15rem 0rem;
183183
padding: 0rem;
184184
}
185185
.inverted {
@@ -195,10 +195,16 @@ h6 { font-size: 1.7rem; line-height: 1.6; margin-bottom: 0.6rem; font-weight: bo
195195
padding: 2rem;
196196
box-sizing: border-box;
197197
}
198+
.bleed {
199+
background-color: var(--theme-hue);
200+
color: var(--text-color-inverted);
201+
padding: 10rem 5rem;
202+
margin: 0 auto;
203+
}
198204
.band {
199205
text-align: center;
200206
color: var(--text-color-inverted);
201-
margin: 13rem 0rem;
207+
margin: 15rem 0rem;
202208
padding: 7rem 10rem 5rem 10rem;
203209
}
204210
.blue-band {
@@ -226,11 +232,15 @@ a:hover {
226232
color: var(--accent-hue);
227233
text-decoration: none;
228234
}
235+
.bleed a:link,
236+
.bleed a:visited {
237+
color: var(--text-color-inverted);
238+
}
229239
.band a:link,
230240
.band a:visited,
231241
.inverted a:link,
232242
.inverted a:visited {
233-
color: white;
243+
color: var(--text-color-inverted);
234244
text-decoration: underline;
235245
display: inline-block;
236246
}
@@ -244,7 +254,7 @@ a:hover {
244254
.header a:visited,
245255
.footer a:link,
246256
.footer a:visited {
247-
color: white;
257+
color: var(--text-color-inverted);
248258
text-decoration: underline;
249259
display: inline-block;
250260
}
@@ -493,6 +503,10 @@ td:last-child {
493503
width: 100%;
494504
box-sizing: border-box;
495505
}
506+
.u-three-quarter-width {
507+
width: 75%;
508+
box-sizing: border-box;
509+
}
496510
.u-half-width {
497511
width: 50%;
498512
box-sizing: border-box;
@@ -525,9 +539,12 @@ td:last-child {
525539
font-size: 85%;
526540
}
527541
.u-img-hero {
528-
max-width: 100%;
529-
margin-top: 1rem;
530-
margin-bottom: 6rem;
542+
max-width: 80%;
543+
}
544+
@media (max-width: 1101px) {
545+
.u-img-hero {
546+
display:none;
547+
}
531548
}
532549
.u-img-border {
533550
border: 0.2rem solid var(--image-border);

‎images/sas-ci360.png‎

184 KB
Loading

‎images/sas-colors-2.png‎

183 KB
Loading

‎images/sas-viya.png‎

60.7 KB
Loading

‎index.html‎

Lines changed: 73 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -18,27 +18,29 @@
1818

1919
<body>
2020

21-
<!-- Hero section -->
21+
<!-- Body section -->
2222

23-
<div class="grid-container full">
24-
<div class="hero">
25-
<img class="u-img-hero" src="images/sas-colors.png">
23+
<div class="grid-container halves" style="margin-top:8rem;margin-bottom:17rem;">
24+
<div>
2625
<h1>Open source software from SAS</h1>
2726
<p>From data to insights. Faster. Help build the future of AI and analytics with open source tools from SAS.</p>
27+
<p><a class="button button-classic" href="https://github.com/sassoftware" title="github.com/sassoftware">View projects</a> <a href="contributor-handbook.html" title="SAS Open Source Contributor Handbook">Contribute →</a></p>
28+
</div>
29+
<div>
30+
<img class="u-img-hero" src="images/sas-colors-2.png">
2831
</div>
2932
</div>
3033

3134
<!-- Body section -->
3235

3336
<div class="grid-container halves">
3437
<div>
35-
<img class="u-img-border" src="images/vs-code.png">
38+
<img class="u-img-border" src="images/sas-viya-workbench.png">
3639
</div>
3740
<div>
38-
<h2>SAS extension for VS Code</h2>
39-
<p>The SAS Extension for Visual Studio Code provides support for the SAS language, including features such as SAS syntax highlighting, code completion, hover help, code folding, outline, SAS code snippets and run SAS code.</p>
40-
<p><a class="button button-classic" href="https://github.com/sassoftware/vscode-sas-extension" title="vscode-sas-extension">Install</a>
41-
<a href="https://sassoftware.github.io/vscode-sas-extension/">Read more → </a></p>
41+
<h2>Meet SAS® Viya® Workbench</h2>
42+
<p>Purpose-built for developers and modelers, <a href="https://www.sas.com/en_us/software/viya/workbench.html" title="Viya Workbench">Viya Workbench</a> is a self-service, on-demand compute environment for analytical development, including building AI and machine learning models for better data analysis.</p>
43+
<p><a class="button button-classic" href="https://github.com/sassoftware/sas-viya-workbench-examples" title="sas-viya-workbench-examples">View examples </a> <a href="https://github.com/sassoftware/sas-viya-workbench-demos" title="sas-viya-workbench-demos">Run demos →</a></p>
4244
</div>
4345
</div>
4446

@@ -103,28 +105,31 @@ <h2>SAS® Studio custom steps</h2>
103105

104106
<!-- Body section -->
105107

106-
<div class="grid-container quarters">
108+
<div class="grid-container halves" style="margin-bottom:2.5rem;">
107109
<div>
108-
<h2>SAS + Python = 😍</h2>
109-
<p>Unite the Python language with the analytic power of SAS.</p>
110-
<a href="https://developer.sas.com/open-source/python" title="Integrate SAS with Python">Learn more →</a>
111-
<hr>
112-
<img src="images/sas-python.png">
110+
<h2>SAS® Customer Intelligence 360. Supercharged.</h2>
111+
<p>Construct and manage customer journeys across all engagement channels in a flexible and secure manner. Open source resources from SAS help you do more.</p>
112+
<p><a class="button button-classic" href="https://developer.sas.com/solutions/customer_intelligence_360" title="SAS Customer Intelligence 360">Start here</a> <a href="https://github.com/orgs/sassoftware/repositories?q=ci360" title="ci360 on GitHub">Browse projects →</a></p>
113113
</div>
114-
<div class="boxed">
115-
<h6>saspy</h6>
116-
<p>A Python interface module to the SAS System. It works with Linux, Windows, and Mainframe SAS as well as with SAS in Viya®.</p>
117-
<p><a href="https://github.com/sassoftware/saspy" title="saspy">Explore →</a></p>
114+
<div>
115+
<img src="images/sas-ci360.png">
118116
</div>
119-
<div class="boxed">
120-
<h6>python-swat</h6>
121-
<p>A Python client to SAS Cloud Analytic Services (CAS). Execute CAS actions and process the results—all from Python.</p>
122-
<p><a href="https://github.com/sassoftware/python-swat" title="python-swat">Explore →</a></p>
117+
</div>
118+
<div class="grid-container thirds">
119+
<div>
120+
<h6>ci360-sas-tools</h6>
121+
<p>A collection of SAS macros designed to exercise SAS CI360 APIs that download data, which is in turn used for analysis and insight.</p>
122+
<p><a href="https://github.com/sassoftware/ci360-sas-tools" title="ci360-sas-tools">Explore →</a></p>
123123
</div>
124-
<div class="boxed">
125-
<h6>python-sasctl</h6>
126-
<p>Python package and CLI for user-friendly integration with SAS® Viya®.</p>
127-
<p><a href="https://github.com/sassoftware/python-sasctl" title="python-sasctl">Explore →</a></p>
124+
<div>
125+
<h6>ci360-extensions</h6>
126+
<p>Connectors, agents, and other assets ready to be used to enhance the capabilities of SAS CI360 and connect to third-party services.</p>
127+
<p><a href="https://github.com/sassoftware/ci360-extensions" title="ci360-extensions">Explore →</a></p>
128+
</div>
129+
<div>
130+
<h6>ci360-connectors</h6>
131+
<p>Provides an infrastructure to integrate SAS CI360 applications with other applications.</p>
132+
<p><a href="https://github.com/sassoftware/ci360-connectors" title="ci360-connectors">Explore →</a></p>
128133
</div>
129134
</div>
130135

@@ -140,12 +145,13 @@ <h6>python-sasctl</h6>
140145

141146
<div class="grid-container halves">
142147
<div>
143-
<h2>Meet SAS® Viya® Workbench</h2>
144-
<p>Purpose-built for developers and modelers, <a href="https://www.sas.com/en_us/software/viya/workbench.html" title="Viya Workbench">Viya Workbench</a> is a self-service, on-demand compute environment for analytical development, including building AI and machine learning models for better data analysis.</p>
145-
<p><a class="button button-classic" href="https://github.com/sassoftware/sas-viya-workbench-examples" title="sas-viya-workbench-examples">Download examples </a> <a href="https://github.com/sassoftware/sas-viya-workbench-demos" title="sas-viya-workbench-demos">Run demos →</a></p>
148+
<img class="u-img-border" src="images/vs-code.png">
146149
</div>
147150
<div>
148-
<img class="u-img-border" src="images/sas-viya-workbench.png">
151+
<h2>SAS extension for VS Code</h2>
152+
<p>The SAS Extension for Visual Studio Code provides support for the SAS language, including features such as SAS syntax highlighting, code completion, hover help, code folding, outline, SAS code snippets and run SAS code.</p>
153+
<p><a class="button button-classic" href="https://github.com/sassoftware/vscode-sas-extension" title="vscode-sas-extension">Install</a>
154+
<a href="https://sassoftware.github.io/vscode-sas-extension/">Read more →</a></p>
149155
</div>
150156
</div>
151157

@@ -187,7 +193,7 @@ <h4>SAS® Viya® 4 admin checklist</h4>
187193
<p><a href="https://github.com/sassoftware/viya4-admin-checklist" title="viya4-admin-checklist">Get started →</a></p>
188194
</div>
189195
<div class="inverted">
190-
<h3>SAS® Viya® cloud deployment. Automated.</h3>
196+
<h3>Automated SAS® Viya® cloud deployment.</h3>
191197
<p>Open source Terraform configuration files for provisioning SAS® Viya® resources on public clouds.</p>
192198
<h4>Deploy now</h4>
193199
<ul>
@@ -210,6 +216,41 @@ <h2>SAS education resources</h2>
210216

211217
<!-- Body section -->
212218

219+
<div class="grid-container quarters">
220+
<div>
221+
<h2>SAS + Python = 😍</h2>
222+
<p>Unite the Python language with the analytic power of SAS.</p>
223+
<a href="https://developer.sas.com/open-source/python" title="Integrate SAS with Python">Learn more →</a>
224+
<hr>
225+
<img src="images/sas-python.png">
226+
</div>
227+
<div>
228+
<h6>saspy</h6>
229+
<p>A Python interface module to the SAS System. It works with Linux, Windows, and Mainframe SAS as well as with SAS in Viya®.</p>
230+
<p><a href="https://github.com/sassoftware/saspy" title="saspy">Explore →</a></p>
231+
</div>
232+
<div>
233+
<h6>python-swat</h6>
234+
<p>A Python client to SAS Cloud Analytic Services (CAS). Execute CAS actions and process the results—all from Python.</p>
235+
<p><a href="https://github.com/sassoftware/python-swat" title="python-swat">Explore →</a></p>
236+
</div>
237+
<div>
238+
<h6>python-sasctl</h6>
239+
<p>Python package and CLI for user-friendly integration with SAS® Viya®.</p>
240+
<p><a href="https://github.com/sassoftware/python-sasctl" title="python-sasctl">Explore →</a></p>
241+
</div>
242+
</div>
243+
244+
<!-- Banded section -->
245+
246+
<div class="divider">
247+
<div>
248+
<img class="u-img-divider" src="images/standard-section-divider.png">
249+
</div>
250+
</div>
251+
252+
<!-- Body section -->
253+
213254
<div class="grid-container full" style="margin-bottom:2.5rem;">
214255
<div>
215256
<h2>Open source projects from SAS</h2>

0 commit comments

Comments
 (0)