Skip to content

Commit 076ea5a

Browse files
rivermariverma
authored
Merge pull request #134 from riverma/main
Merging due to successful test deployment on @riverma fork and urgent need for upcoming show-and-tell.
2 parents 6be3db7 + 0e8ea62 commit 076ea5a

19 files changed

+307
-48
lines changed

‎docs/about/README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,25 +6,25 @@ sidebar_position: 1
66

77
> _A shared resource for discussing, iterating and referencing best practices in software lifecycle process improvements for multi-mission space and ground software_
88
9-
[📖 View our Infographic (PDF)](https://github.com/NASA-AMMOS/slim/files/8534342/SLIM-Infographic.pdf)
9+
[📖 View our Infographic (PDF)](SLIM-Infographic.pdf)
1010

1111
Software Lifecycle Improvement & Modernization (SLIM) is a project focused on collecting, developing, and disseminating best practices and process improvement strategies in NASA multi-mission software development lifecycle ecosystems. SLIM represents both a community of contributors as well as a continually evolving repository for best practices documentation.
1212

1313
## Scope
1414

1515
There are three key areas within the software development lifecycle improvement space that SLIM focuses on providing best practice guidance for:
1616

17-
![SLIM-scope](https://user-images.githubusercontent.com/3129134/164510892-e95d6091-2038-43d5-9d4d-4880bd0b068f.png)
17+
![SLIM-scope](/img/scope.png)
1818

1919
## Process
2020

2121
We reach out to community member projects, and solicit input on outstanding process improvement needs, including the respective needs' relative ranking in importance / criticality. A few needs are chosen to focus active contributor time upon - seeking to develop best practice guides, including items such as use case lists, trade-studies, reference architectures and starter kits.
2222

23-
![SLIM-community-process](https://user-images.githubusercontent.com/3129134/164385744-3ba6c442-e4a8-41df-9f64-44b8faa9562a.png)
23+
![SLIM-community-process](/img/community-process.png)
2424

2525
Once prioritized needs are identified, contributors go through a series of steps to create best practice guides for the community.
2626

27-
![SLIM-dev-process](https://user-images.githubusercontent.com/3129134/164385960-911bff81-9218-4ba3-bcee-b60284a8b05c.png)
27+
![SLIM-dev-process](/img/dev-process.png)
2828

2929
More information on our development process for best practice guides can be found in our [Contributing Guide](docs/contribute/contributing/development-process).
3030

@@ -40,17 +40,17 @@ The following list of projects are currently SLIM member projects:
4040
<ul>
4141
<li>
4242
<a href="https://github.com/nasa-ammos/" rel="NASA AMMOS">
43-
<img src="https://avatars.githubusercontent.com/u/37851411?s=200&v=4" alt="NASA AMMOS" />
43+
NASA AMMOS
4444
</a>
4545
</li>
4646
<li>
4747
<a href="https://github.com/unity-sds/" rel="Unity SDS">
48-
<img src="https://user-images.githubusercontent.com/3129134/163255685-857aa780-880f-4c09-b08c-4b53bf4af54d.png" alt="Unity SDS" />
48+
Unity SDS
4949
</a>
5050
</li>
5151
<li>
5252
<a href="https://github.com/hysds/" rel="HySDS">
53-
<img src="https://user-images.githubusercontent.com/3129134/161156679-c3dcec08-b6af-44e4-910c-5ec82ef18649.png" alt="HySDS" />
53+
HySDS
5454
</a>
5555
</li>
5656
</ul>

‎docs/about/SLIM-Infographic.pdf

1.56 MB
Binary file not shown.

‎docusaurus.config.js

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
88
const config = {
99
title: 'SLIM',
1010
tagline: 'Software Lifecycle Improvement & Modernization (SLIM)',
11-
favicon: 'img/slim-favicon.ico',
11+
favicon: '/img/favicon.ico',
1212

1313

1414
// Set the production url of your site here
@@ -143,14 +143,16 @@ const config = {
143143
darkTheme: darkCodeTheme,
144144
},
145145
colorMode: {
146-
disableSwitch: true
146+
disableSwitch: false,
147+
defaultMode: 'dark',
148+
respectPrefersColorScheme: false
147149
},
148150
}),
149151

150152
markdown: {
151153
mermaid: true,
152154
},
153-
themes: ['@docusaurus/theme-mermaid'],
155+
themes: ['@docusaurus/theme-mermaid']
154156
};
155157

156158
module.exports = config;

‎src/components/HomepageFeatures/styles.module.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
.features {
22
display: flex;
33
align-items: center;
4-
padding: 2rem 0;
4+
padding: 1rem 0;
55
width: 100%;
66
}
7+
/* [data-theme='dark'] .features {
8+
background-color: #aeaeae !important;
9+
color: #000 !important;
10+
} */
711

812
.featureSvg {
913
height: 200px;

‎src/css/custom.css

Lines changed: 193 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,8 @@
44
* work well for content-centric websites.
55
*/
66

7-
/* You can override the default Infima variables here. */
8-
[data-theme='dark'] {
9-
--ifm-color-primary: #383cff;
10-
--ifm-color-primary-dark: #1215b8;
11-
--ifm-color-primary-darker: #090b91;
12-
--ifm-color-primary-darkest: #000294;
13-
--ifm-color-primary-light: #383cff;
14-
--ifm-color-primary-lighter: #1215b8;
15-
--ifm-color-primary-lightest: #090b91;
16-
--ifm-code-font-size: 95%;
17-
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
18-
}
7+
/* Importing Fluent System Fonts */
8+
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Serif:wght@400;500;600&display=swap');
199

2010
/* For readability concerns, you should choose a lighter palette in dark mode. */
2111
[data-theme='dark'] {
@@ -28,3 +18,194 @@
2818
--ifm-color-primary-lightest: #4fddbf;
2919
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
3020
}
21+
22+
[data-theme='dark'] {
23+
--ifm-background-color: #1e2125 !important; /* Set a global background color */
24+
--ifm-hero-background-color: var(--ifm-background-color);
25+
}
26+
27+
[data-theme='dark'] body,
28+
[data-theme='dark'] .main-wrapper,
29+
[data-theme='dark'] .container {
30+
background-color: var(--ifm-background-color) !important;
31+
}
32+
33+
[data-theme='dark'] footer {
34+
background-color: unset;
35+
}
36+
37+
38+
39+
body {
40+
font-family: 'IBM Plex Sans', sans-serif; /* Fluent's primary font */
41+
color: #333 !important; /* Fluent color for text, ensuring readability */
42+
line-height: 1.6; /* Adequate line height for readability */
43+
}
44+
[data-theme='dark'] body {
45+
color: #ffffff !important;
46+
/* background-color: #1e2125 !important; */
47+
}
48+
49+
[data-theme='dark'] .card {
50+
background-color: #3b3b3b !important;
51+
color: #FFF;
52+
}
53+
[data-theme='dark'] .list-group-item {
54+
background-color: #3b3b3b !important;
55+
color: #FFF;
56+
}
57+
[data-theme='dark'] .navbar {
58+
background-color: #1c1c1c !important;
59+
color: #FFF;
60+
}
61+
[data-theme='dark'] .dropdown-item {
62+
color: unset;
63+
}
64+
65+
.footer .col {
66+
text-align: center;
67+
}
68+
69+
h1, h2, h3, h4, h5, h6 {
70+
font-family: 'IBM Plex Sans', sans-serif;
71+
color: #000; /* Slightly darker color for headers */
72+
margin-top: 20px; /* Spacing above headers */
73+
margin-bottom: 10px; /* Spacing below headers */
74+
}
75+
76+
h1 {
77+
font-size: 2.5rem; /* Size for main headers */
78+
font-weight: 700; /* Bold weight for prominence */
79+
}
80+
81+
h2 {
82+
font-size: 2rem;
83+
font-weight: 600; /* Slightly less bold than h1 */
84+
}
85+
86+
h3 {
87+
font-size: 1.75rem;
88+
font-weight: 600;
89+
}
90+
91+
h4 {
92+
font-size: 1.5rem;
93+
font-weight: 600;
94+
}
95+
96+
/* Adjusting font sizes for smaller headers */
97+
h5 {
98+
font-size: 1.25rem;
99+
font-weight: 600;
100+
}
101+
102+
h6 {
103+
font-size: 1rem;
104+
font-weight: 600;
105+
}
106+
107+
p {
108+
font-family: 'IBM Plex Sans', sans-serif;
109+
font-size: 1rem; /* Standard size for body text */
110+
margin-bottom: 15px; /* Spacing after paragraphs */
111+
}
112+
113+
a {
114+
font-family: 'IBM Plex Sans', sans-serif;
115+
text-decoration: none !important; /* No underline for a clean look */
116+
}
117+
[data-theme='dark'] a {
118+
color: #a8fae8;
119+
}
120+
121+
a:hover {
122+
text-decoration: none !important; /* Underline on hover for interactivity */
123+
}
124+
125+
/* Fluent button styles */
126+
.button--primary {
127+
background-color: #0078d4; /* Primary color */
128+
color: white;
129+
border: none;
130+
padding: 10px 20px;
131+
border-radius: 4px; /* Fluent corner rounding */
132+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Depth */
133+
}
134+
[data-theme='dark'] .button--primary {
135+
background-color: var(--ifm-color-primary-dark);
136+
color: white;
137+
}
138+
.btn-primary {
139+
background-color: #0078d4; /* Primary color */
140+
color: white;
141+
border: none !important;
142+
padding: 10px 20px;
143+
border-radius: 4px; /* Fluent corner rounding */
144+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Depth */
145+
}
146+
[data-theme='dark'] .btn-primary {
147+
background-color: var(--ifm-color-primary-dark);
148+
color: white;
149+
}
150+
151+
.button--primary:hover {
152+
background-color: #005a9e; /* Darker shade on hover */
153+
}
154+
[data-theme='dark'] .button--primary:hover {
155+
background-color: var(--ifm-color-primary-lightest);
156+
}
157+
158+
.btn-primary:hover {
159+
background-color: #005a9e; /* Darker shade on hover */
160+
}
161+
[data-theme='dark'] .btn-primary:hover {
162+
background-color: var(--ifm-color-primary-lightest);
163+
}
164+
165+
.btn-primary:active {
166+
background-color: #005a9e; /* Darker shade on hover */
167+
}
168+
[data-theme='dark'] .btn-primary:active {
169+
background-color: var(--ifm-color-primary-lightest) !important;
170+
}
171+
[data-theme='dark'] .btn-primary:focus {
172+
background-color: var(--ifm-color-primary-lightest) !important;
173+
}
174+
[data-theme='dark'] .btn-primary:visited {
175+
background-color: var(--ifm-color-primary-lightest) !important;
176+
}
177+
178+
.button--secondary {
179+
background-color: #ffffff;
180+
color: #0078d4;
181+
border: 2px solid #0078d4;
182+
padding: 8px 18px;
183+
border-radius: 4px;
184+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
185+
}
186+
[data-theme='dark'] .button--secondary {
187+
border: 2px solid #fff;
188+
}
189+
190+
.btn-secondary {
191+
background-color: #ffffff;
192+
color: #0078d4;
193+
border: 2px solid #0078d4;
194+
padding: 8px 18px;
195+
border-radius: 4px;
196+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
197+
}
198+
[data-theme='dark'] .btn-secondary {
199+
border: 2px solid #fff;
200+
}
201+
202+
.button--secondary:hover {
203+
background-color: #f3f2f1; /* Light gray background on hover */
204+
}
205+
206+
.navbar__logo {
207+
margin: 5px 20px 5px 10px;
208+
}
209+
[data-theme='dark'] .navbar__logo {
210+
content: url('/static/img/nasa-jpl-dark.png')
211+
}

‎src/pages/index.js

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,8 @@ function HomepageHeader() {
1212
return (
1313
<header className={clsx('hero hero--info', styles.heroBanner)}>
1414
<div className="container">
15-
<img src="img/logo.svg" height="200"/>
16-
<p className="hero__subtitle">{siteConfig.tagline}</p>
17-
<p>A shared resource for discussing, iterating and referencing best practices in software lifecycle process improvements.</p>
15+
<img src="img/logo.svg" height="275"/>
16+
<p style={{ padding: '15px' }}>A community-resource for exchanging and implementing best practices in software lifecycle improvements.</p>
1817
<div style={{ display: 'flex', justifyContent: 'center' }}>
1918
<div className={styles.buttonWrapper}>
2019
<Link className="button button--primary button--lg" to="/docs/guides/search">

‎static/img/community-process.png

219 KB
Loading

0 commit comments

Comments
 (0)