Skip to content

Commit

Permalink
Temporary theme for Innovation Cup
Browse files Browse the repository at this point in the history
  • Loading branch information
julien-deramond committed Oct 12, 2022
1 parent 6ca8d1a commit 7916177
Show file tree
Hide file tree
Showing 40 changed files with 30 additions and 1,345 deletions.
1 change: 0 additions & 1 deletion .cspell.json
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,6 @@
"getbootstrap",
"Gaël",
"Grayscale",
"Helv",
"Hoverable",
"hreflang",
"hstack",
Expand Down
531 changes: 0 additions & 531 deletions CHANGELOG.md

This file was deleted.

26 changes: 0 additions & 26 deletions NOTICE.txt
Original file line number Diff line number Diff line change
@@ -1,29 +1,3 @@
<version>1.0</version>
<id><![CDATA[Helvetica Neue LT W07 55 Roman]]></id>
<vendor>Monotype Imaging Inc.</vendor>
<credits>
<name>Fonts.com WebFonts</name>
<URL>http://webfonts.fonts.com</URL>
</credits>
<license>
<URL>http://webfonts.fonts.com/Legal</URL>
</license>
<copyright><![CDATA[Copyright © 2014 Monotype Imaging Inc. All rights reserved.]]></copyright>
<trademark><![CDATA[Neue Helvetica is a trademark of Monotype Imaging Inc. registered in the U.S. Patent and Trademark Office and may be registered in certain other jurisdictions.]]></trademark>
Orange has purchased the right to use Helvetica in its websites and mobile applications.
Don't use and distribute Helvetica font family if you're not explicitly authorized by Monotype Imaging Inc
Parts list under Monotype Imaging Inc Copyright
fonts/HelvNeue55_W1G.woff2
fonts/HelvNeue75_W1G.woff2
fonts/HelveticaNeueW20-55Roman.woff2
fonts/HelveticaNeueW20-75Bold.woff2
dist/fonts/HelvNeue55_W1G.woff2
dist/fonts/HelvNeue75_W1G.woff2
dist/fonts/HelveticaNeueW20-55Roman.woff2
dist/fonts/HelveticaNeueW20-75Bold.woff2
End of the parts list under Monotype Imaging Inc Copyright


Parts list under Orange SA Copyright
Copyright (C) 2016 - 2022 Orange SA All rights reserved

Expand Down
8 changes: 0 additions & 8 deletions build/generate-sri.js
Original file line number Diff line number Diff line change
Expand Up @@ -33,14 +33,6 @@ const files = [
file: 'dist/css/boosted.rtl.min.css',
configPropertyName: 'css_rtl_hash'
},
{
file: 'dist/css/orange-helvetica.min.css',
configPropertyName: 'helvetica_hash'
},
{
file: 'dist/css/orange-helvetica.rtl.min.css',
configPropertyName: 'helvetica_rtl_hash'
},
{
file: 'dist/js/boosted.min.js',
configPropertyName: 'js_hash'
Expand Down
2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "orange-opensource/orange-boosted-bootstrap",
"description": "Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.",
"description": "Innovation Cup Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.",
"keywords": [
"css",
"js",
Expand Down
17 changes: 1 addition & 16 deletions config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ module:
target: static/docs/5.2/assets/js/lang

params:
subtitle: "Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library…"
subtitle: "Innovation Cup Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library…"
description: "Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins."
authors: "Orange and Boosted contributors"

Expand All @@ -65,10 +65,7 @@ params:
repo: "https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap"
twitter: "getbootstrap"
blog: "https://blog.getbootstrap.com/"
icons: "https://design.orange.com/icons-libraries/"
bootstrap: "https://getbootstrap.com"
ods:
web: "https://system.design.orange.com/0c1af118d/n/76065f"

download:
source: "https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/archive/v5.2.0.zip"
Expand All @@ -81,18 +78,6 @@ params:
css_hash: "sha384-CYwBBOBitXWralvRBTTEteu86YHHydT/+Wsv4kmxP6oF/SaesPQeMxLbblEUyZf/"
css_rtl: "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boosted.rtl.min.css"
css_rtl_hash: "sha384-dmnbBbP2SVkMFPx/rM/ySY8ibT3vQlnqL3pS2VGfxR6Ts0zQlKYUqnPXyJ9Q7kyG"
helvetica: "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.min.css"
helvetica_hash: "sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ"
helvetica_rtl: "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/orange-helvetica.rtl.min.css"
helvetica_rtl_hash: "sha384-4MlBAYgNr+UGO/cACkdFashk4EWyneAX3fp0OWoM7k8/smSl1irUexFx6u83N9Em"
HelveticaNeueW20-55Roman: "https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/HelveticaNeueW20-55Roman.woff2"
HelveticaNeueW20-55Roman_hash: "sha384-3JzHT24JpS8epPIAdqo7AcCNQcr5VxQi8FClxBayyd/6BLTIFbJLiGD4CIf8FtRl"
HelveticaNeueW20-75Bold: "https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/HelveticaNeueW20-75Bold.woff2"
HelveticaNeueW20-75Bold_hash: "sha384-vpoGPps82D7bRdHnBlcsNi/WGJMOyFhPA9+NEonxOo5bYJGzIAjfIJ9tuZ0fPyKr"
HelvNeue55_W1G: "https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/HelvNeue55_W1G.woff2"
HelvNeue55_W1G_hash: "sha384-R6e0PFLMMV6HBvkQK22ecNfjOzyh89wSndiTC71MuvoaOnhIYgOAGVC0gW0kVN16"
HelvNeue75_W1G: "https://cdn.jsdelivr.net/npm/[email protected]/dist/fonts/HelvNeue75_W1G.woff2"
HelvNeue75_W1G_hash: "sha384-ylOkwNNvSwXpWNbpEhI45ruJTXyfQbIb42IxMvSGGcndZBpZ9iAmOFSUl4/Goeqz"
js: "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/boosted.min.js"
js_hash: "sha384-GBfyQzRj/34bRvjbWfsgvYvEqkV+YniZdXAuu66ZVhSPIdzVzVouXBJBjpd58tcY"
js_bundle: "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/boosted.bundle.min.js"
Expand Down
Binary file removed fonts/HelvNeue55_W1G.woff2
Binary file not shown.
Binary file removed fonts/HelvNeue75_W1G.woff2
Binary file not shown.
Binary file removed fonts/HelveticaNeueW20-55Roman.woff2
Binary file not shown.
Binary file removed fonts/HelveticaNeueW20-75Bold.woff2
Binary file not shown.
2 changes: 1 addition & 1 deletion nuget/boosted.nuspec
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<title>Boosted CSS</title>
<authors>The Boosted Authors, Orange SA</authors>
<owners>Orange SA</owners>
<description>Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.</description>
<description>Innovation Cup Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.</description>
<releaseNotes>https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/releases</releaseNotes>
<summary>Boosted framework in CSS. Includes fonts and JavaScript</summary>
<language>en-us</language>
Expand Down
2 changes: 1 addition & 1 deletion nuget/boosted.sass.nuspec
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<title>Boosted Sass</title>
<authors>The Boosted Authors, Orange SA</authors>
<owners>Orange SA</owners>
<description>Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.</description>
<description>Innovation Cup Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.</description>
<releaseNotes>https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/releases</releaseNotes>
<summary>Boosted framework in Sass. Includes fonts and JavaScript</summary>
<language>en-us</language>
Expand Down
2 changes: 1 addition & 1 deletion package.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

Package.describe({
name: 'Orange-OpenSource:Orange-Boosted-Bootstrap', // https://atmospherejs.com/Orange-OpenSource/Orange-Boosted-Bootstrap
summary: 'Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.',
summary: 'Innovation Cup Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.',
version: '5.2.0',
git: 'https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap.git'
})
Expand Down
7 changes: 3 additions & 4 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "boosted",
"description": "Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.",
"description": "Innovation Cup Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.",
"version": "5.2.0",
"config": {
"version_short": "5.2"
Expand Down Expand Up @@ -49,7 +49,6 @@
"css-prefix-main": "postcss --config build/postcss.config.js --replace \"dist/css/*.css\" \"!dist/css/*.rtl*.css\" \"!dist/css/*.min.css\"",
"css-prefix-examples": "postcss --config build/postcss.config.js --replace \"site/content/**/*.css\"",
"css-prefix-examples-rtl": "cross-env-shell NODE_ENV=RTL postcss --config build/postcss.config.js --dir \"site/content/docs/$npm_package_config_version_short/examples/\" --ext \".rtl.css\" --base \"site/content/docs/$npm_package_config_version_short/examples/\" \"site/content/docs/$npm_package_config_version_short/examples/{blog,carousel,dashboard,cheatsheet}/*.css\" \"!site/content/docs/$npm_package_config_version_short/examples/{blog,carousel,dashboard,cheatsheet}/*.rtl.css\"",
"fonts": "cross-env mkdir -p dist/fonts && cp -r ./fonts/* dist/fonts/",
"img": "cross-env mkdir -p dist/img && cp -r ./img/* dist/img/",
"js": "npm-run-all js-compile js-minify",
"js-compile": "npm-run-all --aggregate-output --parallel js-compile-*",
Expand Down Expand Up @@ -87,7 +86,7 @@
"release-version": "node build/change-version.js",
"release-zip": "cross-env-shell \"rm -rf boosted-$npm_package_version-dist && cp -r dist/ boosted-$npm_package_version-dist && zip -r9 boosted-$npm_package_version-dist.zip boosted-$npm_package_version-dist && rm -rf boosted-$npm_package_version-dist\"",
"release-zip-examples": "node build/zip-examples.js",
"dist": "npm-run-all --aggregate-output --parallel css js img fonts",
"dist": "npm-run-all --aggregate-output --parallel css js img",
"test": "npm-run-all lint dist js-test docs-build docs-lint",
"netlify": "cross-env-shell HUGO_BASEURL=$DEPLOY_PRIME_URL npm-run-all dist release-sri docs-build",
"watch": "npm-run-all --parallel watch-*",
Expand Down Expand Up @@ -155,7 +154,7 @@
"vnu-jar": "21.10.12"
},
"files": [
"dist/{css,js,img,fonts}/*.{css,js,map,svg,woff2}",
"dist/{css,js,img}/*.{css,js,map,svg,woff2}",
"js/{src,dist}/**/*.{js,map}",
"scss/**/*.scss",
"NOTICE.txt",
Expand Down
24 changes: 12 additions & 12 deletions scss/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -38,19 +38,19 @@ $grays: (
// scss-docs-start brand-colors
// Boosted mod
//// Core colors
$accessible-orange: #f16e00 !default;
$brand-orange: #ff7900 !default;
$accessible-orange: #0ff !default; // TODO: change it with the real hexa
$brand-orange: #1976d2 !default;
//// Functional colors
$functional-green: #32c832 !default;
$functional-blue: #527edb !default;
$functional-yellow: #fc0 !default;
$functional-red: #cd3c14 !default;
$functional-green: #7fffd4 !default; // TODO: change it with the real hexa
$functional-blue: #6495ed !default; // TODO: change it with the real hexa
$functional-yellow: #ffd700 !default; // TODO: change it with the real hexa
$functional-red: #b22222 !default; // TODO: change it with the real hexa
//// Supporting colors
$supporting-blue: #4bb4e6 !default;
$supporting-yellow: #ffd200 !default;
$supporting-green: #50be87 !default;
$supporting-purple: #a885d8 !default;
$supporting-pink: #ffb4e6 !default;
$supporting-blue: #87cefa !default; // TODO: change it with the real hexa
$supporting-yellow: #ff0 !default; // TODO: change it with the real hexa
$supporting-green: #9acd32 !default; // TODO: change it with the real hexa
$supporting-purple: #9370db !default; // TODO: change it with the real hexa
$supporting-pink: #ffe4e1 !default; // TODO: change it with the real hexa
// scss-docs-end brand-colors
// End mod

Expand Down Expand Up @@ -632,7 +632,7 @@ $aspect-ratios: (

// scss-docs-start font-variables
// stylelint-disable value-keyword-case
$font-family-sans-serif: HelvNeueOrange#{"/*rtl:insert:Arabic*/"}, "Helvetica Neue", Helvetica, "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-family-sans-serif: "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
// stylelint-enable value-keyword-case
$font-family-base: var(--#{$prefix}font-sans-serif) !default;
Expand Down
50 changes: 0 additions & 50 deletions scss/orange-helvetica.scss

This file was deleted.

2 changes: 0 additions & 2 deletions site/content/docs/5.2/about/brand.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,6 @@ toc: true
Boosted is based on [Bootstrap]({{< param bootstrap >}}), which has [its own logo and brand usage guidelines]({{< param bootstrap >}}/docs/{{< param docs_version >}}/about/brand/).
{{</ callout >}}

Have a need for Boosted's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were published by Orange SA on the [Orange Design System website]({{< param ods.web >}}).

## Orange logo

<div class="row row-cols-md-2 mt-4 mb-5">
Expand Down
4 changes: 2 additions & 2 deletions site/content/docs/5.2/about/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ aliases:

## Boosted history

"Orange Boosted with Bootstrap" (aka Boosted) is an Orange-branded version of Twitter Bootstrap framework.
"Innovation Cup Boosted with Bootstrap" (aka Boosted) is an Innovation Cup-branded version of Twitter Bootstrap framework.

In addition to the Orange brand recommendations compliance, **Boosted aims at bringing accessibility improvements** as well as some Orange-specific components and user interactions while complying with the framework standards. The components and samples included in Boosted are regularly enhanced with real-life projects feedbacks and components.
In addition to the Innovation Cup brand recommendations compliance, **Boosted aims at bringing accessibility improvements** as well as some Orange-specific components and user interactions while complying with the framework standards. The components and samples included in Boosted are regularly enhanced with real-life projects feedbacks and components.

Using a common core leverages **a unique brand experience** for our customers in all their interactions.

Expand Down
6 changes: 0 additions & 6 deletions site/content/docs/5.2/components/spinners.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,6 @@ group: components
toc: true
---

{{< ods-incompatibility-alert >}}
This component contains some spinners that should not be used on Orange sites.

**Growing spinner** and its examples are not compatible with the [Orange Design System]({{< param ods.web >}}).
{{< /ods-incompatibility-alert >}}

## About

Boosted "spinners" can be used to show the loading state in your projects. They're built only with HTML and CSS, meaning you don't need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, alignment, and sizing can be easily customized with our amazing utility classes.
Expand Down
7 changes: 1 addition & 6 deletions site/content/docs/5.2/content/reboot.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,16 +51,11 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau

## Native font stack
<!-- Boosted mod -->
Boosted utilizes a "native font stack" or "system font stack" — as a fallback for Orange’s Helvetica Neue — for optimum text rendering on every device and OS. These system fonts have been designed specifically with today's devices in mind, with improved rendering on screens, variable font support, and more. Read more about [native font stacks in this *Smashing Magazine* article](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/).
Boosted utilizes a "native font stack" or "system font stack" for optimum text rendering on every device and OS. These system fonts have been designed specifically with today's devices in mind, with improved rendering on screens, variable font support, and more. Read more about [native font stacks in this *Smashing Magazine* article](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/).

```scss
$font-family-sans-serif:
// Web font
HelvNeueOrange,
// Helvetica Neue
"Helvetica Neue",
// Web Safe Fallbacks
Helvetica,
// Linux,
"Noto Sans",
"Liberation Sans",
Expand Down
4 changes: 2 additions & 2 deletions site/content/docs/5.2/content/typography.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ toc: true

## Global settings

Boosted sets basic global display, typography, and link styles. Please refer to [**our brand**]({{< param ods.web >}}) to use it carefully. When more control is needed, check out the [textual utility classes]({{< docsref "/utilities/text" >}}).
Boosted sets basic global display, typography, and link styles. When more control is needed, check out the [textual utility classes]({{< docsref "/utilities/text" >}}).

- Use **Helvetica Neue**, with Helvetica and Arial as preferred fallback.
- Use Arial as preferred fallback.
- Then a [native font stack]({{< docsref "/content/reboot#native-font-stack" >}}) that selects the best `font-family` for each OS and device.
- For a more inclusive and accessible type scale, we use the browser's default root `font-size` (typically 16px) so visitors can customize their browser defaults as needed.
- Use the `$font-family-base`, `$font-size-base`, `$line-height-base` and `$letter-spacing-base` attributes as our typographic base applied to the `<body>`.
Expand Down
Loading

0 comments on commit 7916177

Please sign in to comment.