Skip to content

Commit 3b3d095

Browse files
alisonjosephalisonjoseph
committed
begin adding mdx files for testing
0 parents  commit 3b3d095

File tree

15 files changed

+13242
-0
lines changed

15 files changed

+13242
-0
lines changed

‎.gitignore

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
8+
# Runtime data
9+
pids
10+
*.pid
11+
*.seed
12+
*.pid.lock
13+
14+
# Directory for instrumented libs generated by jscoverage/JSCover
15+
lib-cov
16+
17+
# Coverage directory used by tools like istanbul
18+
coverage
19+
20+
# nyc test coverage
21+
.nyc_output
22+
23+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24+
.grunt
25+
26+
# Bower dependency directory (https://bower.io/)
27+
bower_components
28+
29+
# node-waf configuration
30+
.lock-wscript
31+
32+
# Compiled binary addons (http://nodejs.org/api/addons.html)
33+
build/Release
34+
35+
# Dependency directories
36+
node_modules/
37+
jspm_packages/
38+
39+
# Typescript v1 declaration files
40+
typings/
41+
42+
# Optional npm cache directory
43+
.npm
44+
45+
# Optional eslint cache
46+
.eslintcache
47+
48+
# Optional REPL history
49+
.node_repl_history
50+
51+
# Output of 'npm pack'
52+
*.tgz
53+
54+
# dotenv environment variables file
55+
.env
56+
57+
# gatsby files
58+
.cache/
59+
public
60+
61+
# Mac files
62+
.DS_Store
63+
64+
# Yarn
65+
yarn-error.log
66+
.pnp/
67+
.pnp.js
68+
# Yarn Integrity file
69+
.yarn-integrity

‎.npmignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
public/
2+
**/.DS_Store
3+
.cache

‎README.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# Gatsby Theme Minimal Example
2+
3+
A usage of
4+
[gatsby-theme-minimal](https://github.com/ChristopherBiscardi/gatsby-theme-minimal)
5+
that does nothing but use the theme. As a result you will see `Error: Missing resources for /` when navigating to `localhost:8000`. To get
6+
rid of that, create a page in `src/pages/index.js`.

‎gatsby-config.js

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
module.exports = {
2+
__experimentalThemes: [{ resolve: 'gatsby-theme-carbon', options: {} }],
3+
};

‎package.json

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "gatsby-theme-carbon-starter",
3+
"version": "0.0.5",
4+
"main": "src",
5+
"repository": {
6+
"url": "[email protected]:carbon-design-system/gatsby-theme-carbon.git",
7+
"type": "git"
8+
},
9+
"author": "vpicone <[email protected]> (@vpicone)",
10+
"license": "MIT",
11+
"scripts": {
12+
"develop": "gatsby develop",
13+
"build": "gatsby build"
14+
},
15+
"dependencies": {
16+
"gatsby": "^2.3.5",
17+
"gatsby-theme-carbon": "^0.0.5",
18+
"react": "^16.8.6",
19+
"react-dom": "^16.8.6"
20+
}
21+
}

‎src/gatsby-theme-carbon/components/Footer.js

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
import React from 'react';
2+
import Footer from 'gatsby-theme-carbon/src/components/Footer';
3+
4+
const Content = () => (
5+
<>
6+
<p>
7+
By importing the <code>Footer</code> component from gatsby-carbon-theme,
8+
we can supply our own props.
9+
</p>
10+
<br />
11+
<p>
12+
The default export from a shadowed component will replace that component
13+
in the theme.
14+
</p>
15+
<br />
16+
<a href="https://www.gatsbyjs.org/docs/themes/api-reference/#component-shadowing">
17+
More about component shadowing
18+
</a>
19+
</>
20+
);
21+
22+
const links = {
23+
firstCol: [
24+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
25+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
26+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
27+
],
28+
secondCol: [
29+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
30+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
31+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
32+
{ href: 'https://ibm.com/design', linkText: 'Shadowed link' },
33+
],
34+
};
35+
36+
const CustomFooter = props => (
37+
<Footer {...props} links={links} Content={Content} />
38+
);
39+
40+
export default CustomFooter;

‎src/pages/disciplines/product.mdx

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: Product
3+
---
4+
5+
# Header number 1
6+
7+
## Header number 2
8+
9+
### Header number 3
10+
11+
#### Header number 4
12+
13+
##### Header number 5
14+
15+
Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.
16+
17+
1. Ordered list item
18+
1. Ordered list item
19+
1. Ordered list item
20+
1. Ordered list item
21+
22+
- Unordered list item
23+
- Unordered list item
24+
- Unordered list item
25+
- Unordered list item

‎src/pages/elements/logos/8-bar.mdx

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: 8 bar
3+
---
4+
5+
# Header number 1
6+
7+
## Header number 2
8+
9+
### Header number 3
10+
11+
#### Header number 4
12+
13+
##### Header number 5
14+
15+
Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.
16+
17+
1. Ordered list item
18+
1. Ordered list item
19+
1. Ordered list item
20+
1. Ordered list item
21+
22+
- Unordered list item
23+
- Unordered list item
24+
- Unordered list item
25+
- Unordered list item

‎src/pages/elements/logos/rebus.mdx

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: Rebus
3+
---
4+
5+
# Header number 1
6+
7+
## Header number 2
8+
9+
### Header number 3
10+
11+
#### Header number 4
12+
13+
##### Header number 5
14+
15+
Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.
16+
17+
1. Ordered list item
18+
1. Ordered list item
19+
1. Ordered list item
20+
1. Ordered list item
21+
22+
- Unordered list item
23+
- Unordered list item
24+
- Unordered list item
25+
- Unordered list item

‎src/pages/elements/typeface.mdx

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: Typeface
3+
---
4+
5+
# Header number 1
6+
7+
## Header number 2
8+
9+
### Header number 3
10+
11+
#### Header number 4
12+
13+
##### Header number 5
14+
15+
Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.
16+
17+
1. Ordered list item
18+
1. Ordered list item
19+
1. Ordered list item
20+
1. Ordered list item
21+
22+
- Unordered list item
23+
- Unordered list item
24+
- Unordered list item
25+
- Unordered list item

‎src/pages/gallery.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
title: Gallery
3+
---
4+
5+
### Unity, not uniformity. “A corporation should be like a painting; everything visible should contribute to the correct total statement.”
6+
7+
— Eliot Noyes

‎src/pages/index.mdx

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
title: Homepage
3+
tabs: ["Code", "Usage", "Style"]
4+
hidden: false
5+
---
6+
7+
# Header number 1
8+
9+
## Header number 2
10+
11+
### Header number 3
12+
13+
#### Header number 4
14+
15+
##### Header number 5
16+
17+
Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.
18+
19+
1. Ordered list item
20+
1. Ordered list item
21+
1. Ordered list item
22+
1. Ordered list item
23+
24+
- Unordered list item
25+
- Unordered list item
26+
- Unordered list item
27+
- Unordered list item

‎src/pages/philosophy/pov.mdx

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
---
2+
title: Philosophy
3+
tabs: [POV, Principles]
4+
hidden: false
5+
---
6+
7+
Our philosophy, principles and practices govern and guide every experience Designed by IBM.
8+
9+
IBMers believe in progress—that application of intelligence, reason and science can improve business, society and the human condition.
10+
11+
Given our scale and scope, ‘good design’ is not only a requirement, it’s a deeper responsibility to relationships we seek to serve.
12+
13+
Design is how
14+
we build bonds.
15+
Today, the talent, techniques, thinking and tools of design, like technology, have become more and more abundant and accessible to all alike.
16+
17+
Paradoxically, decisions are more distributed, and experiences can become less and less distinctive. The rapid, relentless pace to produce can create an uneven emphasis on immediacy and incrementalism over individuality and innovation.
18+
19+
It is more important than ever that we own our own ethos, make palpable our brand values, and incorporate an instantly identifiable IBMness in everything we do.
20+
21+
Without aesthetic, design is either the humdrum repetition of familiar clichés or a wild scramble for novelty. Without aesthetic, the computer is but a mindless speed machine, producing effects without substance, form without relevant content, or content without meaningful form.
22+
– Paul Rand
23+
Aesthetic is defined as the philosophical theory or set of principles governing outward appearance or actions. This characteristic applied to any experience is essential to its effectiveness. Everything we do (and don’t do) communicates. The care and craft we put into every experience is equal to any confidence or consideration we should expect in return.
24+
25+
Good design is always
26+
good design.
27+
28+
What we borrow from our
29+
own design history is not
30+
a mid-century aesthetic
31+
in stylistic terms, but the
32+
modernist attitudes and
33+
approach used at the time.
34+
35+
Eliot Noyes taught us brand
36+
is character, and should
37+
be built through curation.
38+
Paul Rand taught us the
39+
importance of endless
40+
experimentation. Charles
41+
and Ray Eames brought out
42+
our playful nature, and were
43+
pioneering what is now
44+
referred to as “branded
45+
content” and “experiential.”
46+
47+
Their methods are as
48+
modern today as ever
49+
before, maybe more so.
50+
51+
Stand for =
52+
Stand out
53+
IBM has always served as a medium between mankind and machine, science, service and society, working in partnership on a path to progress. This relationship is the basis of our brand and every experience with IBM. It is this dynamic we are designing when we design anything.
54+
55+
As IBMers, we believe the purpose of every design, and every designer, is to guide… to lead, to provoke, to provide, to progress, to move people emotionally and functionally forward, through big transformations or day-to-day tasks, here to there, to deliver peak professional performance and smarter business by design.
56+
57+
Here → There
58+
Everything IBM and IBMers do is this. Everything we design should too.
59+
60+
Think → Guide
61+
Like our brand values, our design ethos must be palpable in everything we produce. Our philosophy and principles are for designers and non-designers alike, anyone authoring or authorizing any form of design on behalf of IBM. They provide clear criteria for the conception, creativity and craftsmanship our brand demands and our clients deserve. The expression of our philosophy may evolve and expand over time, but our principles are designed to endure, ensuring everything IBM is distinctly IBM.

0 commit comments

Comments
 (0)