diff --git a/.github/workflows/get-literature-zotero.yml b/.github/workflows/get-literature-zotero.yml deleted file mode 100644 index 8d886667..00000000 --- a/.github/workflows/get-literature-zotero.yml +++ /dev/null @@ -1,22 +0,0 @@ -name: get-literature-zotero -on: - schedule: - - cron: '0 12 * * 5' - -jobs: - zotero-literature: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v2 - - name: update - run: | - curl -o _data/phantom_literature.json "https://api.zotero.org/groups/2900833/items/top?key=eTYEyPZvup4cRMnUrMkSPkAS&format=json" - - name: Create Pull Request - uses: peter-evans/create-pull-request@v3 - with: - token: ${{ secrets.GITHUB_TOKEN }} - commit-message: "[BOT] Update phantom literature" - title: "[BOT] Update phantom literature" - body: | - - This is an automated pull request. - branch: update-data \ No newline at end of file diff --git a/.gitignore b/.gitignore index 65735268..2f169a44 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,48 @@ -_site/ -.sass-cache/ +# Dependencies +node_modules +__pycache__ +venv +.venv + +# Build files +build +site + +# Distribution files +dist +mkdocs_material.egg-info + +# Caches and logs +*.cpuprofile +*.log +*.tsbuildinfo +.cache +.eslintcache +__pycache__ + +# Examples +example +example.zip + +# ----------------------------------------------------------------------------- +# General +# ----------------------------------------------------------------------------- + +# Never ignore .gitkeep files +!**/.gitkeep + +# macOS internals .DS_Store -.jekyll-cache/ -.jekyll-metadata \ No newline at end of file + +# Temporary files +TODO +tmp + +# Temporary folder +temp_dir/ +venv/ + +# IDEs & Editors +.idea +*~ +.vscode \ No newline at end of file diff --git a/Gemfile b/Gemfile deleted file mode 100644 index a616c383..00000000 --- a/Gemfile +++ /dev/null @@ -1,14 +0,0 @@ -source 'https://rubygems.org' - -gem 'jekyll' - -group :jekyll_plugins do - gem 'jekyll-gist' - gem 'jekyll-paginate' - gem "jekyll-asciidoc" - gem "jekyll-get-json" -end - -gem 'asciidoctor', '~> 1.5.4' -gem 'coderay', '1.1.1' - diff --git a/Gemfile.lock b/Gemfile.lock deleted file mode 100644 index efcb6546..00000000 --- a/Gemfile.lock +++ /dev/null @@ -1,106 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - addressable (2.8.1) - public_suffix (>= 2.0.2, < 6.0) - asciidoctor (1.5.8) - coderay (1.1.1) - colorator (1.1.0) - concurrent-ruby (1.1.10) - deep_merge (1.2.2) - em-websocket (0.5.3) - eventmachine (>= 0.12.9) - http_parser.rb (~> 0) - eventmachine (1.2.7) - eventmachine (1.2.7-x64-mingw32) - faraday (2.7.2) - faraday-net_http (>= 2.0, < 3.1) - ruby2_keywords (>= 0.0.4) - faraday-net_http (3.0.2) - ffi (1.15.5) - ffi (1.15.5-x64-mingw32) - forwardable-extended (2.6.0) - google-protobuf (3.21.12) - http_parser.rb (0.8.0) - i18n (1.12.0) - concurrent-ruby (~> 1.0) - jekyll (4.3.1) - addressable (~> 2.4) - colorator (~> 1.0) - em-websocket (~> 0.5) - i18n (~> 1.0) - jekyll-sass-converter (>= 2.0, < 4.0) - jekyll-watch (~> 2.0) - kramdown (~> 2.3, >= 2.3.1) - kramdown-parser-gfm (~> 1.0) - liquid (~> 4.0) - mercenary (>= 0.3.6, < 0.5) - pathutil (~> 0.9) - rouge (>= 3.0, < 5.0) - safe_yaml (~> 1.0) - terminal-table (>= 1.8, < 4.0) - webrick (~> 1.7) - jekyll-asciidoc (3.0.0) - asciidoctor (>= 1.5.0) - jekyll (>= 3.0.0) - jekyll-get-json (1.0.0) - deep_merge (~> 1.2) - jekyll (>= 3.0) - jekyll-gist (1.5.0) - octokit (~> 4.2) - jekyll-paginate (1.1.0) - jekyll-sass-converter (3.0.0) - sass-embedded (~> 1.54) - jekyll-watch (2.2.1) - listen (~> 3.0) - kramdown (2.4.0) - rexml - kramdown-parser-gfm (1.1.0) - kramdown (~> 2.0) - liquid (4.0.3) - listen (3.7.1) - rb-fsevent (~> 0.10, >= 0.10.3) - rb-inotify (~> 0.9, >= 0.9.10) - mercenary (0.4.0) - octokit (4.25.1) - faraday (>= 1, < 3) - sawyer (~> 0.9) - pathutil (0.16.2) - forwardable-extended (~> 2.6) - public_suffix (5.0.1) - rake (13.0.6) - rb-fsevent (0.11.2) - rb-inotify (0.10.1) - ffi (~> 1.0) - rexml (3.2.5) - rouge (4.0.1) - ruby2_keywords (0.0.5) - safe_yaml (1.0.5) - sass-embedded (1.57.1) - google-protobuf (~> 3.21) - rake (>= 10.0.0) - sass-embedded (1.57.1-x64-mingw32) - google-protobuf (~> 3.21) - sawyer (0.9.2) - addressable (>= 2.3.5) - faraday (>= 0.17.3, < 3) - terminal-table (3.0.2) - unicode-display_width (>= 1.1.1, < 3) - unicode-display_width (2.3.0) - webrick (1.7.0) - -PLATFORMS - ruby - x64-mingw32 - -DEPENDENCIES - asciidoctor (~> 1.5.4) - coderay (= 1.1.1) - jekyll - jekyll-asciidoc - jekyll-get-json - jekyll-gist - jekyll-paginate - -BUNDLED WITH - 2.2.17 diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 67bbcc83..00000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -The MIT License (MIT) - -Copyright (c) 2014 Moritz »mo.« Sauer // Phlow.de - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md deleted file mode 100644 index 30d63524..00000000 --- a/README.md +++ /dev/null @@ -1,108 +0,0 @@ -# DEPRECATED -This website has been deprecated. Please visit our new website hosted by [ISMRM](http://osipi.ismrm.org). - -# Welcome to the Osipi Website Repo - -This is the repository hosting the content of the web site for the Open Science Initiative for Perfusion Imaging (OSIPI) - -If you are interested to contribute to the content, and are not familiar with GitHub, please read [this document](http://bit.ly/2JF4oRK)! - -## Table of Contents - -- [Welcome to the Osipi Website Repo](#welcome-to-the-osipi-website-repo) - - [Table of Contents](#table-of-contents) - - [Overall organization](#overall-organization) - - [How to edit content](#how-to-edit-content) - - [Editing using web interface](#editing-using-web-interface) - - [How to add photo gallery](#how-to-add-photo-gallery) - - [Building web site locally to evaluate your changes](#building-web-site-locally-to-evaluate-your-changes) - - [Maintaining “event” pages](#maintaining-event-pages) - - [Before the event](#before-the-event) - - [After the event](#after-the-event) -- [Troubleshooting](#troubleshooting) - -## Overall organization - -To get started with modifying the OSIPI web site, first let's take a look at its overall organization in the repository. - -The main top-level pages of the web site are located in the folder [pages/pages-root-folder](https://github.com/OSIPI/osipi.github.io/tree/master/pages/pages-root-folder). By opening individual pages you should be able to quickly figure out which page it is. Note that sometimes, it might be easier to look at "raw" view of the page by clicking the "Raw" button (red arrow in Fig.1). - -Correspondence between the web site section titles and the pages with the content can also be established by looking at the `navigation.yml` file in the top-level [_data folder]() (note that while the address link contains the blob/master folder layers, you may not see them within GitHub and search for the top-level _data folder as described). - -### How to edit content - -First, identify the page that you want to edit. If not sure, ask on Slack. -You can edit content using either web interface of GitHub (easy, and recommended for small changes), or by checking out (i.e. git term for downloading a certain version of) the repository to your computer, and using git for commiting changes (more difficult, if you are not familiar with git, and is an overkill if you want to change just one page and the change is simple). - -### Editing using web interface - -Open the page you want to edit in GitHub. Note that you must be logged into GitHub! -Click the “pencil” button (see green arrow in Fig.1). This will open the page in edit mode (see Fig.2 below) - -You will see that the documents follow certain organization: -There is a header on top of the document (orange box in Fig.2) -There is formatted text that follows the header (green box in Fig.2) -Note that the formatted text is using GitHub flavored Markdown format. - -Basically, it allows you to define such items as text bullets, links, control text appearance (italics, bold) etc using simple formatting rules. Read about basics here: . - -Edit the document as needed. For the demonstration purposes, I will update Frank’s affiliation, and add a URL pointing to my home page (see below). - -Once you make the change, fill out the details (you can just leave a small note, but usually the note should describe what has been changed; in this sense, the example below is not a good example, the note should instead say “Update affiliation and add web link“, or something of that kind), and choose “Create a new branch for this commit and start a pull request. Learn more about pull requests.” - -Once you click “Propose file change”, you will see a new page with the Pull Request (PR), and highlights of all the changes you made. Important: you will need to click the “Create pull request” button to submit the pull request! (big red arrow in the figure below). - -Once you submitted the request, all administrators of the repository will be notified, and will review your change. It will look like this for the change above: . - -If any changes are needed, there may be additional discussion. Once your PR is merged, the changes you made will go “live” on the web site! -If you are working on your pull request, and do not want it to be merged yet, please add “WIP” (Work In Progress) to the title of the PR! If you do not have WIP in the name, your PR may be merged any moment. - -### How to add photo gallery - -See instructions here: . - -Remember to: -[suggested] Resize the images to some reasonable size (modern photo capturing devices can produce pictures of excessive resolution and file size!) - -Place the photos that you want to add to the images folder of the repository - -Make a thumbnail of the picture (as described in the instructions linked above) - -## Building web site locally to evaluate your changes - -You can generate a local instance of the web site to see your changes in realtime. See this [guide](https://help.github.com/en/articles/setting-up-your-github-pages-site-locally-with-jekyll) for details on how to set up your environment. - -To install the project you will need to install Ruby, Bundler, and Jekyll. - -Bundler handles updating and installing Ruby libraries, or "gems",as well as running jekyll to serve the website locally. - -Once Ruby, Bundler, and Jekyll are installed you can use the following commands. - -`bundle install` will install the contents of the supplied "gemfile.lock" - -`bundle exec Jekyll serve` will serve a local version of your website, by default at `http://localhost:4000` - -If you get errors with your specific version of ruby, you can try updating the contents of the gemfile.lock by using: - -`bundle update` - -Once installed, point your browser to `http://localhost:4000`. - -## Maintaining “event” pages - -In order to organize information about upcoming and past events, we use “event” pages of the web site. The process of creating those is the following: - -### Before the event - -Add a new item to the _posts folder with the page describing the event: . You can follow the example of other event pages (e.g., the one for 2019 MIS to make sure your page is consistently formatted). -Make sure to set “categories” tag to “events” so this page can be categorized properly and will show up under EVENTS menu on the web site! - -### After the event - -If available, upload PDFs of the slides to this folder: (reduce PDF size if you can first!) -Link PDFs to the event pages, as done in this commit. -Add pictures to the gallery as described above. To do this, you will need to upload high resolution pictures into the images folder, create thumbnail images and name then the same as high resolution, but with “-thumb” suffix (as done in this commit). Once the images are uploaded, you can link them to the events page in the “gallery” section, see example here. - -# Troubleshooting - -If something does not work, the first step in troubleshooting can be to build the website locally. diff --git a/Readme.md b/Readme.md new file mode 100644 index 00000000..1c9dc9a4 --- /dev/null +++ b/Readme.md @@ -0,0 +1,127 @@ +# OSIPI Documentation Hub + +This repository centralizes the documentation of OSIPI’s open-source tools for quantitative MRI into a single, consistent hub. +It uses **MkDocs + Material** along with the **[multirepo plugin](https://github.com/jdoiro3/mkdocs-multirepo-plugin)** to combine documentation scattered across different OSIPI repositories. + +--- + +## Why centralize documentation? + +Historically, OSIPI documentation has been spread across many projects, each with its own structure and style. Some sites are static Markdown, others generate pages dynamically (e.g., from galleries or Python docstrings). + +A unified hub ensures: + +* **One entry point** for all OSIPI docs. +* **Consistent theme and navigation**. +* **Lower maintenance burden**. + +--- + +## Design decisions + +### 1. `!import` (via multirepo plugin) + +We use `!import` when the target MkDocs site is **simple** — meaning: + +* It consists only of Markdown files. +* No dynamic generation of pages (e.g., galleries, API docs from docstrings). +* No additional pre-rendering steps required. + +Example: + +```yaml +- "(TF4.2) Caplex – Contrast-agent based perfusion MRI": '!import https://github.com/OSIPI/OSIPI_CAPLEX?branch=main&docs_dir=docs&multi_docs=True&config=mkdocs.yml&keep_docs_dir=true' +``` + +This lets us pull in the **entire navigation** from another repo’s `mkdocs.yml`. + +--- + +### 2. Hyperlinks only + +If the site generates pages dynamically or relies on docstrings, importing would miss content. In these cases, we just link to the published site instead: + +```yaml +- "(TF2.3) DCE/DSC repository": + - Documentation: https://osipi.github.io/DCE-DSC-MRI_CodeCollection/ +``` + +This ensures the external site can still evolve independently without breaking our hub. + +--- + +### 3. Mixed approach (possible, but avoided here) + +It’s possible to **combine the two approaches**: + +* Import static Markdown from a repo. +* Link out to the dynamically generated sections. + +Example: + +```yaml +- multirepo: + nav_repos: + - name: osipi-python-package + import_url: https://github.com/OSIPI/osipi?branch=main + imports: [ + docs/index.md, docs/user-guide/*, docs/about/index.md + ] + +nav: + - OSIPI Python package: + # here we are not redirecting, but pulling the markdowns + - Overview: osipi-python-package/docs/index.md + - User Guide: osipi-python-package/docs/user-guide/index.md + # below we are redirecting with hyperlink + - References: https://osipi.github.io/osipi/references/ + - Examples: https://osipi.github.io/osipi/generated/gallery/ +``` + +This works, but it **clutters `mkdocs.yml`** and introduces complexity. For now, we keep it simple: + +* Use `!import` for simple MkDocs sites. +* Use links for complex sites. + +--- + +## Running locally + +### 1. Create a Virtual Environment + +```bash +python -m venv venv +``` + +### 2. Activate the Virtual Environment + +* **macOS/Linux**: + + ```bash + source venv/bin/activate + ``` +* **Windows (Git Bash)**: + + ```bash + source venv/Scripts/activate + ``` + +### 3. Install Dependencies + +```bash +pip install -r requirements.txt +``` + +### 4. Serve the Documentation + +```bash +mkdocs serve +``` + +The site will be available at **[http://127.0.0.1:8000](http://127.0.0.1:8000)** + +### 5. (Optional) Deactivate + +```bash +deactivate +``` \ No newline at end of file diff --git a/_config.yml b/_config.yml deleted file mode 100644 index 5c0ab201..00000000 --- a/_config.yml +++ /dev/null @@ -1,292 +0,0 @@ -# ASCII-Font › http://patorjk.com/software/taag/#p=display&f=Slant&t=Phlow -# -# _____ _ __ _____ __ __ _ -# / ___/(_) /____ / ___/___ / /_/ /_(_)___ ____ ______ -# \__ \/ / __/ _ \ \__ \/ _ \/ __/ __/ / __ \/ __ `/ ___/ -# ___/ / / /_/ __/ ___/ / __/ /_/ /_/ / / / / /_/ (__ ) -# /____/_/\__/\___/ /____/\___/\__/\__/_/_/ /_/\__, /____/ -# /____/ -# -# Title of your website -title: 'Open Science Initiative for Perfusion Imaging' - -# The slogan describes your website and is used on homepage in and other important places -slogan: '(OSIPI)' - -# The description is used on homepage and in the footer to quickly describe your website. Use a maximum of 150 characters for SEO-purposes. -description: 'OSIPI aims to develop resources and best practices for the analysis of perfusion imaging data and interoperability of the analysis results' - -# The credits show up in the includes/_footer.html – It would be nice of you to leave a link to Phlow or Feeling Responsive as a thank you :) -credits: '<p>Created with ♥ by <a href="https://osipi.github.io/">OSIPI</a>' - -# Main author of the website -# See > authors.yml -author: osipi - -# This URL is the main address for absolute links. Don't include a slash at the end. -# -url: 'https://osipi.github.io' -baseurl: '' - -# This is for the editing function in _/includes/improve_content -# Leave it empty if your site is not on GitHub/GitHub Pages -improve_content: https://github.com/OSIPI/osipi.github.io/blob/master - -# This URL points directly to the images directory making -# things easier to link to images in posts and templates. It needs a slash at the end. -# -# Example: <img src="{{ site.urlimg }}{{ post.image.title }}" /> -# Markdown-Example for posts ![Image Text]({{ site.urlimg }}image.jpg) -# -urlimg: 'https://osipi.github.io/images/' - - -# Logo size is 600x80 pixels -logo: "logo.png" - -# Plugins -plugins: - - jekyll-asciidoc - - jekyll-gist - - jekyll-paginate - - -# ____ _ __ _ -# / __ \____ _____ _(_)___ ____ _/ /_(_)___ ____ -# / /_/ / __ `/ __ `/ / __ \/ __ `/ __/ / __ \/ __ \ -# / ____/ /_/ / /_/ / / / / / /_/ / /_/ / /_/ / / / / -# /_/ \__,_/\__, /_/_/ /_/\__,_/\__/_/\____/_/ /_/ -# /____/ -# -paginate: 50 # Paginates all X entries -paginate_path: "news/page:num" # Pagination path › Important for blog page in /blog/ to work - - -# Theme works best with Kramdown (using the table of contents function) -markdown: kramdown -permalink: /:categories/:title/ -highlight: rouge -excerpt_separator: "<!--more-->" -include: ['.htaccess'] -# Exclude these files from your production _site -exclude: - - .sass-cache - - Gemfile - - Gemfile.lock - - LICENSE - - README.md - - INSTALL.md - -# This is used to collect front matter from the taskforce and inventories md files -collections: - taskforces: - output: true - inventories: - output: true - -# The language setting is used in /includes/header.html for html-settings -language: 'en' - - -# Used › default.html front-matter and compress.html -# Options › http://jch.penibelst.de -compress_html: - clippings: all - comments: ["<!-- ", " -->"] - endings: all - profile: false - ignore: - envs: [development] - - -# -# ____ ____ ____ -# / __ \___ / __/___ ___ __/ / /_ -# / / / / _ \/ /_/ __ `/ / / / / __/ -# / /_/ / __/ __/ /_/ / /_/ / / /_ -# /_____/\___/_/ \__,_/\__,_/_/\__/ -# -# Default Settings - -defaults: - - - scope: - path: '' # an empty string here means all files in the project - type: 'pages' - values: - show_meta: false # Hide metadata for all pages - # sidebar: # Possible values › left, right › by default there will be no sidebar - comments: false - author: osipi # Default author for pages - - - scope: - path: '_taskforces' - values: - layout: "page" - header: no - show_meta: false # Hide metadata for all pages - comments: false - author: osipi # Default author for pages - - - scope: - path: '' - type: 'posts' - values: - show_meta: true # Show metadata for all posts - # sidebar: # Possible values › left, right › by default there will be no sidebar - comments: false - author: osipi # Default author for posts - - - scope: - path: 'assets/img/headshots' - values: - image: true - - - -# _ __ _ __ _ -# / | / /___ __ __(_)___ _____ _/ /_(_)___ ____ -# / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \ -# / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / / -# /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/ -# /____/ -# -# Open _data/navigation.yml to adjust the left and right topbar navigation -# - - - -# _____ __________ -# / ___// ____/ __ \ -# \__ \/ __/ / / / / -# ___/ / /___/ /_/ / -# /____/_____/\____/ Verify Website to Webmaster Tools - -#google_author: 'https://plus.google.com/u/0/118311555303973066167' -#google_site_verification: 'Vk0IOJ2jwG_qEoG7fuEXYqv0m2rLa8P778Fi_GrsgEQ' -#bing_webmastertools_id: '0FB4C028ABCF07C908C54386ABD2D97F' -# yandex_site_verification: '' -# alexa_verify_id: '' - - - -# ______ _ -# / ____/___ __ __(_)________ ____ _____ -# / /_ / __ `/ | / / / ___/ __ \/ __ \/ ___/ -# / __/ / /_/ /| |/ / / /__/ /_/ / / / (__ ) -# /_/ \__,_/ |___/_/\___/\____/_/ /_/____/ Favicon-Crap: Favicons, Chrome, Android & Apple Touch Buttons -# More information » https://mathiasbynens.be/notes/touch-icons - -favicon-32x32: 'favicon-32x32.png' -touch-icon-192x192: 'touch-icon-192x192.png' -apple-touch-icon-180x180-precomposed: 'apple-touch-icon-180x180-precomposed.png' -apple-touch-icon-152x152-precomposed: 'apple-touch-icon-152x152-precomposed.png' -apple-touch-icon-144x144-precomposed: 'apple-touch-icon-144x144-precomposed.png' -apple-touch-icon-120x120-precomposed: 'apple-touch-icon-120x120-precomposed.png' -apple-touch-icon-114x114-precomposed: 'apple-touch-icon-114x114-precomposed.png' -apple-touch-icon-76x76-precomposed: 'apple-touch-icon-76x76-precomposed.png' -apple-touch-icon-72x72-precomposed: 'apple-touch-icon-72x72-precomposed.png' -apple-touch-icon-precomposed: 'apple-touch-icon-precomposed.png' -msapplication_tileimage: 'msapplication_tileimage.png' # Size 144x144 -msapplication_tilecolor: '#fabb00' - - -# ______ __ __ -# / ____/___ _________ / /_ ____ ____ / /__ -# / /_ / __ `/ ___/ _ \/ __ \/ __ \/ __ \/ //_/ -# / __/ / /_/ / /__/ __/ /_/ / /_/ / /_/ / ,< -# /_/ \__,_/\___/\___/_.___/\____/\____/_/|_| Facebook-Optimization › http://j.mp/fb_optimize - -#og_image: 'http://images.phlow.de/phlow/phlow_de-logo-512x.png' -og_locale: 'en_EN' -og_type: 'website' - - -# _____ _ __ __ ___ ___ -# / ___/____ _____(_)___ _/ / / |/ /__ ____/ (_)___ _ -# \__ \/ __ \/ ___/ / __ `/ / / /|_/ / _ \/ __ / / __ `/ -# ___/ / /_/ / /__/ / /_/ / / / / / / __/ /_/ / / /_/ / -# /____/\____/\___/_/\__,_/_/ /_/ /_/\___/\__,_/_/\__,_/ -# -# Open _data/socialmedia.yml to adjust the left and right topbar navigation -# - -#socialmedia: -# twitter: phlow -# facebook: phlow.media - - -# ____ _ -# / __ \(_)________ ___ _______ -# / / / / / ___/ __ `/ / / / ___/ -# / /_/ / (__ ) /_/ / /_/ (__ ) -# /_____/_/____/\__, /\__,_/____/ -# /_/ -# -# used in _includes/comments - -#disqus_shortname: feelingresponsive - - -# _____ -# / ___/____ ___________ -# \__ \/ __ `/ ___/ ___/ -# ___/ / /_/ (__ |__ ) More › http://sass-lang.com/ -# /____/\__,_/____/____/ More › http://jekyllrb.com/docs/assets/#sassscss -# - -sass: - sass_dir : _sass - style : :compressed - - -# ___ __ __ _ -# / | ____ ____ _/ /_ __/ /_(_)_________ -# / /| | / __ \/ __ `/ / / / / __/ / ___/ ___/ -# / ___ |/ / / / /_/ / / /_/ / /_/ / /__(__ ) -# /_/ |_/_/ /_/\__,_/_/\__, /\__/_/\___/____/ https://www.google.com/analytics/ -# /____/ -# -# used in _includes/footer_scripts - -google_analytics_tracking_id: UA-135337216-1 - - - -# _ _ _ -# | |_ __ ___ _| | __| |_ ___ -# | __/ _` \ \ /\ / / |/ /| __/ _ \ -# | || (_| |\ V V /| < | || (_) | -# \__\__,_| \_/\_/ |_|\_(_)__\___/ More › https://www.tawk.to/knowledgebase/ -# -# tawk.to is a free live chat app that lets you monitor and chat -# with visitors on your website or from a free customizable page -# -# To load the script add tawkto: true in front matter of each page -# -# used in _includes/footer_scripts - -# tawkto_embed_uri: - - -# ___ _ __ __ -# / | __________(_)___/ /___ _____/ /_____ _____ -# / /| | / ___/ ___/ / __ / __ \/ ___/ __/ __ \/ ___/ -# / ___ |(__ ) /__/ / /_/ / /_/ / /__/ /_/ /_/ / / -# /_/ |_/____/\___/_/\__,_/\____/\___/\__/\____/_/ -# -# Asciidoctor is a fast text processor and publishing toolchain for converting -# AsciiDoc content to HTML5, DocBook 5 (or 4.5) and other formats. -# -# https://github.com/asciidoctor/jekyll-asciidoc -# https://github.com/asciidoctor -# -# - -asciidoctor-enabled: false -asciidoctor: - description: testtewtetrue - attributes: - source-highlighter: coderay - coderay-css: style - icons: font diff --git a/_config_dev.yml b/_config_dev.yml deleted file mode 100644 index 5a5f83ab..00000000 --- a/_config_dev.yml +++ /dev/null @@ -1,26 +0,0 @@ -# -# This config-file is only needed for development. Instead of changing the url -# everytime you work locally on the project, you start both config-files, overwriting -# the first one with the development variables needed. -# -# Start development with › $ jekyll serve --config _config.yml,_config_dev.yml - -url: 'http://localhost:4000' -baseurl: '' -urlimg: 'http://localhost:4000/images/' - -# See › https://github.com/jekyll/jekyll-gist#disabling-noscript-support -gist: - noscript: false - -sass: - # http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style - style: :expanded - line_numbers: true - # trace_selectors: true - # debug_info: true - # FUTURE https://github.com/jekyll/jekyll-sass-converter/issues/12 - sourcemap: true - -# Disable when not in production -google_analytics_tracking_id: false diff --git a/_data/authors.yml b/_data/authors.yml deleted file mode 100644 index a556d735..00000000 --- a/_data/authors.yml +++ /dev/null @@ -1,13 +0,0 @@ -# Author details -# -# 1. Edit information below -# 2. Change site author in config.yml -# 3. Change default post/page authors in config.yml -# -# Resource › http://blog.sorryapp.com/blogging-with-jekyll/2014/02/06/adding-authors-to-your-jekyll-site.html -phlow: # replace this with your info - name: "osipi" - siterole: "webmaster, developer, copywriter, designer" - uri: http://osipi.githib.io/ - email: -# you can add more authors here diff --git a/_data/language.yml b/_data/language.yml deleted file mode 100644 index 3cfcc2b7..00000000 --- a/_data/language.yml +++ /dev/null @@ -1,24 +0,0 @@ -info_website: "About This Site" -archive: "Archive" -blog_archive: "Blog Archive" -blog: "Blog" -comments_headline: "Dialogue & Discussion" -more: "More ›" -more_articles: "More News" -navigation_title: "Navigation" -new_blog_entries: "Recent News" -next: "Next" -next_posts: "Next Posts" -previous: "Previous" -previous_posts: "Previous Posts" -read: "Read" -read_more: "Read More ›" -if_you_are_not_redirected_automatically: "If you are not redirected automatically," -click_here: "click here" -next_post_in: "Next Post in" -previous_post_in: "Previous Post in" -breadcrumb_start: "Start" -edit: "Edit" -this_content_is_open_source: "This content is open source." -help_improve_it: "Help improve it" -enter_search_term: "Enter search term and hit enter" \ No newline at end of file diff --git a/_data/language_de.yml b/_data/language_de.yml deleted file mode 100644 index 59b58dda..00000000 --- a/_data/language_de.yml +++ /dev/null @@ -1,24 +0,0 @@ -info_website: "Über diese Website" -archive: "Archiv" -blog_archive: "Blog Archiv" -blog: "Blog" -comments_headline: "Dialog & Diskussion" -more: "Mehr ›" -more_articles: "Mehr Artikel" -navigation_title: "Navigation" -new_blog_entries: "Neue Blog Artikel" -next: "Nächste" -next_posts: "Nächster Beitrag" -previous: "Vorherige" -previous_posts: "Vorheriger Beitrag" -read: "Lesen" -read_more: "Mehr lesen ›" -if_you_are_not_redirected_automatically: "Wenn Du nicht automatisch weitergeleitet wirst," -click_here: "klick hier" -next_post_in: "Nächster Beitrag in" -previous_post_in: "Vorheriger Beitrag in" -breadcrumb_start: "Start" -edit: "Editieren" -this_content_is_open_source: "Der Inhalt ist Open Source." -help_improve_it: "Hilf ihn zu verbessern" -enter_search_term: "Suchbegriff eingeben und Eingabetaste drücken" \ No newline at end of file diff --git a/_data/leadership.yml b/_data/leadership.yml deleted file mode 100644 index b979457a..00000000 --- a/_data/leadership.yml +++ /dev/null @@ -1,23 +0,0 @@ -- role: Chair - name: Henk Mutsaerts - location: Amsterdam UMC, Amsterdam, The Netherlands - website: https://www.linkedin.com/in/henk-jan-mutsaerts-8532b626/ - email: h.j.mutsaerts@amsterdamumc.nl - -- role: Co-Chair - name: Yuriko Suzuki - location: Wellcome Centre for Integrative Neuroimaging, FMRIB, University of Oxford, UK - website: https://www.ndcn.ox.ac.uk/team/yuriko-suzuki - email: yuriko.suzuki@ndcn.ox.ac.uk - -- role: Secretary - name: Petra van Houdt - location: the Netherlands Cancer Institute, Amsterdam, NL - website: https://www.ndcn.ox.ac.uk/team/yuriko-suzuki - email: p.v.houdt@nki.nl - -- role: Past-Chair - name: Laura Bell - location: Genentech Inc, South San Francisco, CA, USA - website: https://www.linkedin.com/in/lauracbell/ - email: bell.laura@gene.com \ No newline at end of file diff --git a/_data/leadership_New.yml b/_data/leadership_New.yml deleted file mode 100644 index 27a6bd24..00000000 --- a/_data/leadership_New.yml +++ /dev/null @@ -1,23 +0,0 @@ -- role: Chair - name: Henk Mutsaerts - location: Amsterdam UMC, Amsterdam, The Netherlands - website: https://www.linkedin.com/in/henk-jan-mutsaerts-8532b626/ - email: h.j.mutsaerts@amsterdamumc.nl - -- role: Co-Chair - name: Yuriko Suzuki - location: Wellcome Centre for Integrative Neuroimaging, FMRIB, University of Oxford, UK - website: https://www.ndcn.ox.ac.uk/team/yuriko-suzuki - email: yuriko.suzuki@ndcn.ox.ac.uk - -- role: Secretary - name: Petra van Houdt - location: the Netherlands Cancer Institute, Amsterdam, NL - website: https://www.linkedin.com/in/petra-van-houdt-a7612510/ - email: p.v.houdt@nki.nl - -- role: Past-Chair - name: Laura Bell - location: Genentech Inc, South San Francisco, CA, USA - website: https://www.linkedin.com/in/lauracbell/ - email: bell.laura@gene.com \ No newline at end of file diff --git a/_data/literature_mapping.json b/_data/literature_mapping.json deleted file mode 100644 index 033039a1..00000000 --- a/_data/literature_mapping.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "entries":{ - "conferencePaper": "Conference Paper", - "journalArticle": "Journal Article", - "webpage": "web page" - }, - "modalities": { - "modality_dce": "DCE", - "modality_dsc": "DSC", - "modality_asl": "ASL" - }, - "types":{ - "type_phantom": "Physical Phantom", - "type_dro": "Digital Reference Object" - } -} \ No newline at end of file diff --git a/_data/navigation.yml b/_data/navigation.yml deleted file mode 100644 index 636e77ff..00000000 --- a/_data/navigation.yml +++ /dev/null @@ -1,81 +0,0 @@ -- title: Home - url: "/" - side: left - nav_order: 1 - -- title: About - url: "/about/" - side: left - nav_order: 2 - dropdown: - - title: "Contributors" - url: "/contributors/" - - title: "Executive & Management Board" - url: "/emb/" - - title: "Strategy Board" - url: "/sb/" - -- title: Aims - url: "/aims/" - side: left - nav_order: 3 - dropdown: - - title: "TF 1.1 - ASL software inventory" - url: "/task-force-1-1/" - - title: "TF 1.2 - DCE/DSC software inventory" - url: "/task-force-1-2/" - - title: "TF 2.1 - Library structure & management" - url: "/task-force-2-1/" - - title: "TF 2.2 - ASL contributions" - url: "/task-force-2-2/" - - title: "TF 2.3 - DCE/DSC contributions" - url: "/task-force-2-3/" - - title: "TF 3.1 - Digital reference objects & phantoms" - url: "/task-force-3-1/" - - title: "TF 3.2 - Clinical and preclinical data" - url: "/task-force-3-2/" - - title: "TF 4.1 - ASL lexicon" - url: "/task-force-4-1/" - - title: "TF 4.2 - DCE/DSC lexicon" - url: "/task-force-4-2/" - - title: "TF 6.1 - ASL Challenges" - url: "/task-force-6-1/" - - title: "TF 6.2 - DCE/DSC Challenges" - url: "/task-force-6-2/" - -- title: Inventories - url: "/inventories/" - side: left - nav_order: 4 - dropdown: - - title: "Phantom and Digital Reference Object Collaboration" - url: "/inventories/3-1/collaborations" - - title: "Phantom and Digital Reference Object Literature" - url: "/inventories/3-1/literature" - - -- title: "Search" - url: "/search/" - side: left - nav_order: 5 - -- title: News - url: "/news/" - side: right - nav_order: 6 - -- title: "Quick Links" - url: "/quicklinks/" - side: right - nav_order: 7 - -- title: "Resources" - url: "/resources/" - side: right - nav_order: 8 - -- title: "Contribute now!" - url: "/opportunities/" - side: right - nav_order: 9 - diff --git a/_data/phantom_contributions.json b/_data/phantom_contributions.json deleted file mode 100644 index 3a94b40e..00000000 --- a/_data/phantom_contributions.json +++ /dev/null @@ -1,173 +0,0 @@ -[ - { - "name": "ASLDRO", - "contactFirstName": "Aaron", - "contactLastName": "Oliver-Taylor", - "contactEmail": "aaron.oliver-taylor@goldstandardphantoms.com", - "contactInstitution": "Gold Standard Phantoms", - "contactInstitutionUrl": "https://www.goldstandardphantoms.com", - "type": [ - "DRO", - "Source Code" - ], - "modality": [ - "ASL" - ], - "shortDescription": "Digital reference object software for Arterial Spin Labelling", - "longDescription": "We have developed digital reference object software for Arterial Spin Labelling. This can generate raw synthetic raw ASL data (in BIDS compliant format) based on input ground truth (perfusion rate, transit time, t1, t2, m0 etc), sequence parameters, and data output type. This software was developed as part of the ASPIRE project, a Eurostars funded collaboration between Gold Standard Phantoms, VUmc Amsterdam (ExploreASL) and mediri GmbH, with the specific intentions for it being used in software development and integration testing of ExploreASL. The software is released under an open source MIT license and we invite the rest of the ASL community to provide feedback, fork and contribute.", - "imageFile": "asldro.png", - "url": [ - "https://github.com/gold-standard-phantoms/asldro", - "https://pypi.org/project/asldro/", - "https://asldro.readthedocs.io/" - ], - "references": [ - { - "refText": "ISMRM 2021 Abstract accepted for digital poster", - "refUrl": "" - } - ], - "activities": [ - "Collaborations to further develop the DRO", - "Collaborations to use the DRO to test ASL analysis software" - ], - "dateAdded": "2021-03-16" - }, - { - "name": "OSIPI DCE-MRI Challenge DRO", - "contactFirstName": "Floris", - "contactLastName": "Van den Abeele", - "contactEmail": "floris@hyperfusion.ai", - "contactInstitution": "Hyperfusion", - "contactInstitutionUrl": "https://hyperfusion.ai", - "type": ["DRO"], - "modality": ["DCE"], - "shortDescription": "DCE digital reference object created for the OSIPI DCE-MRI Challenge", - "longDescription": "This DRO was built to assess the accuracy of K^trans estimations by competing teams as part of the Osipi TF6.2 DCE-MRI perfusion analysis challenge. It is based on a two-compartment exchange model (2CXM) and the signal model of a spoiled gradient-echo sequence in steady-state. It contains multiple structures with specifications of normal gray matter, normal white matter, tumor, necrosis, and arterial input function (AIF) taking a range of values for PS, V e , V p , and F. Temporal sampling time is dt = 6s, the total scan time is 6 min and Rician noise has been simulated. ", - "imageFile": "OSIPI.png", - "url": [], - "references": [], - "activities": [ - "Collaborations with researchers" - ], - "dateAdded": "2021-03-16" - }, - { - "name": "QASPER Reference Scans", - "contactFirstName": "Jochen", - "contactLastName": "Hirsch", - "contactEmail": "jochen.hirsch@mevis.fraunhofer.de", - "contactInstitution": "Fraunhover MEVIS, Bremen, Germany", - "contactInstitutionUrl": "https://www.mevis.fraunhofer.de/en/research-and-technologies/imaging-physics.html", - "type": ["Physical Phantom Data"], - "modality": ["ASL"], - "shortDescription": "QASPER phantom data for sharing", - "longDescription": "We use QASPER for ASL sequence development and software evaluation purposes; ASL \"reference\" scans using manufacturer's sequences/protocols are compared with inhouse research sequence developments (parallel, multiband, inline motion correction, alternative reconstruction algorithms, etc.). For reference, stability and homogeneity checks we have acquired a large number of phantom and invivo scans which data might be shared. Our interest is in collaborations to work on multi-center studies, standardization and optimazation of clinical ASL approaches.", - "imageFile": null, - "url": ["https://www.goldstandardphantoms.com/qasper"], - "references": [], - "activities": [ - "Collaborations with researchers", - "Standardisation and Validation", - "Invivo Studies", - "DROs" - - ], - "dateAdded": "2021-10-27" - }, - { - "name": "Barrow DSC-DRO", - "contactFirstName": "Natenael", - "contactLastName": "Semmineh", - "contactEmail": "natenael.semmineh@barrowneuro.org", - "contactInstitution": "Barrow Neurological Institute", - "contactInstitutionUrl": "https://www.barrowneuro.org/for-physicians-researchers/research/research-programs-labs/neuroimaging/quarles-laboratory/", - "type": ["DRO"], - "modality": ["DSC"], - "shortDescription": "DSC-MRI Digital Reference Object", - "longDescription": "The standardization of DSC-MRI has been confounded by a lack of consensus on DSC-MRI methodology for preventing potential rCBV inaccuracies, including the choice of acquisition protocols and post-processing algorithms. To address these issues, we developed a digital reference object (DRO) aimed at validating image acquisition and analysis methods for accurately measuring rCBV in glioblastomas. The DRO was developed using trained physiological and kinetic parameters derived from in vivo data, unique voxel-wise 3D tissue structures, and a validated MRI signal computational approach. The DRO’s ability to produce reliable signals was validated by comparison to separate cohort of patient data.", - "imageFile": null, - "url": ["doi.org/10.7937/TCIA.2020.rmwvzwix "], - "references": [ - { - "refText": "An Efficient Computational Approach to Characterize DSC-MRI Signals Arising from Three-Dimensional Heterogeneous Tissue Structures", - "refUrl": "https://dx.doi.org/10.1371/journal.pone.0084764" - }, - { - "refText": "A Population-Based Digital Reference Object (DRO) for Optimizing Dynamic Susceptibility Contrast (DSC)-MRI Methods for Clinical Trials", - "refUrl": "https://dx.doi.org/10.18383/j.tom.2016.00286" - }, - { - "refText": "Optimization of Acquisition and Analysis Methods for Clinical Dynamic Susceptibility Contrast MRI Using a Population-Based Digital Reference Object", - "refUrl": "https://dx.doi.org/10.3174/ajnr.A5827" - }, - { - "refText": "Systematic assessment of multi-echo dynamic susceptibility contrast MRI using a digital reference object", - "refUrl": "https://dx.doi.org/10.1002/mrm.27914" - }, - { - "refText": "Evaluating Multisite rCBV Consistency from DSC-MRI Imaging Protocols and Postprocessing Software Across the NCI Quantitative Imaging Network Sites Using a Digital Reference Object (DRO)", - "refUrl": "https://dx.doi.org/10.18383/j.tom.2018.00041" - }, - { - "refText": "Evaluating the Use of rCBV as a Tumor Grade and Treatment Response Classifier Across NCI Quantitative Imaging Network Sites: Part II of the DSC-MRI Digital Reference Object (DRO) Challenge", - "refUrl": "https://dx.doi.org/10.18383/j.tom.2020.00012" - } - ], - "activities": [ - "Sharing of DRO data and source code", - "Collaborations with researchers" - ], - "dateAdded": "2021-10-27" - }, - { - "name": "nano.Sphere-Phantom", - "contactFirstName": "Andrea", - "contactLastName": "Federspiel", - "contactEmail": "andrea.federspiel@upd.unibe.ch", - "contactInstitution": "University of Bern, Translational Research Center", - "contactInstitutionUrl": "https://www.upd.unibe.ch/about_us/personen/prof_dr_phil_nat_federspiel_andrea/index_eng.html", - "type": ["Physical Phantom Plans"], - "modality": ["ASL"], - "shortDescription": "ASL Perfusion Phantom", - "longDescription": "A longer description of the contribution, up to 200 words", - "imageFile": "bern_phantom.png", - "url": ["https://boris.unibe.ch/109400/1/HBM_2017_Federspiel.pdf"], - "references": [], - "activities": [ - "Collaborations with researchers", - "Standardisation and Validation", - "Invivo Studies" - ], - "dateAdded": "2021-10-27" - }, - { - "name": "Impinging Jet Phantom", - "contactFirstName": "John", - "contactLastName": "Detre", - "contactEmail": "detre@pennmedicine.upenn.edu", - "contactInstitution": "University of Pennsylvania", - "contactInstitutionUrl": "", - "type": ["Physical Phantom Plans"], - "modality": ["ASL", "DSC", "DCE"], - "shortDescription": "Perfusion phantom for ASL MRI based on impinging jets", - "longDescription": "Impinging jets, driven by a peristaltic pump, were used to achieve perfusion-like mixing of magnetically labeled inflowing fluid within a single perfusion compartment. Fluid dynamics simulations predicted that maximum mixing would occur near the central axis of the perfusion compartment. Experimentally observed signal changes within this region were reproducible and well fit by the standard Buxton General Kinetic Model. Calculated perfusion rates, averaged over the entire phantom volume, agreed with the expected volumetric flow rates provided by the flow pump. Phantom sensitivity to pCASL labeling parameters was also demonstrated. Observed perfusion and transit time values were reproducible and within the physiological range for brain perfusion.", - "imageFile": "impinging.png", - "url": ["https://github.com/mgabr001-git/ASL_Phantom_3D_DesignFiles"], - "references": [ - { - "refText": "A perfusion phantom for ASL MRI based on impinging jets", - "refUrl": "https://doi.org/10.1002/mrm.28697" - }, - { - "refText": "A Single-Compartment Perfusion Phantom for ASL-MRI", - "refUrl": "https://index.mirasmart.com/ISMRM2019/SearchResults.php?Program_Number=2971" - } - ], - "activities": [ - "Sharing design and print files for the prototype phantom", - "Open to new collaborations with researchers interested in this approach" - ], - "dateAdded": "2021-10-27" - } -] \ No newline at end of file diff --git a/_data/phantom_literature.json b/_data/phantom_literature.json deleted file mode 100644 index 6494388b..00000000 --- a/_data/phantom_literature.json +++ /dev/null @@ -1,3041 +0,0 @@ -[ - { - "key": "5RT5JSJW", - "version": 343, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/5RT5JSJW", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/5RT5JSJW", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Mario Gilberto Baez-Yanez et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "5RT5JSJW", - "version": 343, - "itemType": "conferencePaper", - "title": "Numerical simulations to investigate the contribution of arteries and veins to the relative BOLD-fMRI signal change by means of SO2 and CBV changes", - "creators": [ - { - "creatorType": "author", - "name": "Mario Gilberto Baez-Yanez" - }, - { - "creatorType": "author", - "name": "Alex Bhogal" - }, - { - "creatorType": "author", - "name": "Wouter Schellekens" - }, - { - "creatorType": "author", - "name": "Jeroen C.W. Siero" - }, - { - "creatorType": "author", - "name": "Natalia Petridou" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A3399", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/3399.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_other" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:59:38Z", - "dateModified": "2022-02-14T23:03:01Z" - } - }, - { - "key": "7AXEMDU5", - "version": 341, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/7AXEMDU5", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/7AXEMDU5", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Qohar et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "7AXEMDU5", - "version": 341, - "itemType": "conferencePaper", - "title": "A computational fluid dynamics framework to generate digital reference objects for perfusion imaging", - "creators": [ - { - "creatorType": "author", - "firstName": "Ulin Nuha Abdul", - "lastName": "Qohar" - }, - { - "creatorType": "author", - "firstName": "Erik Andreas", - "lastName": "Hanson" - }, - { - "creatorType": "author", - "firstName": "Steven", - "lastName": "Sourbron" - }, - { - "creatorType": "author", - "firstName": "Antonella Zanna", - "lastName": "Munthe-Kaas" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A0497", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/0497.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dce" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:31:11Z", - "dateModified": "2022-02-14T22:57:32Z" - } - }, - { - "key": "QFZK3BGE", - "version": 340, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/QFZK3BGE", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/QFZK3BGE", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Bell et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "QFZK3BGE", - "version": 340, - "itemType": "conferencePaper", - "title": "How to Benchmark DSC-MRI: the technical development of an anthropomorphic phantom for software validation", - "creators": [ - { - "creatorType": "author", - "firstName": "Laura C.", - "lastName": "Bell" - }, - { - "creatorType": "author", - "firstName": "Natenael B", - "lastName": "Semmineh" - }, - { - "creatorType": "author", - "firstName": "Sudarshan", - "lastName": "Ragunathan" - }, - { - "creatorType": "author", - "firstName": "C. Chad", - "lastName": "Quarles" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A1844", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/1844.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dsc" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:42:55Z", - "dateModified": "2022-02-14T22:57:16Z" - } - }, - { - "key": "9SPCKBUL", - "version": 340, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/9SPCKBUL", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/9SPCKBUL", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Anazodo et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "9SPCKBUL", - "version": 340, - "itemType": "conferencePaper", - "title": "The Open Source Initiative for Perfusion Imaging (OSIPI) ASL MRI Challenge", - "creators": [ - { - "creatorType": "author", - "firstName": "Udunna", - "lastName": "Anazodo" - }, - { - "creatorType": "author", - "firstName": "Joana", - "lastName": "Pinto" - }, - { - "creatorType": "author", - "firstName": "Flora A. Kennedy", - "lastName": "McConnell" - }, - { - "creatorType": "author", - "firstName": "Maria-Eleni", - "lastName": "Dounavi" - }, - { - "creatorType": "author", - "firstName": "Cassandra Gould van", - "lastName": "Praag" - }, - { - "creatorType": "author", - "firstName": "Henk", - "lastName": "Mutsaerts" - }, - { - "creatorType": "author", - "firstName": "Aaron", - "lastName": "Oliver-Taylor" - }, - { - "creatorType": "author", - "firstName": "André", - "lastName": "Paschoal" - }, - { - "creatorType": "author", - "firstName": "", - "lastName": "Jan Petr" - }, - { - "creatorType": "author", - "firstName": "Diego", - "lastName": "Pineda-Ordóñez" - }, - { - "creatorType": "author", - "firstName": "Joseph G.", - "lastName": "Woods" - }, - { - "creatorType": "author", - "firstName": "Moss Y.", - "lastName": "Zhao" - }, - { - "creatorType": "author", - "firstName": "Paula L.", - "lastName": "Croal" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A2714", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/2714.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:51:21Z", - "dateModified": "2022-02-14T22:57:05Z" - } - }, - { - "key": "LTUQEWQH", - "version": 340, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/LTUQEWQH", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/LTUQEWQH", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5635422, - "username": "jimhholmes", - "name": "", - "links": { - "alternate": { - "href": "https://www.zotero.org/jimhholmes", - "type": "text/html" - } - } - }, - "lastModifiedByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Gabrielyan et al.", - "parsedDate": "2019-05-11", - "numChildren": 0 - }, - "data": { - "key": "LTUQEWQH", - "version": 340, - "itemType": "conferencePaper", - "title": "A Single-Compartment Perfusion Phantom for ASL-MRI", - "creators": [ - { - "creatorType": "author", - "firstName": "Marianna", - "lastName": "Gabrielyan" - }, - { - "creatorType": "author", - "firstName": "Christopher", - "lastName": "Higgins" - }, - { - "creatorType": "author", - "firstName": "Paulo E.", - "lastName": "Arratia" - }, - { - "creatorType": "author", - "firstName": "John A.", - "lastName": "Detre" - }, - { - "creatorType": "author", - "firstName": "M. Dylan", - "lastName": "Tisdall" - } - ], - "abstractNote": "", - "date": "May 11-16, 2019", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 27", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Montreal, Canada", - "publisher": "", - "volume": "", - "pages": "A2971", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2019/PDFfiles/2971.html", - "accessDate": "2021-07-09", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "ASL" - }, - { - "tag": "modality_asl" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-07-09T14:13:47Z", - "dateModified": "2022-02-14T22:56:55Z" - } - }, - { - "key": "FSX4T5FF", - "version": 339, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/FSX4T5FF", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/FSX4T5FF", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Akatsu et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "FSX4T5FF", - "version": 339, - "itemType": "conferencePaper", - "title": "Optimization of Variable TI 4D ultrashort TE MR Angiography: A Numerical Simulation and Phantom Study", - "creators": [ - { - "creatorType": "author", - "firstName": "Toshiya", - "lastName": "Akatsu" - }, - { - "creatorType": "author", - "firstName": "Haruyuki", - "lastName": "Fukuchi" - }, - { - "creatorType": "author", - "firstName": "Kei", - "lastName": "Fukuzawa" - }, - { - "creatorType": "author", - "firstName": "Nao", - "lastName": "Takano" - }, - { - "creatorType": "author", - "firstName": "Yutaka", - "lastName": "Ikenouchi" - }, - { - "creatorType": "author", - "firstName": "Michimasa", - "lastName": "Suzuki" - }, - { - "creatorType": "author", - "firstName": "Kohji", - "lastName": "Kamagata" - }, - { - "creatorType": "author", - "firstName": "Akihiko", - "lastName": "Wada" - }, - { - "creatorType": "author", - "firstName": "Osamu", - "lastName": "Abe" - }, - { - "creatorType": "author", - "firstName": "Shigeki", - "lastName": "Aoki" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "S44", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/S44.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:35:14Z", - "dateModified": "2022-02-14T22:55:59Z" - } - }, - { - "key": "KUHUI4HL", - "version": 337, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/KUHUI4HL", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/KUHUI4HL", - "type": "text/html" - }, - "attachment": { - "href": "https://api.zotero.org/groups/2900833/items/7N4IRQ98", - "type": "application/json", - "attachmentType": "application/pdf", - "attachmentSize": 621574 - } - }, - "meta": { - "createdByUser": { - "id": 5635422, - "username": "jimhholmes", - "name": "", - "links": { - "alternate": { - "href": "https://www.zotero.org/jimhholmes", - "type": "text/html" - } - } - }, - "lastModifiedByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Beers et al.", - "parsedDate": "2018-03-09", - "numChildren": 1 - }, - "data": { - "key": "KUHUI4HL", - "version": 337, - "itemType": "conferencePaper", - "title": "Anatomical DCE-MRI phantoms generated from glioma patient data", - "creators": [ - { - "creatorType": "author", - "firstName": "Andrew", - "lastName": "Beers" - }, - { - "creatorType": "author", - "firstName": "Ken", - "lastName": "Chang" - }, - { - "creatorType": "author", - "firstName": "James", - "lastName": "Brown" - }, - { - "creatorType": "author", - "firstName": "Xia", - "lastName": "Zhu" - }, - { - "creatorType": "author", - "firstName": "Dipanjan", - "lastName": "Sengupta" - }, - { - "creatorType": "author", - "firstName": "Theodore L.", - "lastName": "Willke" - }, - { - "creatorType": "author", - "firstName": "Elizabeth", - "lastName": "Gerstner" - }, - { - "creatorType": "author", - "firstName": "Bruce", - "lastName": "Rosen" - }, - { - "creatorType": "author", - "firstName": "Jayashree", - "lastName": "Kalpathy-Cramer" - }, - { - "creatorType": "editor", - "firstName": "Guang-Hong", - "lastName": "Chen" - }, - { - "creatorType": "editor", - "firstName": "Joseph Y.", - "lastName": "Lo" - }, - { - "creatorType": "editor", - "firstName": "Taly", - "lastName": "Gilat Schmidt" - } - ], - "abstractNote": "Several digital reference objects (DROs) for DCE-MRI have been created to test the accuracy of pharmacokinetic modeling software under a variety of different noise conditions. However, there are few DROs that mimic the anatomical distribution of voxels found in real data, and similarly few DROs that are based on both malignant and normal tissue. We propose a series of DROs for modeling Ktrans and Ve derived from a publically-available RIDER DCEMRI dataset of 19 patients with gliomas. For each patient’s DCE-MRI data, we generate Ktrans and Ve parameter maps using an algorithm validated on the QIBA Tofts model phantoms. These parameter maps are denoised, and then used to generate noiseless time-intensity curves for each of the original voxels. This is accomplished by reversing the Tofts model to generate concentration-times curves from Ktrans and Ve inputs, and subsequently converting those curves into intensity values by normalizing to each patient’s average pre-bolus image intensity. The result is a noiseless DRO in the shape of the original patient data with known ground-truth Ktrans and Ve values. We make this dataset publically available for download for all 19 patients of the original RIDER dataset.", - "date": "2018-3-9", - "proceedingsTitle": "Medical Imaging 2018: Physics of Medical Imaging", - "conferenceName": "Physics of Medical Imaging", - "place": "Houston, United States", - "publisher": "SPIE", - "volume": "", - "pages": "A102", - "series": "", - "language": "en", - "DOI": "10.1117/12.2294961", - "ISBN": "978-1-5106-1635-6 978-1-5106-1636-3", - "shortTitle": "", - "url": "https://www.spiedigitallibrary.org/conference-proceedings-of-spie/10573/2294961/Anatomical-DCE-MRI-phantoms-generated-from-glioma-patient-data/10.1117/12.2294961.full", - "accessDate": "2021-04-09T22:30:27Z", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "DOI.org (Crossref)", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dce" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-04-09T22:30:27Z", - "dateModified": "2022-02-14T22:53:43Z" - } - }, - { - "key": "X54G24H3", - "version": 337, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/X54G24H3", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/X54G24H3", - "type": "text/html" - }, - "attachment": { - "href": "https://api.zotero.org/groups/2900833/items/W3B6XGQK", - "type": "application/json", - "attachmentType": "application/pdf", - "attachmentSize": 407611 - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Ebrahimi et al.", - "parsedDate": "2008-03-18", - "numChildren": 2 - }, - "data": { - "key": "X54G24H3", - "version": 337, - "itemType": "conferencePaper", - "title": "A perfusion phantom for quantitative medical imaging", - "creators": [ - { - "creatorType": "author", - "firstName": "Behzad", - "lastName": "Ebrahimi" - }, - { - "creatorType": "author", - "firstName": "Scott D.", - "lastName": "Swanson" - }, - { - "creatorType": "author", - "firstName": "Bobak", - "lastName": "Mosadegh" - }, - { - "creatorType": "author", - "firstName": "Timothy E.", - "lastName": "Chupp" - } - ], - "abstractNote": "", - "date": "2008/03/18", - "proceedingsTitle": "Medical Imaging 2008: Physics of Medical Imaging", - "conferenceName": "Medical Imaging 2008: Physics of Medical Imaging", - "place": "San Diego, California, United States", - "publisher": "International Society for Optics and Photonics", - "volume": "", - "pages": "A6913", - "series": "", - "language": "", - "DOI": "10.1117/12.770894", - "ISBN": "", - "shortTitle": "", - "url": "https://www.spiedigitallibrary.org/conference-proceedings-of-spie/6913/69130W/A-perfusion-phantom-for-quantitative-medical-imaging/10.1117/12.770894.short", - "accessDate": "2021-04-24T20:48:30Z", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "www.spiedigitallibrary.org", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dce" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-04-24T20:48:30Z", - "dateModified": "2022-02-14T22:53:38Z" - } - }, - { - "key": "DGBS3USP", - "version": 336, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/DGBS3USP", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/DGBS3USP", - "type": "text/html" - }, - "attachment": { - "href": "https://api.zotero.org/groups/2900833/items/YWMNU53C", - "type": "application/json", - "attachmentType": "application/pdf", - "attachmentSize": 570791 - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Stafford et al.", - "parsedDate": "2014-05-10", - "numChildren": 1 - }, - "data": { - "key": "DGBS3USP", - "version": 336, - "itemType": "conferencePaper", - "title": "A Standardization Phantom for Quantitative Perfusion with Arterial Spin Labeling", - "creators": [ - { - "creatorType": "author", - "firstName": "Randall B", - "lastName": "Stafford" - }, - { - "creatorType": "author", - "firstName": "Michael C", - "lastName": "Langham" - }, - { - "creatorType": "author", - "firstName": "Scott V", - "lastName": "Davis" - }, - { - "creatorType": "author", - "firstName": "Jongho", - "lastName": "Lee" - }, - { - "creatorType": "author", - "firstName": "John A", - "lastName": "Detre" - } - ], - "abstractNote": "", - "date": "May 10-16, 2014", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 22", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Milan, Italy", - "publisher": "", - "volume": "", - "pages": "A4572", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://cds.ismrm.org/protected/14MProceedings/PDFfiles/4572.pdf", - "accessDate": "2021-04-29", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-04-29T18:45:26Z", - "dateModified": "2022-02-14T22:53:21Z" - } - }, - { - "key": "7CV7DTSI", - "version": 336, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/7CV7DTSI", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/7CV7DTSI", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Oliver-Taylor et al.", - "parsedDate": "2019-05-11", - "numChildren": 2 - }, - "data": { - "key": "7CV7DTSI", - "version": 336, - "itemType": "conferencePaper", - "title": "A multi-site round robin assessment of ASL using a perfusion phantom", - "creators": [ - { - "creatorType": "author", - "firstName": "Aaron", - "lastName": "Oliver-Taylor" - }, - { - "creatorType": "author", - "firstName": "Thomas", - "lastName": "Hampshire" - }, - { - "creatorType": "author", - "firstName": "Henk-Jan", - "lastName": "Mutsaerts" - }, - { - "creatorType": "author", - "firstName": "Patricia", - "lastName": "Clement" - }, - { - "creatorType": "author", - "firstName": "Esther", - "lastName": "Warnert" - }, - { - "creatorType": "author", - "firstName": "Joost P.A.", - "lastName": "Kuijer" - }, - { - "creatorType": "author", - "firstName": "Koen", - "lastName": "Baas" - }, - { - "creatorType": "author", - "firstName": "Jan", - "lastName": "Petr" - }, - { - "creatorType": "author", - "firstName": "Jeroen C.W.", - "lastName": "Siero" - }, - { - "creatorType": "author", - "firstName": "José P.", - "lastName": "Marques" - }, - { - "creatorType": "author", - "firstName": "Stefan", - "lastName": "Sunaert" - }, - { - "creatorType": "author", - "firstName": "Ronald J.H.", - "lastName": "Borra" - }, - { - "creatorType": "author", - "firstName": "Matthias J.P.", - "lastName": "van Osch" - }, - { - "creatorType": "author", - "firstName": "Xavier", - "lastName": "Golay" - }, - { - "creatorType": "author", - "firstName": "Eric", - "lastName": "Achten" - } - ], - "abstractNote": "", - "date": "May 11-16, 2019", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 27", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Montréal, QC, Canada", - "publisher": "", - "volume": "", - "pages": "A2653", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://cds.ismrm.org/protected/19MPresentations/abstracts/2653.html", - "accessDate": "2021-07-09T14:59:50Z", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-07-09T14:59:50Z", - "dateModified": "2022-02-14T22:53:08Z" - } - }, - { - "key": "N3BD7YWM", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/N3BD7YWM", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/N3BD7YWM", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Corrado et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "N3BD7YWM", - "version": 335, - "itemType": "conferencePaper", - "title": "Real-time Cardiac MRI during Exercise with Radial Sampling and Compressed Sensing: Evaluation in a Numerical Phantom and In-Vivo", - "creators": [ - { - "creatorType": "author", - "firstName": "Philip A", - "lastName": "Corrado" - }, - { - "creatorType": "author", - "firstName": "Daniel", - "lastName": "Seiter" - }, - { - "creatorType": "author", - "firstName": "Christopher J", - "lastName": "François" - }, - { - "creatorType": "author", - "firstName": "Farhan", - "lastName": "Raza" - }, - { - "creatorType": "author", - "firstName": "Kevin M", - "lastName": "Johnson" - }, - { - "creatorType": "author", - "firstName": "Oliver", - "lastName": "Wieben" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A0506", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/0506.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_other" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:49:29Z", - "dateModified": "2022-02-14T22:52:39Z" - } - }, - { - "key": "H73UPNNL", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/H73UPNNL", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/H73UPNNL", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5635422, - "username": "jimhholmes", - "name": "", - "links": { - "alternate": { - "href": "https://www.zotero.org/jimhholmes", - "type": "text/html" - } - } - }, - "lastModifiedByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Holland et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "H73UPNNL", - "version": 335, - "itemType": "conferencePaper", - "title": "Disposable Point-of-care Portable Perfusion Phantom for Accurate Quantitative DCE-MRI", - "creators": [ - { - "creatorType": "author", - "firstName": "Martin Dawson", - "lastName": "Holland" - }, - { - "creatorType": "author", - "firstName": "Andres", - "lastName": "Morales" - }, - { - "creatorType": "author", - "firstName": "Sean", - "lastName": "Simmons" - }, - { - "creatorType": "author", - "firstName": "Brandon", - "lastName": "Smith" - }, - { - "creatorType": "author", - "firstName": "Samuel R", - "lastName": "Misko" - }, - { - "creatorType": "author", - "firstName": "Roy P", - "lastName": "Koomullil" - }, - { - "creatorType": "author", - "firstName": "Junzhong", - "lastName": "Xu" - }, - { - "creatorType": "author", - "firstName": "David A", - "lastName": "Hormuth" - }, - { - "creatorType": "author", - "firstName": "Junzhong", - "lastName": "Xu" - }, - { - "creatorType": "author", - "firstName": "Thomas E", - "lastName": "Yankeelov" - }, - { - "creatorType": "author", - "firstName": "Harrison", - "lastName": "Kim" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A0628", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/0628.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dce" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-10T18:06:10Z", - "dateModified": "2022-02-14T22:52:33Z" - } - }, - { - "key": "GFAZVQCT", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/GFAZVQCT", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/GFAZVQCT", - "type": "text/html" - }, - "attachment": { - "href": "https://api.zotero.org/groups/2900833/items/ERBETWAS", - "type": "application/json", - "attachmentType": "application/pdf", - "attachmentSize": 207223 - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Oliver-Taylor et al.", - "parsedDate": "2017-04-22", - "numChildren": 1 - }, - "data": { - "key": "GFAZVQCT", - "version": 335, - "itemType": "conferencePaper", - "title": "A Calibrated Perfusion Phantom for Quality Assurance of Quantitative Arterial Spin Labelling", - "creators": [ - { - "creatorType": "author", - "firstName": "Aaron", - "lastName": "Oliver-Taylor" - }, - { - "creatorType": "author", - "firstName": "Miguel", - "lastName": "Gonçalves" - }, - { - "creatorType": "author", - "firstName": "Thomas", - "lastName": "Hampshire" - }, - { - "creatorType": "author", - "firstName": "Bradley", - "lastName": "Davis" - }, - { - "creatorType": "author", - "firstName": "Pankaj", - "lastName": "Daga" - }, - { - "creatorType": "author", - "firstName": "Laura", - "lastName": "Evans" - }, - { - "creatorType": "author", - "firstName": "Alan", - "lastName": "Bainbridge" - }, - { - "creatorType": "author", - "firstName": "Claudia", - "lastName": "Wheeler-Kingshott" - }, - { - "creatorType": "author", - "firstName": "Magdalena", - "lastName": "Sokolska" - }, - { - "creatorType": "author", - "firstName": "John", - "lastName": "Thornton" - }, - { - "creatorType": "author", - "firstName": "Enrico", - "lastName": "De Vita" - }, - { - "creatorType": "author", - "firstName": "Xavier", - "lastName": "Golay" - } - ], - "abstractNote": "", - "date": "Aprl 22-27, 2017", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 25", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Honolulu, Hawaii, United States", - "publisher": "", - "volume": "", - "pages": "A0681", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://cds.ismrm.org/protected/17MProceedings/PDFfiles/0681.html", - "accessDate": "2021-05-12", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-04-29T19:13:30Z", - "dateModified": "2022-02-14T22:52:26Z" - } - }, - { - "key": "354687E7", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/354687E7", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/354687E7", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Milidonis et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "354687E7", - "version": 335, - "itemType": "conferencePaper", - "title": "Calibration of myocardial perfusion quantification using a dedicated two-compartment cardiac phantom", - "creators": [ - { - "creatorType": "author", - "firstName": "Xenios", - "lastName": "Milidonis" - }, - { - "creatorType": "author", - "firstName": "Richard", - "lastName": "Crawley" - }, - { - "creatorType": "author", - "firstName": "Amedeo", - "lastName": "Chiribiri" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A1104", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/1104.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dce" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:31:06Z", - "dateModified": "2022-02-14T22:52:20Z" - } - }, - { - "key": "TYJJYL6S", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/TYJJYL6S", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/TYJJYL6S", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Louis et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "TYJJYL6S", - "version": 335, - "itemType": "conferencePaper", - "title": "Simulation and clinical validation of an algorithm for retrospective Arterial Input Function peak saturation correction", - "creators": [ - { - "creatorType": "author", - "firstName": "Jean-Sébastien", - "lastName": "Louis" - }, - { - "creatorType": "author", - "firstName": "Jacques", - "lastName": "Felblinger" - }, - { - "creatorType": "author", - "firstName": "Olivier", - "lastName": "Huttin" - }, - { - "creatorType": "author", - "firstName": "Marine", - "lastName": "Beaumont" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A1110", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/1110.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dce" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:17:57Z", - "dateModified": "2022-02-14T22:52:15Z" - } - }, - { - "key": "DPERDQYP", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/DPERDQYP", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/DPERDQYP", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Golay et al.", - "parsedDate": "2019-10-03", - "numChildren": 1 - }, - "data": { - "key": "DPERDQYP", - "version": 335, - "itemType": "conferencePaper", - "title": "How to quantity ASL values in a perfusion phantom", - "creators": [ - { - "creatorType": "author", - "firstName": "X", - "lastName": "Golay" - }, - { - "creatorType": "author", - "firstName": "A", - "lastName": "Oliver-Taylor" - }, - { - "creatorType": "author", - "firstName": "Y", - "lastName": "Suzuki" - }, - { - "creatorType": "author", - "firstName": "M", - "lastName": "Chappell" - } - ], - "abstractNote": "", - "date": "Oct 3-5, 2019", - "proceedingsTitle": "ESMRMB 2019 Congress", - "conferenceName": "European Society for Magnetic Resonance in Medicine and Biology", - "place": "Rotterdam, Netherlands", - "publisher": "", - "volume": "", - "pages": "A1672", - "series": "", - "language": "en", - "DOI": "https://doi.org/10.1007/s10334-019-00754-2", - "ISBN": "", - "shortTitle": "", - "url": "https://goldstandardphantoms.com/sites/default/files/attachments/How%20to%20quantify%20ASL%20values%20in%20a%20perfusion%20phantom.pdf", - "accessDate": "2021-07-09", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "Zotero", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-07-09T21:16:51Z", - "dateModified": "2022-02-14T22:52:10Z" - } - }, - { - "key": "MG22TILY", - "version": 335, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/MG22TILY", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/MG22TILY", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Xu et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "MG22TILY", - "version": 335, - "itemType": "conferencePaper", - "title": "Velocity-Selective Inversion prepared Arterial Spin Labeling: Examination in a Commercial Perfusion Phantom", - "creators": [ - { - "creatorType": "author", - "firstName": "Feng", - "lastName": "Xu" - }, - { - "creatorType": "author", - "firstName": "Dan", - "lastName": "Zhu" - }, - { - "creatorType": "author", - "firstName": "Hongli", - "lastName": "Fan" - }, - { - "creatorType": "author", - "firstName": "Hanzhang", - "lastName": "Lu" - }, - { - "creatorType": "author", - "firstName": "Dapeng", - "lastName": "Liu" - }, - { - "creatorType": "author", - "firstName": "Wenbo", - "lastName": "Li" - }, - { - "creatorType": "author", - "firstName": "Qin", - "lastName": "Qin" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A1847", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/1847.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:10:18Z", - "dateModified": "2022-02-14T22:51:57Z" - } - }, - { - "key": "AL7DXR82", - "version": 328, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/AL7DXR82", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/AL7DXR82", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Chen et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "AL7DXR82", - "version": 328, - "itemType": "conferencePaper", - "title": "A universal framework to build digital reference objects for evaluation of quantitative MRI analysis with multiple measurements", - "creators": [ - { - "creatorType": "author", - "firstName": "Henry Szu-Meng", - "lastName": "Chen" - }, - { - "creatorType": "author", - "firstName": "Brian A", - "lastName": "Taylor" - }, - { - "creatorType": "author", - "firstName": "Joshua P", - "lastName": "Yung" - }, - { - "creatorType": "author", - "firstName": "Ping", - "lastName": "Hou" - }, - { - "creatorType": "author", - "firstName": "R. Jason", - "lastName": "Stafford" - }, - { - "creatorType": "author", - "firstName": "Ho-Ling A", - "lastName": "Liu" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A3340", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/3340.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_dsc" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:23:52Z", - "dateModified": "2022-02-14T22:34:06Z" - } - }, - { - "key": "8G8RQC3B", - "version": 326, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/8G8RQC3B", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/8G8RQC3B", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Zhao et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "8G8RQC3B", - "version": 326, - "itemType": "conferencePaper", - "title": "A digital brain perfusion phantom for validation of ASL data post-processing software", - "creators": [ - { - "creatorType": "author", - "firstName": "Chenyang", - "lastName": "Zhao" - }, - { - "creatorType": "author", - "firstName": "Ze", - "lastName": "Wang" - }, - { - "creatorType": "author", - "firstName": "Danny", - "lastName": "Wang" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A2746", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/2746.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:33:00Z", - "dateModified": "2022-02-14T22:33:29Z" - } - }, - { - "key": "9AZRAIEX", - "version": 326, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/9AZRAIEX", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/9AZRAIEX", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Yiming Wang et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "9AZRAIEX", - "version": 326, - "itemType": "conferencePaper", - "title": "Reproducibility and repeatability of quantitative pCASL measurements in a 3D-printed perfusion phantom", - "creators": [ - { - "creatorType": "author", - "name": "Yiming Wang" - }, - { - "creatorType": "author", - "name": "Limin Zhou" - }, - { - "creatorType": "author", - "name": "Durga Udayakumar" - }, - { - "creatorType": "author", - "name": "Ananth J. Madhuranthakam" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A2732", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/2732.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:15:14Z", - "dateModified": "2022-02-14T22:33:25Z" - } - }, - { - "key": "VDBY7E5P", - "version": 326, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/VDBY7E5P", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/VDBY7E5P", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Oliver-Taylor et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "VDBY7E5P", - "version": 326, - "itemType": "conferencePaper", - "title": "ASLDRO: Digital reference object software for Arterial Spin Labelling", - "creators": [ - { - "creatorType": "author", - "firstName": "Aaron", - "lastName": "Oliver-Taylor" - }, - { - "creatorType": "author", - "firstName": "Thomas", - "lastName": "Hampshire" - }, - { - "creatorType": "author", - "firstName": "Nadia A S", - "lastName": "Smith" - }, - { - "creatorType": "author", - "firstName": "Michael", - "lastName": "Stritt" - }, - { - "creatorType": "author", - "firstName": "Jan", - "lastName": "Petr" - }, - { - "creatorType": "author", - "firstName": "Johannes", - "lastName": "Gregori" - }, - { - "creatorType": "author", - "firstName": "Matthias", - "lastName": "Günther" - }, - { - "creatorType": "author", - "firstName": "Henk J", - "lastName": "Mutsaerts" - }, - { - "creatorType": "author", - "firstName": "Xavier", - "lastName": "Golay" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A2731", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/2731.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:22:59Z", - "dateModified": "2022-02-14T22:33:13Z" - } - }, - { - "key": "P7ICGY5L", - "version": 326, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/P7ICGY5L", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/P7ICGY5L", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Noda et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "P7ICGY5L", - "version": 326, - "itemType": "conferencePaper", - "title": "Phantom Experiments for Optimal Soft Gating Parameter in Free-Breathing Hepatobiliary Phase MRI with KWIC Reconstruction", - "creators": [ - { - "creatorType": "author", - "firstName": "Tomohiro", - "lastName": "Noda" - }, - { - "creatorType": "author", - "firstName": "Keitaro", - "lastName": "Sofue" - }, - { - "creatorType": "author", - "firstName": "Ryuji", - "lastName": "Shimada" - }, - { - "creatorType": "author", - "firstName": "Yuichiro", - "lastName": "Somiya" - }, - { - "creatorType": "author", - "firstName": "Shintaro", - "lastName": "Horii" - }, - { - "creatorType": "author", - "firstName": "Yoshiko", - "lastName": "Ueno" - }, - { - "creatorType": "author", - "firstName": "Naoki", - "lastName": "Yoshida" - }, - { - "creatorType": "author", - "firstName": "Yu", - "lastName": "Ueda" - }, - { - "creatorType": "author", - "firstName": "Takamichi", - "lastName": "Murakami" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A3363", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/3363.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_other" - }, - { - "tag": "type_phantom" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T21:58:42Z", - "dateModified": "2022-02-14T22:33:09Z" - } - }, - { - "key": "8BB2BBCX", - "version": 326, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/8BB2BBCX", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/8BB2BBCX", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Józsa et al.", - "parsedDate": "2021-05-15", - "numChildren": 0 - }, - "data": { - "key": "8BB2BBCX", - "version": 326, - "itemType": "conferencePaper", - "title": "Generating virtual brains for MRI-based 3D cerebral blood flow simulations", - "creators": [ - { - "creatorType": "author", - "firstName": "Tamás I.", - "lastName": "Józsa" - }, - { - "creatorType": "author", - "firstName": "Jan", - "lastName": "Petr" - }, - { - "creatorType": "author", - "firstName": "Alle Meije", - "lastName": "Wink" - }, - { - "creatorType": "author", - "firstName": "Frederik", - "lastName": "Barkhof" - }, - { - "creatorType": "author", - "firstName": "Henk J. M. M.", - "lastName": "Mutsaerts" - }, - { - "creatorType": "author", - "firstName": "Stephen J.", - "lastName": "Payne" - } - ], - "abstractNote": "", - "date": "May 15-20, 2021", - "proceedingsTitle": "Proc. Intl. Soc. Mag. Reson. Med. 29", - "conferenceName": "International Society for Magnetic Resonance in Medicine", - "place": "Online", - "publisher": "", - "volume": "", - "pages": "A4147", - "series": "", - "language": "", - "DOI": "", - "ISBN": "", - "shortTitle": "", - "url": "https://index.mirasmart.com/ISMRM2021/PDFfiles/4147.html", - "accessDate": "2022-02-10", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "", - "callNumber": "", - "rights": "", - "extra": "", - "tags": [ - { - "tag": "modality_asl" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:20:58Z", - "dateModified": "2022-02-14T22:32:57Z" - } - }, - { - "key": "P62SD6RU", - "version": 306, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/P62SD6RU", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/P62SD6RU", - "type": "text/html" - } - }, - "meta": { - "createdByUser": { - "id": 5632437, - "username": "mulanjen", - "name": "Mu-Lan Jen", - "links": { - "alternate": { - "href": "https://www.zotero.org/mulanjen", - "type": "text/html" - } - } - }, - "creatorSummary": "Chen et al.", - "parsedDate": "2021-10", - "numChildren": 1 - }, - "data": { - "key": "P62SD6RU", - "version": 306, - "itemType": "journalArticle", - "title": "A dynamic susceptibility contrast MRI digital reference object for testing software with leakage correction: Effect of background simulation", - "creators": [ - { - "creatorType": "author", - "firstName": "Henry Szu-Meng", - "lastName": "Chen" - }, - { - "creatorType": "author", - "firstName": "Mu-Lan", - "lastName": "Jen" - }, - { - "creatorType": "author", - "firstName": "Ping", - "lastName": "Hou" - }, - { - "creatorType": "author", - "firstName": "R. Jason", - "lastName": "Stafford" - }, - { - "creatorType": "author", - "firstName": "Ho-Ling", - "lastName": "Liu" - } - ], - "abstractNote": "PURPOSE: Dynamic susceptibility contrast (DSC)-MRI is a perfusion imaging technique from which useful quantitative imaging biomarkers can be derived. Relative cerebral blood volume (rCBV) is such a biomarker commonly used for evaluating brain tumors. To account for the extravasation of contrast agents in tumors, post-processing leakage correction is often applied to improve rCBV accuracy. Digital reference objects (DRO) are ideal for testing the post-processing software, because the biophysical model used to generate the DRO can be matched to the one that the software uses. This study aims to develop DROs to validate the leakage correction of software using Weisskoff model and to examine the effect of background signal time curves that are required by the model.\nMETHODS: Three DROs were generated using the Weisskoff model, each composed of nine foreground lesion objects with combinations of different levels of rCBV and contrast leakage parameter (K2). Three types of background were implemented for these DROs: (1) a multi-compartment brain-like background, (2) a sphere background with a constant signal time curve, and (3) a sphere background with signal time curve identical to that of the brain-like DRO's white matter (WM). The DROs were then analyzed with an FDA-cleared software with and without leakage correction. Leakage correction was tested with and without brain segmentation.\nRESULTS: Accuracy of leakage correction was able to be verified using the brain-like phantom and the sphere phantom with WM background. The sphere with constant background did not perform well with leakage correction with or without brain segmentation. The DROs were able to verify that for the particular software tested, leakage correction with brain segmentation achieved the lowest error.\nCONCLUSIONS: DSC-MRI DROs with biophysical model matched to that of the post-processing software can be well used for the software's validation, provided that the background signals are also properly simulated for generating the reference time curve required by the model. Care needs to be taken to consider the interaction of the design of the DRO with the software's implementation of brain segmentation to extract the reference time curve.", - "publicationTitle": "Medical Physics", - "volume": "48", - "issue": "10", - "pages": "6051-6059", - "date": "2021-10", - "series": "", - "seriesTitle": "", - "seriesText": "", - "journalAbbreviation": "Med Phys", - "language": "eng", - "DOI": "10.1002/mp.15125", - "ISSN": "2473-4209", - "shortTitle": "A dynamic susceptibility contrast MRI digital reference object for testing software with leakage correction", - "url": "", - "accessDate": "", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "PubMed", - "callNumber": "", - "rights": "", - "extra": "PMID: 34293208", - "tags": [ - { - "tag": "Brain Neoplasms", - "type": 1 - }, - { - "tag": "Cerebral Blood Volume", - "type": 1 - }, - { - "tag": "Contrast Media", - "type": 1 - }, - { - "tag": "DRO", - "type": 1 - }, - { - "tag": "DSC", - "type": 1 - }, - { - "tag": "Humans", - "type": 1 - }, - { - "tag": "MRI", - "type": 1 - }, - { - "tag": "Magnetic Resonance Imaging", - "type": 1 - }, - { - "tag": "Software", - "type": 1 - }, - { - "tag": "digital phantom", - "type": 1 - }, - { - "tag": "digital reference object", - "type": 1 - }, - { - "tag": "dynamic susceptibility contrast", - "type": 1 - }, - { - "tag": "modality_dsc" - }, - { - "tag": "quality assurance", - "type": 1 - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2022-02-14T22:08:57Z", - "dateModified": "2022-02-14T22:09:39Z" - } - }, - { - "key": "P7WAH7GE", - "version": 259, - "library": { - "type": "group", - "id": 2900833, - "name": "OSIPI TF3.1 Literature", - "links": { - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature", - "type": "text/html" - } - } - }, - "links": { - "self": { - "href": "https://api.zotero.org/groups/2900833/items/P7WAH7GE", - "type": "application/json" - }, - "alternate": { - "href": "https://www.zotero.org/groups/osipi_tf3.1_literature/items/P7WAH7GE", - "type": "text/html" - }, - "attachment": { - "href": "https://api.zotero.org/groups/2900833/items/I3GLT5RD", - "type": "application/json", - "attachmentType": "application/pdf", - "attachmentSize": 1794690 - } - }, - "meta": { - "createdByUser": { - "id": 5635422, - "username": "jimhholmes", - "name": "", - "links": { - "alternate": { - "href": "https://www.zotero.org/jimhholmes", - "type": "text/html" - } - } - }, - "lastModifiedByUser": { - "id": 1405725, - "username": "aaronolivertaylor", - "name": "", - "links": { - "alternate": { - "href": "https://www.zotero.org/aaronolivertaylor", - "type": "text/html" - } - } - }, - "creatorSummary": "Semmineh et al.", - "parsedDate": "2017-03", - "numChildren": 2 - }, - "data": { - "key": "P7WAH7GE", - "version": 259, - "itemType": "journalArticle", - "title": "A Population-Based Digital Reference Object (DRO) for Optimizing Dynamic Susceptibility Contrast (DSC)-MRI Methods for Clinical Trials", - "creators": [ - { - "creatorType": "author", - "firstName": "Natenael B.", - "lastName": "Semmineh" - }, - { - "creatorType": "author", - "firstName": "Ashley M.", - "lastName": "Stokes" - }, - { - "creatorType": "author", - "firstName": "Laura C.", - "lastName": "Bell" - }, - { - "creatorType": "author", - "firstName": "Jerrold L.", - "lastName": "Boxerman" - }, - { - "creatorType": "author", - "firstName": "C. Chad", - "lastName": "Quarles" - } - ], - "abstractNote": "The standardization and broad-scale integration of dynamic susceptibility contrast (DSC)-magnetic resonance imaging (MRI) have been confounded by a lack of consensus on DSC-MRI methodology for preventing potential relative cerebral blood volume inaccuracies, including the choice of acquisition protocols and postprocessing algorithms. Therefore, we developed a digital reference object (DRO), using physiological and kinetic parameters derived from in vivo data, unique voxel-wise 3-dimensional tissue structures, and a validated MRI signal computational approach, aimed at validating image acquisition and analysis methods for accurately measuring relative cerebral blood volume in glioblastomas. To achieve DSC-MRI signals representative of the temporal characteristics, magnitude, and distribution of contrast agent-induced T1 and T2* changes observed across multiple glioblastomas, the DRO's input parameters were trained using DSC-MRI data from 23 glioblastomas (>40 000 voxels). The DRO's ability to produce reliable signals for combinations of pulse sequence parameters and contrast agent dosing schemes unlike those in the training data set was validated by comparison with in vivo dual-echo DSC-MRI data acquired in a separate cohort of patients with glioblastomas. Representative applications of the DRO are presented, including the selection of DSC-MRI acquisition and postprocessing methods that optimize CBV accuracy, determination of the impact of DSC-MRI methodology choices on sample size requirements, and the assessment of treatment response in clinical glioblastoma trials.", - "publicationTitle": "Tomography", - "volume": "3", - "issue": "1", - "pages": "41-49", - "date": "2017/3", - "series": "", - "seriesTitle": "", - "seriesText": "", - "journalAbbreviation": "", - "language": "en", - "DOI": "10.18383/j.tom.2016.00286", - "ISSN": "", - "shortTitle": "", - "url": "https://www.mdpi.com/2379-139X/3/1/41", - "accessDate": "2021-04-09T22:36:43Z", - "archive": "", - "archiveLocation": "", - "libraryCatalog": "www.mdpi.com", - "callNumber": "", - "rights": "http://creativecommons.org/licenses/by/3.0/", - "extra": "Number: 1\nPublisher: Multidisciplinary Digital Publishing Institute", - "tags": [ - { - "tag": "brain tumor perfusion", - "type": 1 - }, - { - "tag": "digital reference object", - "type": 1 - }, - { - "tag": "dynamic susceptibility contrast MRI", - "type": 1 - }, - { - "tag": "modality_dsc" - }, - { - "tag": "type_dro" - } - ], - "collections": [], - "relations": {}, - "dateAdded": "2021-04-09T22:36:43Z", - "dateModified": "2021-09-16T16:26:29Z" - } - } -] \ No newline at end of file diff --git a/_data/socialmedia.yml b/_data/socialmedia.yml deleted file mode 100644 index 00ef9056..00000000 --- a/_data/socialmedia.yml +++ /dev/null @@ -1,59 +0,0 @@ -- name: GitHub - url: https://github.com/osipi - class: icon-github - title: GitHub organization - -- name: Forum - url: https://osipi.github.io/forum/ - class: icon-chat - title: Join the OSIPI community - -- name: Twitter - url: https://twitter.com/OSIPI_ISMRM - class: icon-twitter - title: follow OSIPI on Twitter - -# - name: YouTube -# url: http://www.youtube.com/PhlowMedia -# class: icon-youtube -# title: "Videos, Video-Anleitungen und Filme von Phlow auf YouTube" -# -# - name: Twitter -# url: http://twitter.com/phlow -# class: icon-twitter -# title: "Immer das Neuste von Phlow gibt es auf Twitter" -# -# - name: Mixcloud -# url: http://www.mixcloud.com/phlow/ -# class: icon-cloud -# title: "Mixe, was sonst?" -# -# - name: Phlow YouTube Google+ -# url: https://plus.google.com/u/0/+Phlow -# class: icon-googleplus -# title: "YouTube Google+" - -# - name: Facebook -# url: http://www.facebook.com/ -# class: icon-facebook -# title: "" - -# - name: Soundcloud -# url: http://soundcloud.com/ -# class: icon-soundcloud -# title: "" - -# - name: Instagram -# url: http://instagram.com/ -# class: icon-instagram -# title: "" - -# - name: Pinterest -# url: http://www.pinterest.com/ -# class: icon-pinterest -# title: "" - -# - name: Xing -# url: https://www.xing.com/profile/ -# class: icon-xing -# title: Xing Profil diff --git a/_drafts/gallery.md b/_drafts/gallery.md deleted file mode 100644 index fea65f92..00000000 --- a/_drafts/gallery.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -categories: - - -tags: - - -# -# Gallery -# -gallery: - - image_url: gallery-example-1.jpg - caption: Great images by Unsplash.com - - image_url: gallery-example-2.jpg - caption: Great images by Unsplash.com - - image_url: gallery-example-3.jpg - caption: Great images by Unsplash.com -# -# Styling -# -image: - thumb: -# -# Metainformation & Customization -# -meta_description: -permalink: ---- - -{% include gallery %} diff --git a/_drafts/page_all_frontmatter.md b/_drafts/page_all_frontmatter.md deleted file mode 100644 index 4c6fc7f2..00000000 --- a/_drafts/page_all_frontmatter.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -categories: - - -tags: - - -# -# Styling -# -header: no -header: - image_fullwidth: - image: - pattern: - color: - background-color: "#fabb00" # You must use "" - title: - caption: - caption_url: -image: - title: - homepage: - thumb: - caption: - caption_url: -style: # Adding additional CSS-styles to <head> -iframe: '' -video: - embedURL: '' - contentURL: '' - thumbnailUrl: '' -# -# Metainformation & Customization -# -sidebar: left -comments: true -breadcrumb: true -show_meta: false -meta_title: # SEO: Overwrites title in <head> if needed -meta_description: -permalink: -tawkto: true # Enable tawk.to-Service › More › _config.yml -callforaction: - url: - text: - style: alert -# -# This is a nasty hack to make the navigation highlight -# this page as active in the topbar navigation -# -homepage: false ---- - diff --git a/_drafts/page_simple.md b/_drafts/page_simple.md deleted file mode 100644 index eb83e571..00000000 --- a/_drafts/page_simple.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -# -# Styling -# -header: no -# -# Metainformation & Customization -# -permalink: ---- - diff --git a/_drafts/page_with_image.md b/_drafts/page_with_image.md deleted file mode 100644 index 9aaeb9df..00000000 --- a/_drafts/page_with_image.md +++ /dev/null @@ -1,36 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -categories: - - -tags: - - -# -# Styling -# -image: - title: - thumb: - homepage: - caption: - caption_url: ---- - - - - - [1]: # - [2]: # - [3]: # - [4]: # - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/_drafts/page_with_table_of_contents.md b/_drafts/page_with_table_of_contents.md deleted file mode 100644 index c4107852..00000000 --- a/_drafts/page_with_table_of_contents.md +++ /dev/null @@ -1,32 +0,0 @@ ---- -layout: page-fullwidth -# -# Content -# -subheadline: "" -title: "" -teaser: "" -categories: - - -tags: - - ---- -<div class="row"> -<div class="medium-4 medium-push-8 columns" markdown="1"> -<div class="panel radius" markdown="1"> -Inhalt -{: #toc } -* TOC -{:toc} -</div> -</div><!-- /.medium-4.columns --> - - - -<div class="medium-8 medium-pull-4 columns" markdown="1"> - - - -</div><!-- /.medium-8.columns --> -</div><!-- /.row --> - diff --git a/_drafts/page_without_image.md b/_drafts/page_without_image.md deleted file mode 100644 index 0702ebd6..00000000 --- a/_drafts/page_without_image.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -meta_description: -permalink: -categories: - - -tags: - - ---- diff --git a/_drafts/post_with_image.md b/_drafts/post_with_image.md deleted file mode 100644 index f5891f73..00000000 --- a/_drafts/post_with_image.md +++ /dev/null @@ -1,36 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -meta_description: "" -categories: - - -tags: - - -# -# Styling -# -image: - header: "" - thumb: "" - homepage: "" - caption: "" - url: "" ---- - - - - [1]: # - [2]: # - [3]: # - [4]: # - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/_drafts/post_without_image.md b/_drafts/post_without_image.md deleted file mode 100644 index 35be7cc1..00000000 --- a/_drafts/post_without_image.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -layout: page -# -# Content -# -subheadline: "" -title: "" -teaser: "" -categories: - - -tags: - - ---- - - - - - [1]: # - [2]: # - [3]: # - [4]: # - [5]: # - [6]: # - [7]: # - [8]: # - [9]: # - [10]: # \ No newline at end of file diff --git a/_drafts/video.md b/_drafts/video.md deleted file mode 100644 index ccc7e4cc..00000000 --- a/_drafts/video.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -layout: video -# -# Content -# -subheadline: "" -title: "" -teaser: "" -categories: - - -tags: - - video -iframe: "<iframe width='970' height='546' src='//www.youtube.com/embed/WoHxoz_0ykI' frameborder='0' allowfullscreen></iframe>" -video: - embedURL: "" - contentURL: "" - thumbnailUrl: "" ---- diff --git a/_includes/3-1collaborations.html b/_includes/3-1collaborations.html deleted file mode 100644 index 1cb9d66b..00000000 --- a/_includes/3-1collaborations.html +++ /dev/null @@ -1,59 +0,0 @@ -<link rel="stylesheet" href="css/style.css" /> -<!-- Container --> -<div class="container"> - <div> - <ul class="list"> - {% for entry in site.data.phantom_contributions %} - <button class="collapsible"> - <div class="row"> - <div class="row"> - <div class="columnL"> - {%if entry.imageFile %} - <img src="images/{{ entry.imageFile }}" style="max-width:100%; max-height: 200px;" /> - {% endif %} - </div> - <div class="columnR"> - <a href="{{ entry.url[0] }}"> - <h1>{{ entry.name }}</h1> - </a> - </div> - </div> - <div class="row"> - <div>{{entry.shortDescription}}</div> - <div>Contact: {{ entry.contactFirstName }} {{ entry.contactLastName}}, <a href="mailto:{{ entry.contactEmail}}">{{ entry.contactEmail }}</a></div> - <div><a href="{{entry.contactInstitutionUrl}}">{{ entry.contactInstitution }}</a> </div> - <div>Collaboration Type: {%for type in entry.type%} {{type}}{%if forloop.last %}.{% else %},{% endif%}{% endfor%}</div> - <div>Imaging Modality: {%for modality in entry.modality%} {{modality}}{%if forloop.last %}.{% else %},{% endif%}{% endfor%}</div> - <br> - </div> - </div> - </button> - <div id="content{{ forloop.index }}" class="content"> - <div>Collaboration Activities:</div> - <ul class="list"> - {% for activity in entry.activities %} - <li>{{ activity }}</li> - {% endfor %} - </ul> - <div>External Links:</div> - <ul> - {% for url in entry.url %}<li><a href="{{url}}">{{url}}</a></li>{% endfor %} - </ul> - <div>{{ entry.longDescription }}</div> - <br> - <ol> - {% for ref in entry.references %} - <li><a href="{{ref.refUrl}}">{{ ref.refText }}</a> - </li>{% endfor %} - </ol> - <div>Date added: {{entry.dateAdded}}</div> - <br> - - - </div> - - {% endfor %} - </ul> - </div> -</div> -<script src="/js/container_collapse.js"></script> \ No newline at end of file diff --git a/_includes/3-1literature.html b/_includes/3-1literature.html deleted file mode 100644 index 34c544fa..00000000 --- a/_includes/3-1literature.html +++ /dev/null @@ -1,55 +0,0 @@ - -<link rel="stylesheet" href="css/style.css" /> -<!-- Container --> -<div class="container"> - <div>All literature references are held in the <a href= "https://www.zotero.org/groups/2900833/osipi_tf3.1_literature/library">OSIPI TF3.1 Literature zotero library</a></div> - {% assign modality_mappings = "" | split: ',' %} - {% for label in site.data.literature_mapping.modalities %} - {% assign modality_mappings = modality_mappings | push : label[0] %} - {%endfor%} - - {% assign type_mappings = "" | split: ',' %} - {% for label in site.data.literature_mapping.types %} - {% assign type_mappings = type_mappings | push : label[0] %} - {%endfor%} - <div> - <ul class="list"> - {% for entry in site.data.phantom_literature %} - {% if entry.data.itemType != "attachment" %} - <button class = "collapsible"> - <div class="row"> - <div><a href="{{ entry.data.url }}" target="_blank">{{ entry.data.title }}</a></div> - <div>{{site.data.literature_mapping.entries[entry.data.itemType]}}</div> - <div>{{ entry.meta.creatorSummary }} {{ entry.data.date }}</div> - {% assign valid_tags = "" | split: ',' %} - {% assign modality_tags = "" | split: ',' %} - {% assign type_tags = "" | split: ',' %} - {%for tag in entry.data.tags %} - {% if modality_mappings contains tag.tag %} - {% assign modality_tags = modality_tags | push: tag.tag %} - {% elsif type_mappings contains tag.tag %} - {% assign type_tags = type_tags | push: tag.tag %} - {% else %} - {% assign valid_tags = valid_tags | push: tag.tag %} - {% endif %} - {% endfor %} - <div>Type: {{ site.data.literature_mapping.types[type_tags.first] }}</div> - <div>Imaging Modality: {{ site.data.literature_mapping.modalities[modality_tags.first] }}</div> - <div>Tags: {%for tag in valid_tags %} - {{tag}}{%if forloop.last %}.{% else %},{% endif%} - {% endfor%}</div> - - </div> - </button> - <div id="content{{ forloop.index }}" class="content"> - <div>{{ entry.data.abstractNote }}</div> - <br> - <div>Download citation <a href="https://api.zotero.org/groups/2900833/items/{{ entry.key }}?format=bibtex">bibtex</a></div> - </div> - {% endif %} - {% endfor %} - </ul> - </div> -</div> -<script src="/js/container_collapse.js"></script> - diff --git a/_includes/__INSTRUCTIONS.md b/_includes/__INSTRUCTIONS.md deleted file mode 100644 index e54fb6d5..00000000 --- a/_includes/__INSTRUCTIONS.md +++ /dev/null @@ -1,25 +0,0 @@ -# Includes - -There are two types of includes... - - - -## 1. includes for templates. - -All includes with `_` are used for templates, like for example the `_head.html` or `_footer.html`. - - - -## 2. includes as commands - -Includes without an underscore are commands you can use in posts and pages. I left out the `.html`-ending to reduce the typing and though the commands look cleaner. They only look messy when you open them in your coding-editor of choice. - -Checkout for example `alert`: - -{% include alert success="Yay! you did it!" %} - -or - -{% include gallery %} - -Enjoy :) \ No newline at end of file diff --git a/_includes/_breadcrumb.html b/_includes/_breadcrumb.html deleted file mode 100644 index fde80a3a..00000000 --- a/_includes/_breadcrumb.html +++ /dev/null @@ -1,17 +0,0 @@ -{% comment %} -* -* http://stackoverflow.com/questions/9612235/what-are-some-good-ways-to-implement-breadcrumbs-on-a-jekyll-site -* -{% endcomment %} - -<nav class="breadcrumbs" role="menubar" aria-label="breadcrumbs"> - <a href="{{ site.url }}{{ site.baseurl }}">{{ site.data.language.breadcrumb_start }}</a> - {% assign crumbs = page.url | split: '/' %} - {% for crumb in crumbs offset: 1 %} - {% if forloop.last %} - <a class="current">{{ page.title }}</a> - {% else %} - <a href="{{ site.url }}{{ site.baseurl }}{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' }}{% endfor %}">{{ crumb | replace:'-',' ' }}</a> - {% endif %} - {% endfor %} -</nav> diff --git a/_includes/_comments.html b/_includes/_comments.html deleted file mode 100644 index 4d8b0b36..00000000 --- a/_includes/_comments.html +++ /dev/null @@ -1,19 +0,0 @@ - {% if page.comments %} - <h3 id="comments" class="t60">{{ site.data.language.comments_headline }}</h3> - <div id="disqus_thread"></div> - <script type="text/javascript"> - /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ - var disqus_shortname = '{{ site.disqus_shortname }}'; - var disqus_identifier = '{{ page.url }}'; - - /* * * DON'T EDIT BELOW THIS LINE * * */ - (function() { - var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; - dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; - (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); - })(); - </script> - <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> - {% endif %} - - diff --git a/_includes/_favicon.html b/_includes/_favicon.html deleted file mode 100644 index 4161f8b3..00000000 --- a/_includes/_favicon.html +++ /dev/null @@ -1,30 +0,0 @@ -{% comment %} -* -* More Information › https://mathiasbynens.be/notes/touch-icons -* -{% endcomment %} -{% comment %} Regular Old-Skool Favicon: {% endcomment %} - {% if site.favicon-32x32 %}<link rel="icon" sizes="32x32" href="{{ "/assets/img/" | absolute_url }}{{ site.favicon-32x32 }}">{% endif %} -{% comment %} For Chrome for Android: {% endcomment %} - {% if site.touch-icon-192x192 %}<link rel="icon" sizes="192x192" href="{{ "/assets/img/" | absolute_url }}{{ site.touch-icon-192x192 }}">{% endif %} -{% comment %} For iPhone 6 Plus with @3× display: {% endcomment %} - {% if site.apple-touch-icon-180x180-precomposed %}<link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-180x180-precomposed }}">{% endif %} -{% comment %} For iPad with @2× display running iOS ≥ 7: {% endcomment %} - {% if site.apple-touch-icon-152x152-precomposed %}<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-152x152-precomposed }}">{% endif %} -{% comment %} For iPad with @2× display running iOS ≤ 6: {% endcomment %} - {% if site.apple-touch-icon-144x144-precomposed %}<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-144x144-precomposed }}">{% endif %} -{% comment %} For iPhone with @2× display running iOS ≥ 7: {% endcomment %} - {% if site.apple-touch-icon-120x120-precomposed %}<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-120x120-precomposed }}">{% endif %} -{% comment %} For iPhone with @2× display running iOS ≤ 6: {% endcomment %} - {% if site.apple-touch-icon-114x114-precomposed %}<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-114x114-precomposed }}">{% endif %} -{% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: {% endcomment %} - {% if site.apple-touch-icon-76x76-precomposed %} - <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-76x76-precomposed }}">{% endif %} -{% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: {% endcomment %} - {% if site.apple-touch-icon-72x72-precomposed %}<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-72x72-precomposed }}">{% endif %} -{% comment %} For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: {% endcomment %} - {% if site.apple-touch-icon-precomposed %}<link rel="apple-touch-icon-precomposed" href="{{ "/assets/img/" | absolute_url }}{{ site.apple-touch-icon-precomposed }}">{% comment %} 57×57px {% endcomment %} {% endif %} -{% comment %} Favicon for Windows 8 {% endcomment %} - {% if site.msapplication_tileimage %}<meta name="msapplication-TileImage" content="{{ "/assets/img/" | absolute_url }}{{ site.msapplication_tileimage }}">{% endif %} -{% comment %} Background Color for Tile for Windows 8 {% endcomment %} - {% if site.msapplication_tilecolor %}<meta name="msapplication-TileColor" content="{{ site.msapplication_tilecolor }}">{% endif %} diff --git a/_includes/_footer.html b/_includes/_footer.html deleted file mode 100755 index e224b643..00000000 --- a/_includes/_footer.html +++ /dev/null @@ -1,32 +0,0 @@ - <div id="up-to-top" class="row"> - <div class="small-12 columns" style="text-align: right;"> - <a class="iconfont" href="#top-of-page"></a> - </div><!-- /.small-12.columns --> - </div><!-- /.row --> - - - <footer id="footer-content" class="bg-grau"> - <div id="footer"> - <nav class="row"> - <section id="subfooter-left" class="small-12 medium-6 columns credits"> - <a href="https://www.ismrm.org" style="float:left; margin-right:2rem"> - <img src="https://www.ismrm.org/wp-content/uploads/ismrm_logo_2016.jpg" width="128" alt="ISMRM"> - </a> - <ul class="inline-list social-icons"> - {% for social_item in site.data.socialmedia %} - <li> - <a href="{{ social_item.url }}" target="_blank" class="{{ social_item.class }}" title="{{ social_item.title }}"></a> - </li> - {% endfor %} - </ul> - </section> - <section id="subfooter-right" class="small-12 medium-6 columns credits"> - {{ site.credits }} <br/> - Icons by <a href="http://entypo.com/">Daniel Bruce</a> and images from <a href="http://unsplash.com/">Unsplash</a><br/> - Based on <a href="https://github.com/Phlow/feeling-responsive">Feeling Responsive theme</a> - using <a href="http://foundation.zurb.com/">Foundation</a> - and <a href="http://srobbin.com/jquery-plugins/backstretch/">Backstretch</a> - </section> - </nav><!-- /.large-6.columns --> - </div><!-- /#footer --> - </footer> diff --git a/_includes/_footer_scripts.html b/_includes/_footer_scripts.html deleted file mode 100755 index a82968b6..00000000 --- a/_includes/_footer_scripts.html +++ /dev/null @@ -1,55 +0,0 @@ -{% if page.mediaplayer == true %} -<script> -$('audio,video').mediaelementplayer(); -</script> -{% endif %} - - -<script src="{{ site.url }}{{ site.baseurl }}/assets/js/javascript.min.js"></script> - - -{% if page.header.image_fullwidth %} -<script> - $("#masthead").backstretch("{{ site.urlimg }}{{ page.header.image_fullwidth }}", {fade: 700}); - $("#masthead-with-text").backstretch("{{ site.urlimg }}{{ page.header.image_fullwidth }}", {fade: 700}); -</script> -{% endif %} - - - -{% if site.google_analytics_tracking_id %} -<script> - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); - - ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); - ga('set', 'anonymizeIp', true); - ga('send', 'pageview'); - -</script> -{% endif %} - - - -{% comment %} -# Start of Tawk.to Script -# -# More information in _config.yml -# -{% endcomment %} -{% if site.tawkto_embed_uri and page.tawkto == true %} -<script type="text/javascript"> -var $_Tawk_API={},$_Tawk_LoadStart=new Date(); -(function(){ -var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; -s1.async=true; -s1.src='{{ site.tawkto_embed_uri }}'; -s1.charset='UTF-8'; -s1.setAttribute('crossorigin','*'); -s0.parentNode.insertBefore(s1,s0); -})(); -</script> -{% endif %} - diff --git a/_includes/_frontpage-widget.html b/_includes/_frontpage-widget.html deleted file mode 100644 index eacf77b1..00000000 --- a/_includes/_frontpage-widget.html +++ /dev/null @@ -1,29 +0,0 @@ -{% comment %} -* -* First the include captures the url and image in a -* separate variable to make the code better readable. -* -* These variables are widget_url and widget_image -* -{% endcomment %} - -{% capture widget_url %}{% if include.widget.url == NULL %}{% elsif include.widget.url contains 'http' %}{{ include.widget.url }}{% else %}{{ site.url }}{{ site.baseurl }}{{ include.widget.url }}{% endif %}{% endcapture %} - -{% capture widget_image %}{% if include.widget.image contains 'http' %}{{ include.widget.image }}{% else %}{{ site.urlimg }}{{ include.widget.image }}{% endif %}{% endcapture %} - - -<div class="medium-4 columns frontpage-widget"> - {% if include.widget.video %} - {{ include.widget.video }} - {% elsif widget_url == empty %} - {% if widget_image != empty %}<img src="{{ widget_image }}" alt="" />{% endif %} - {% else %} - <a href="{{ widget_url }}"> - {% if widget_image != empty %}<img src="{{ widget_image }}" alt="" />{% endif %} - </a> - {% endif %} - <h2 class="font-size-h3 t10">{{ include.widget.title }}</h2> - - {% if include.widget.text != empty %}<p>{{ include.widget.text }}</p>{% endif %} - {% if widget_url != empty %}<p><a class="button tiny radius" href="{{ widget_url }}">{{ site.data.language.more }}</a></p>{% endif %} -</div> diff --git a/_includes/_google_search.html b/_includes/_google_search.html deleted file mode 100644 index ca5e6e96..00000000 --- a/_includes/_google_search.html +++ /dev/null @@ -1,16 +0,0 @@ -{% comment %}TODO consider https://developers.google.com/custom-search/docs/element{% endcomment %} -{% capture google_search_site %}{{ site.url }}{{ site.baseurl }}/{% endcapture %} -<script language="Javascript" type="text/javascript"> - function google_search() { - var query = document.getElementById("google-search").value; - window.open("https://www.google.com/search?q=" + query + "+site:" + "{{ google_search_site | cgi_escape }}"); - } -</script> - -<form id="search" onsubmit="google_search(); return false;"> - <input type="text" id="google-search" placeholder="{{ site.data.language.enter_search_term }}"> -</form> -<noscript> - Search <a href="https://www.google.com/search?q=site:{{ google_search_site | cgi_escape }}" target="_blank">Google</a> for: - <pre><code>search-term site:{{ google_search_site }}</code></pre> -</noscript> diff --git a/_includes/_head.html b/_includes/_head.html deleted file mode 100644 index bf5670b4..00000000 --- a/_includes/_head.html +++ /dev/null @@ -1,91 +0,0 @@ -{% comment %} -# -# Liquid variables are created at the top to keep the source DRY and clean. -# Idea by ericcarlisle.com -# -# Variables › {{ url }} › site.url + site.baseurl -# Variables › {{ description }} › excerpt, page.meta_description, or site.description -# Variables › {{ title }} › page.title -# -{% endcomment %}{% capture ignore %} - -{% assign url = site.baseurl | prepend: site.url %} - -{% capture description %}{% if page.meta_description %}{{ page.meta_description }}{% elsif page.teaser %}{{ page.teaser }}{% elsif page.excerpt %}{{ page.excerpt }}{% elsif site.description %}{{ site.description }}{% endif %}{% endcapture %} -{% assign description = description | strip_html | escape | strip %} - -{% capture title %}{% if page.meta_title %}{{ page.meta_title}}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title | strip_html | strip }}{% endif %}{% endcapture %} - -{% assign title = title | strip_html | escape | strip_newlines %} - -{% endcapture %}<meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>{{ title }} - - - - {% if site.asciidoctor-enabled == true %} - - {% endif %} - - - - - - - - - - - - {% if site.google_site_verification %}{% endif %} - {% if site.bing_webmastertools_id %}{% endif %} - {% if site.yandex_site_verification %}{% endif %} - {% if site.google_author %}{% endif %} - {% if site.alexa_verify_id %}{% endif %} - {% if page.noindex == true or layout.noindex == true %}{% endif %} - - - - - - - - - - - {% if page.image.title %}{% endif %} - {% if site.socialmedia.facebook %}{% endif %} - - - {% if site.socialmedia.twitter %} - - - - - - - {% if page.image.title %}{% endif %} - {% endif %} - - - - {% if page.mediaplayer == true %} - - - - {% endif %} - - {% include _favicon.html %} - - {% unless page.style == NULL %} - - {% endunless %} diff --git a/_includes/_improve_content.html b/_includes/_improve_content.html deleted file mode 100644 index 586ca48a..00000000 --- a/_includes/_improve_content.html +++ /dev/null @@ -1,19 +0,0 @@ -{% comment %} -* -* If your content is on Jekyll you can use this include -* to automatically generate a »Edit on GitHub Link« to -* give people a possibility to improve your content. -* -{% endcomment %} -
-
-
- {{ site.data.language.edit }} -

- {{ site.data.language.this_content_is_open_source }} - {{ site.data.language.help_improve_it }}.

-
-
-
- - diff --git a/_includes/_masthead.html b/_includes/_masthead.html deleted file mode 100644 index 18556227..00000000 --- a/_includes/_masthead.html +++ /dev/null @@ -1,141 +0,0 @@ -{% if page.header == NULL and page.header.image_fullwidth == NULL and page.header.pattern == NULL and page.header.background-color == NULL and page.header.title == NULL %} - -
-
-
- -
-
-
- -{% if page.breadcrumb == true %} -{% include _breadcrumb.html %} -{% endif %} - - - - - -{% elsif page.header.title %} - -
-
-
-
{{ page.header.title }}
-
-
-
- -{% if page.breadcrumb == true %} -{% include _breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header.image_fullwidth %} - -
-
-
- -
-
-
- -{% if page.breadcrumb == true %} -{% include _breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header.pattern %} - -
-
-
- {{ site.title }} -
-
-
- -{% if page.breadcrumb == true %} -{% include _breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header.background-color %} - -
-
-
- {{ site.title }} -
-
-
- -{% if page.breadcrumb == true %} -{% include _breadcrumb.html %} -{% endif %} - -{% if page.header.caption_url && page.header.caption %} -
- {{ page.header.caption }} -
-{% elsif page.header.caption %} -
- {{ page.header.caption }} -
-{% endif %} - - - - - -{% elsif page.header == false %} - -{% if page.breadcrumb == true %} -{% include _breadcrumb.html %} -{% endif %} - -{% endif %} \ No newline at end of file diff --git a/_includes/_meta_information.html b/_includes/_meta_information.html deleted file mode 100644 index 02e190b2..00000000 --- a/_includes/_meta_information.html +++ /dev/null @@ -1,35 +0,0 @@ -
-

- - {% assign author = site.data.authors[page.author] %} - - {% if author %} - - {% endif %} - - {% if page.date %} - - {% endif %} - - {% if page.categories != empty %} {{ page.categories | join: ' · ' | upcase }}{% endif %} -
- {% for tag in page.tags %} {{tag}} {% endfor %} -

- - {% if page.collection == "posts" %} -
- {% if page.previous.url %} -
- {% endif %} - - {% if page.next.url %} -
- {% else %} -
- {% endif %} -
- {% endif %} -
diff --git a/_includes/_navigation.html b/_includes/_navigation.html deleted file mode 100644 index 51c092a4..00000000 --- a/_includes/_navigation.html +++ /dev/null @@ -1,130 +0,0 @@ -{% comment %} -* -* To customize the navigation of *Feeling Responsive*, -* edit `_data/navigation.yml`. -* -{% endcomment %} - diff --git a/_includes/_pagination.html b/_includes/_pagination.html deleted file mode 100644 index 54d6a517..00000000 --- a/_includes/_pagination.html +++ /dev/null @@ -1,51 +0,0 @@ -{% comment %} -* This loops through the paginated posts -* -* Total posts: {{ paginator.total_posts }} -* Total paginate-pages: {{ paginator.total_pages }} -* -{% endcomment %} - - -{% for post in paginator.posts %} - {% if post.categories contains "event" %} - {% assign icon-class = 'icon-calendar' %} - {% elsif post.categories contains "newsletter" %} - {% assign icon-class = 'icon-feather' %} - {% else %} - {assign icon-class = '' %} - {% endif %} -
-
-

{{ post.categories | join: ' · ' | prepend: '' | append: '' }}{% if post.categories != empty and post.subheadline != NULL %} – {% endif %}{{ post.subheadline }}

-

{{ post.title }}

-

- {% if post.image.thumb %}{{ page.title escape_once }}{% endif %} - - {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.teaser %}{{ post.teaser | strip_html | escape }}{% endif %} - - {{ site.data.language.read_more }} -

-
-
-{% endfor %} - - - - diff --git a/_includes/_sidebar.html b/_includes/_sidebar.html deleted file mode 100644 index e3ceae1a..00000000 --- a/_includes/_sidebar.html +++ /dev/null @@ -1,20 +0,0 @@ - \ No newline at end of file diff --git a/_includes/alert b/_includes/alert deleted file mode 100644 index 0549e78d..00000000 --- a/_includes/alert +++ /dev/null @@ -1,31 +0,0 @@ -{% comment %} -* -* This include lets you easily display an alert. To use this include no `.html` ending is necessary. -* -* You can use the following kinds of alerts: -* -* - warning (foundation built-in) -* - info (foundation built-in) -* - success (foundation built-in) -* - alert (foundation built-in) -* - text (foundation built-in) -* - terminal (custom, see Alerts in _sass/_09_elements.scss) -* - ... (define your own: .alert-box. { @include alert-style();) -* -* You can even use markdown and -tags inside the alert, but beware to use " and ' properly; for example: -* -* {% include alert info='Show an info alert with outstanding information.' %} -* -* {% include alert info='Show an info alert with *outstanding* [information](#info).' %} -* -* {% include alert info='Show an info alert with *outstanding* information.' %} -* -* You can also call for additional classes to be put on the alert div: -* -* {% include alert success="Yay! you did it!" classes='round' %} -* -{% endcomment %} -{% for entry in include %} -{% if entry[0] == 'classes' %}{% continue %}{% endif %} -
{% if entry[0] contains 'terminal' %}{{ entry[1] }}{% else %}{{ entry[1] | markdownify }}{% endif %}
-{% endfor %} diff --git a/_includes/gallery b/_includes/gallery deleted file mode 100644 index 9a9583ac..00000000 --- a/_includes/gallery +++ /dev/null @@ -1,36 +0,0 @@ -{% comment %} -* -* This include lets you easily embed a gallery into your post. -* To use the gallery include you... -* -* 1. ...need two images: a thumbnail and a big image. -* 2. Name the thumbnail gallery-image-thumb.jpg and... -* 3. ...name the big gallery-image.jpg -* 4. Define the big version in frontmatter, -* -* gallery: -* - image_url: gallery-image.jpg -* -* 5. Give your image a caption – works without captions, too. -* -* gallery: -* - image_url: gallery-image.jpg -* caption: Starting Page with huge One Logo -* -* 6. Add the include whereever you want in your content like this: -* -* {% include gallery %} -* -* Check out the example page › http://phlow.github.io/feeling-responsive/design/gallery/ -* -{% endcomment %} -
-
    - {% for item in page.gallery %} - {% capture url %}{{ item.image_url }}{% endcapture %} - {% assign split_url = url | split: '.' %} - {% capture thumb_url %}{{split_url[0]}}-thumb.{{split_url[1]}}{% endcapture %} -
  • {{ item.caption }}
    • - {% endfor %} -
-
diff --git a/_includes/list-collection b/_includes/list-collection deleted file mode 100644 index 53166451..00000000 --- a/_includes/list-collection +++ /dev/null @@ -1,20 +0,0 @@ -{% comment %} -* -* This include lets you loop through a collection to list -* all entries in that collection. -* -* If you set »published: false« in front matter of a collection page -* the page gots filtered out via unless -* -* Example: {% include list-collection ollection='wordpress' %} -* -{% endcomment %} - -
    - {% for page in site.[include.collection] %} - {% unless page.published == false %} -
  • {{ page.title }}
    • - {% endunless %} - {% endfor %} -
  •  
    • -
diff --git a/_includes/list-posts b/_includes/list-posts deleted file mode 100644 index 78425513..00000000 --- a/_includes/list-posts +++ /dev/null @@ -1,53 +0,0 @@ -{% comment %} -* -* Possible parameter for this loop: -* -* › entries -* › offset -* › category -* › tag -* -* Example for Category: {% include list-posts entries='3' offset='1' category='design' %} -* -* Example for Tag: {% include list-posts entries='5' tag='terminal' %} -* -* -* This loop works like this: -* -* 1. First we check if there was given a category for filtering › if include.categories == NULL -* 2. If no category is given for filtering do a general loop. -* 3. If a category/tag was given, assign category/tag to the variable category/tag › assign category = include.categories -* -{% endcomment %} - - - -{% assign category = include.category %} -{% assign tag = include.tag %} - - diff --git a/_includes/next-previous-post-in-category b/_includes/next-previous-post-in-category deleted file mode 100644 index 1dfa8147..00000000 --- a/_includes/next-previous-post-in-category +++ /dev/null @@ -1,39 +0,0 @@ -{% comment %} -* -* This include creates a next/previous link to a post of the same category -* using the categories-variable in front matter. -* -* Use › {% include next-previous-post-in-category %} -* -{% endcomment %} - - -{% comment %} -* -* assign FIRST category from categories variable from front matter to cat -* and make a string from the array by using › join: '' -* -{% endcomment %} - -{% assign cat = page.categories | first | join: '' %} -{% for post in site.categories.[cat] %} -{% if post.url == page.url %} -{% assign post_index0 = forloop.index0 %} -{% assign post_index1 = forloop.index %} -{% endif %} -{% endfor %} -{% for post in site.categories.[cat] %} -{% if post_index0 == forloop.index %} -{% assign next_post = post.url %} -{% endif %} -{% if post_index1 == forloop.index0 %} -{% assign prev_post = post.url %} -{% endif %} -{% endfor %} -{% if prev_post %} -{{ site.data.language.previous_post_in }} {{ cat | upcase }} -{% endif %} -{% if next_post %} -{{ site.data.language.next_post_in }} {{ cat | upcase }} -{% endif %} - diff --git a/_includes/sitemap_collection.xml b/_includes/sitemap_collection.xml deleted file mode 100644 index 6f83ded0..00000000 --- a/_includes/sitemap_collection.xml +++ /dev/null @@ -1,25 +0,0 @@ - -{% for link in include.links %} - {% unless link.sitemap.exclude or link.published == false %} - - {{ site.url }}{{ site.baseurl }}{{ link.url | remove: 'index.html' }} - {% if link.sitemap.lastmod %} - {{ link.sitemap.lastmod | date: '%Y-%m-%d' }} - {% elsif link.date %} - {{ link.date | date_to_xmlschema }} - {% else %} - {{ site.time | date_to_xmlschema }} - {% endif %} - {% if link.sitemap.changefreq %} - {{ link.sitemap.changefreq }} - {% else %} - {{ include.changefreq }} - {% endif %} - {% if link.sitemap.priority %} - {{ link.sitemap.priority }} - {% else %} - {{ include.priority }} - {% endif %} - - {% endunless %} -{% endfor %} diff --git a/_includes/taskforce/leads.html b/_includes/taskforce/leads.html deleted file mode 100644 index 0078bd93..00000000 --- a/_includes/taskforce/leads.html +++ /dev/null @@ -1,36 +0,0 @@ -{% assign headshots = site.static_files | where: "image", true %} -{% for lead in include.leads %} - -{%- assign photo = "anonymous.png" -%} -{%- if lead.photo -%} - {%- assign photo = lead.photo -%} -{%- else -%} - {%- assign expected_basename = lead.name | replace: " ", "_" | downcase -%} - {%- for headshot in headshots -%} - {%- if headshot.basename == expected_basename -%} - {%- assign photo = headshot.name -%} - {%- break -%} - {%- endif -%} - {%- endfor -%} -{%- endif -%} -
-
- -
-
-

- {{ lead.role }}
-

-

- - {{ lead.name }}
- - - {{ lead.location }}
- {{ lead.email }}
- -

-
-
-{% endfor %} diff --git a/_includes/taskforce/leads_list.html b/_includes/taskforce/leads_list.html deleted file mode 100644 index 95767f22..00000000 --- a/_includes/taskforce/leads_list.html +++ /dev/null @@ -1,21 +0,0 @@ -
    -{% assign taskforces = site.taskforces | sort %} -{% for taskforce in taskforces %} -{% assign taskforce_title = taskforce.title | split: ":" | first %} - -{% for lead in taskforce.leads %} -
  • -{{ lead.name }} ({{ taskforce_title }} {{ lead.role }}) -
    • -{% endfor %} - -{% for subgroup in taskforce.subgroups %} -{% for lead in subgroup.leads %} -
  • -{{ lead.name }} ({{ taskforce_title }} {{ lead.role }}) -
    • -{% endfor %} -{% endfor %} - -{% endfor %} -
diff --git a/_includes/taskforce/links.md b/_includes/taskforce/links.md deleted file mode 100644 index 9b588b43..00000000 --- a/_includes/taskforce/links.md +++ /dev/null @@ -1,18 +0,0 @@ -
    -{% for link in include.links %} -
  • - - - {{ link.description }} - -
    • -{% endfor %} -{% if include.edit_me %} -
  • - - - Task force webpage backend - for information on task force progress, links to public resources, aims, membership, status, etc. - -
    • -{% endif %} -
\ No newline at end of file diff --git a/_includes/taskforce/members.md b/_includes/taskforce/members.md deleted file mode 100644 index d9b28272..00000000 --- a/_includes/taskforce/members.md +++ /dev/null @@ -1,23 +0,0 @@ - diff --git a/_includes/taskforce/subgroups.md b/_includes/taskforce/subgroups.md deleted file mode 100644 index 9f06ad70..00000000 --- a/_includes/taskforce/subgroups.md +++ /dev/null @@ -1,16 +0,0 @@ -{% for subgroup in include.subgroups %} - -### {{ subgroup.name }} - -{:.list-title} -**Task force leads** - -{% include taskforce/leads.html leads=subgroup.leads %} - -{:.list-title} -**Task force members** - -{% include taskforce/members.md members=subgroup.members %} - -{% endfor %} - diff --git a/_includes/taskforce_content.md b/_includes/taskforce_content.md deleted file mode 100644 index 0f2e430e..00000000 --- a/_includes/taskforce_content.md +++ /dev/null @@ -1,63 +0,0 @@ -{% assign taskforce = page %} - -### Task force aims - -{{ taskforce.aims }} - ---- - -### Task force description - -{{ taskforce.description }} - - -{% if taskforce.subgroups %} ---- -{% include taskforce/subgroups.md subgroups=taskforce.subgroups %} -{% endif %} - - -{% if taskforce.leads %} ---- -### Task force leads - -{% include taskforce/leads.html leads=taskforce.leads %} -{% endif %} - - -{% if taskforce.members %} ---- -### Task force members - -{% include taskforce/members.md members=taskforce.members %} -{% endif %} - - -{% if taskforce.status %} ---- -### Task force status - -
    -{% for status in taskforce.status %} -
  • {{ status }}
    • -{% endfor %} -
-{% endif %} - - -{% if taskforce.links %} ---- - -### Task force members links - -{% include taskforce/links.md links=taskforce.links edit_me=true%} -{% endif %} - - -{% if taskforce.resources %} ---- - -### Public resources - -{% include taskforce/links.md links=taskforce.resources %} -{% endif %} diff --git a/_inventories/3-1/collaborations.md b/_inventories/3-1/collaborations.md deleted file mode 100644 index 16e07c32..00000000 --- a/_inventories/3-1/collaborations.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: page -header: no -title: Phantom and Digital Reference Object Collaboration Inventory -permalink: /inventories/3-1/collaborations ---- - -{% include 3-1collaborations.html %} diff --git a/_inventories/3-1/css/style.css b/_inventories/3-1/css/style.css deleted file mode 100644 index 4a03f5ad..00000000 --- a/_inventories/3-1/css/style.css +++ /dev/null @@ -1,41 +0,0 @@ -.content { - padding: 0 18px; - background-color: #ffffff; - max-height: 0; - overflow: hidden; - transition: max-height 0.2s ease-out; -} - -.collapsible { - background-color: #ffffff; - color: black; - cursor: pointer; - padding: 18px; - width: 100%; - border: none; - text-align: left; - outline: none; - font-size: 15px; -} - -.active, -.collapsible:hover, .collapsible:focus, .collapsible.active { - background-color: #fafafa; - color: black; -} - -.columnL { - float: left; - width: 70%; -} - -.columnR { - float: right; - width: 30%; -} - -.row:after { - content: ""; - display: table; - clear: both; -} diff --git a/_inventories/3-1/images/OSIPI.png b/_inventories/3-1/images/OSIPI.png deleted file mode 100644 index 208c037f..00000000 Binary files a/_inventories/3-1/images/OSIPI.png and /dev/null differ diff --git a/_inventories/3-1/images/asldro.png b/_inventories/3-1/images/asldro.png deleted file mode 100644 index 5b17fa5b..00000000 Binary files a/_inventories/3-1/images/asldro.png and /dev/null differ diff --git a/_inventories/3-1/images/bern_phantom.png b/_inventories/3-1/images/bern_phantom.png deleted file mode 100644 index daeee790..00000000 Binary files a/_inventories/3-1/images/bern_phantom.png and /dev/null differ diff --git a/_inventories/3-1/images/impinging.png b/_inventories/3-1/images/impinging.png deleted file mode 100644 index c7dad12d..00000000 Binary files a/_inventories/3-1/images/impinging.png and /dev/null differ diff --git a/_inventories/3-1/literature.md b/_inventories/3-1/literature.md deleted file mode 100644 index 86e7e836..00000000 --- a/_inventories/3-1/literature.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: page -header: no -title: Phantom and Digital Reference Object Literature Inventory -permalink: /inventories/3-1/literature ---- - -{% include 3-1literature.html %} diff --git a/_layouts/blog.html b/_layouts/blog.html deleted file mode 100644 index e6dcd63b..00000000 --- a/_layouts/blog.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -layout: default -format: blog-index -header: no -# Don't index these pages dear Google. -noindex: true ---- -
-
- {% include _pagination.html %} -
- - -
- {% comment %} - {% include _sidebar.html %} - {% endcomment %} -
- -
diff --git a/_layouts/compress.html b/_layouts/compress.html deleted file mode 100644 index 8248010b..00000000 --- a/_layouts/compress.html +++ /dev/null @@ -1,10 +0,0 @@ ---- -# Jekyll layout that compresses HTML -# v3.0.2 -# http://jch.penibelst.de/ -# © 2014–2015 Anatol Broder -# MIT License ---- - -{% capture _LINE_FEED %} -{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "" %}{% endif %}{% unless _pre_before contains "" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " ;; ;" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %}
Step Bytes
raw {{ content | size }}{% if _profile_endings %}
endings {{ _profile_endings }}{% endif %}{% if _profile_startings %}
startings {{ _profile_startings }}{% endif %}{% if _profile_comments %}
comments {{ _profile_comments }}{% endif %}{% if _profile_collapse %}
collapse {{ _profile_collapse }}{% endif %}{% if _profile_clippings %}
clippings {{ _profile_clippings }}{% endif %}
{% endif %}{% endif %} diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index 641198a7..00000000 --- a/_layouts/default.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -layout: compress ---- - - - - {% include _head.html %} - - - {% unless page.skip_boilerplate %} - {% include _navigation.html %} - {% endunless %} - - {% include _masthead.html %} - {{ content }} - - {% unless page.skip_boilerplate %} - {% include _footer.html %} - {% endunless %} - - {% include _footer_scripts.html %} - - diff --git a/_layouts/frontpage.html b/_layouts/frontpage.html deleted file mode 100644 index acc8667a..00000000 --- a/_layouts/frontpage.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -layout: default -format: frontpage ---- -
-
-
-
-
-
- -{% comment %} -* -* Check if there is a preamble text -* -{% endcomment %} -{% if page.preamble %} -
-
-

{{ page.preamble.text }}

-
-
-{% endif %} - -{% comment %} -* -* First check, if widget is empty or not by checking if there is a title -* -{% endcomment %} -
- {% if page.widget1.image or page.widget1.video or page.widget1.title %} - {% include _frontpage-widget.html widget=page.widget1 %} - {% endif %} - - {% if page.widget2.image or page.widget2.video or page.widget2.title %} - {% include _frontpage-widget.html widget=page.widget2 %} - {% endif %} - - {% if page.widget3.image or page.widget3.video or page.widget3.title %} - {% include _frontpage-widget.html widget=page.widget3 %} - {% endif %} -
- - - -{% comment %} -* -* First check, if there is a call for action-button -* -{% endcomment %} -{% if page.callforaction.url contains 'http' %} -{% assign url = '' %} -{% else %} -{% capture url %}{{ site.url }}{{ site.baseurl }}{% endcapture %} -{% endif %} -{% if page.callforaction %} -
-
- {{ page.callforaction.text }} -
-
-{% endif %} - -{% comment %} -* -* Finally, if there is content, spit it out. -* -{% endcomment %} - -
- {{ content }} -
diff --git a/_layouts/page-fullwidth.html b/_layouts/page-fullwidth.html deleted file mode 100644 index 666e96d2..00000000 --- a/_layouts/page-fullwidth.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -layout: default -format: page-fullwidth ---- -{% if page.image.title %} -
-
- {{ page.title | escape_once }} - {% if page.image.caption_url and page.image.caption %} -

- {{ page.image.caption }} -

- {% endif %} -
-
-{% endif %} - - -
-
-
-
- {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} -

{{ page.title }}

-
- - {% if page.teaser %} -

- {{ page.teaser }} -

- {% endif %} - - {{ content }} -
-
-
- - diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100644 index f9fba5c4..00000000 --- a/_layouts/page.html +++ /dev/null @@ -1,65 +0,0 @@ ---- -layout: default -format: post ---- -
-
-
-
- {% if page.image.title %} -
- {{ page.title | escape_once }} - - {% if page.image.caption_url and page.image.caption %} -
- {{ page.image.caption }} -
- {% elsif page.image.caption %} -
- {{ page.image.caption }} -
- {% endif %} -
- {% endif %} - -
- {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} -

{{ page.title }}

-
-
- - - {% if page.teaser %} -

- {{ page.teaser }} -

- {% endif %} - -
- {{ content }} -
- - {% if page.show_meta == true %} - {% include _meta_information.html %} - {% endif %} - - {% if page.comments == true %} - {% include _comments.html %} - {% endif %} -
-
- - - {% if page.sidebar == "left" %} -
- {% include _sidebar.html %} -
- {% endif %} - - - {% if page.sidebar == "right" %} -
- {% include _sidebar.html %} -
- {% endif %} -
diff --git a/_layouts/redirect.html b/_layouts/redirect.html deleted file mode 100644 index b81e581a..00000000 --- a/_layouts/redirect.html +++ /dev/null @@ -1,24 +0,0 @@ ---- -# This layout is used to redirect pages, if you moved them. -# Use the following settings in front matter: -# -# layout: redirect -# sitemap: false -# permalink: /old-location/ -# redirect_to: /new-location/ -# -# Idea and Code by: http://codingtips.kanishkkunal.in/about/ ---- - - - - - - - - -

Redirecting...

- {{ site.data.language.if_you_are_not_redirected_automatically }} {{ site.data.language.click_here }}. - - - diff --git a/_layouts/video.html b/_layouts/video.html deleted file mode 100644 index 3fb07557..00000000 --- a/_layouts/video.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -layout: default -format: video ---- -
-
-
-
- {{ page.iframe}} -
- -
-
-
- {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} -

{{ page.title }}

-
- - {% if page.video.thumbnailUrl %}{% endif %} - {% if page.video.contentURL %}{% endif %} - {% if page.video.embedURL %}{% endif %} - - {% if page.teaser %} -

- {{ page.teaser }} -

- {% endif %} - - {{ content }} - {% if page.show_meta == true %} - {% include _meta_information.html %} - {% endif %} -
-
-
- -
-
diff --git a/_layouts/xml-style.xsl b/_layouts/xml-style.xsl deleted file mode 100644 index 9ff63beb..00000000 --- a/_layouts/xml-style.xsl +++ /dev/null @@ -1,41 +0,0 @@ ---- -layout: null -source: 'http://www.evagoras.com/2011/02/10/improving-an-xml-feed-display-through-css-and-xslt/' -breadcrumbs: true ---- - - - - - <!DOCTYPE html > - - - - - - - {{ content }} - - - - - - - - - - - - - - - diff --git a/_posts/2019-02-26-newsletter_01.md b/_posts/2019-02-26-newsletter_01.md deleted file mode 100644 index f92f8993..00000000 --- a/_posts/2019-02-26-newsletter_01.md +++ /dev/null @@ -1,60 +0,0 @@ ---- -layout: page -title: "OSIPI Newsletter #1" -teaser: "Thank you for your interest and support!" -comments: false -categories: - - newsletter ---- - -_originally posted on OSIPI forum on February 26, 2019, [here](https://groups.google.com/d/msg/open-source-initiative-for-perfusion-imaging/HJMpfK5pMOs/5TkwF8S7AgAJ)_ - -Dear colleagues, - -Thank you for recording your interest to support the Open Science Initiative for Perfusion Imaging, or OSIPI, as it is now called. Steven and I have a few announcements we’d like to share with you about OSIPI’s progress and ways we all can connect at ISMRM this May. - -## SAVE THE DATE! Get together in Montreal 2019! - -Thanks to the gracious offer of Ives Levesque of McGill University we can announce **the first face-to-face meeting of OSIPI in Montreal on Friday, May 17th from 10:30 am - 12:45 pm**. The meeting will be an opportunity to get in touch with other developers of perfusion open source software, and will aim to pinpoint the objectives of OSIPI and develop plans for progressing the initiative over the next year. As we get closer to the date, we will publish the agenda on the website (see below!). There will also be an opportunity to demo existing open source software, DROs, or data. -* **Registration**: the meeting is free but [**please register here**](https://www.eventbrite.com/e/osipis-first-annual-face-to-face-meeting-in-montreal-2019-tickets-57199759019) if you are planning to attend such that everyone can be properly accommodated for. -* **Presentations**: please contact Laura Bell if you would like to provide a demo. -* **Meeting venue**: [Cancer Centre, McGill University Health Centre, 1001 Decarie Blvd, Montreal, QC H4A 3J1](https://goo.gl/maps/c8v74HyuQ8z). -* **Local organizer**: Ives Levesque, PhD, Assistant Professor, Medical Physics Unit and MUHC Department of Medical Physics, McGill University - -{% include alert alert='Register to attend the first OSIPI face to face meeting!' %} - -## OSIPI Executive Management Board (EMB) - -We have formed an executive management board (EMB) comprised of people who indicated in the original survey an interest to help manage OSIPI. The EMB is meeting on a monthly basis and is composed of the following members for 2019: -* Charlotte Debus, German Aerospace Center, Cologne, Germany (chair) -* Andrey Fedorov, Brigham and Women’s Hospital, Harvard Medical School, Boston, MA, USA (co-chair) -* Amedeo Chiribiri, King’s College London, UK -* Patricia Clement, Ghent University, Belgium -* Kyrre Emblem, Oslo University Hospital, Norway -* Michael Ingrisch, Ludwig-Maximilian University Munich, Germany -* Simon Lévy, CRMBM, Faculty of Medicine, Aix-Marseille University, France. -* Frank Zoellner, Heidelberg University, Germany -* Laura Bell, Barrow Neurological Institute, Phoenix, AZ, USA (ISMRM liaison) -* Steven Sourbron, University of Leeds, UK (ISMRM Perfusion study group liaison) - -## OSIPI Member Initiated Symposium (MIS) - -On behalf of the ISMRM Perfusion Study Group, Steven and I submitted a Member Initiative Symposium around OSIPI for ISMRM Montreal 2019. This was accepted by the AMPC and will run on Monday, May 13th from 1:45 - 3:45 pm. The aim of this symposium is to publicize OSIPI to the wider ISMRM membership, collect their ideas and suggestions on future directions, and inspire other members to contribute. The MIS will include some time to meet and discuss OSIPI informally, and also a formal program of shorter talks: -* Andrey Fedorov: Introduction to OSIPI -* Martin Uecker: Building Software for Reproducible Research: Lessons from the BART Project -* Charlotte Debus: Welcome to the Jungle: Open-source software for DCE and DSC. -* Henk-Jan Mutsaerts: Overview of existing perfusion freeware (ASL) -* Daniel Barboriak: Best practices in DRO development -* Daniel Barboriak: DRO’s for DCE-MRI -- Sources and Directions -* Leah Henze Bancroft: An Anthropomorphic Digital Breast Phantom for Simulation and Analysis of MRI -* Natenael Semmineh: A population-based DRO for optimizing DSC-MRI methods for clinical trials -* Ina Kompan: DICOM Parametric Maps- a Common Language for Perfusion Software -* Sign-me up session & meet the contributors - -## OSIPI online - watch this space! - -In order to stay in touch, you those who expressed interest to our initial survey have been automatically added to [the OSIPI google group mailing list](https://groups.google.com/forum/#!forum/open-source-initiative-for-perfusion-imaging). Please share this with anyone else who is interested in joining! The EMB is also creating a webpage for OSIPI so that we can have one coherent way to advertise and communicate together. Although a bit bare bones at the moment, please stay tuned as we all make progress on this initiative together. - -We all look forward to meeting you at ISMRM this year. - -Laura and Steven diff --git a/_posts/2019-04-18-newsletter_02.md b/_posts/2019-04-18-newsletter_02.md deleted file mode 100644 index d0aada25..00000000 --- a/_posts/2019-04-18-newsletter_02.md +++ /dev/null @@ -1,93 +0,0 @@ ---- -layout: page -title: "OSIPI Newsletter #2" -teaser: "ISMRM 2019 is coming up soon!" -comments: false -categories: - - newsletter ---- - -_originally posted on OSIPI forum on April 18, 2019, [here](https://groups.google.com/d/msg/open-source-initiative-for-perfusion-imaging/q2Y36JX7UzY/0M-9Fy4-CgAJ)_ - - -Dear colleagues, - -We’ve been busy gearing up in the hopes to meet you at ISMRM next month! We also want to - make it clear that this initiative should not be limited to those doing perfusion MRI - we really want to reach out to the perfusion community as a whole. As this initiative started from the ISMRM organization, we realized that this can easily be mistaken. - If you know of anyone outside of the MRI field who might be interested, please forward along. Okay, let’s dive in: - - -### Reminder of upcoming OSIPI Events - connect in person! - At ISMRM next month, we have two opportunities to meet (http://www.osipi.org/events/): - -1. ISMRM Member-Initiated Symposium “Open Science Initiative for Perfusion Imaging” on Monday, May 13th from 1:45-3:45 pm. You can find more details at [the ISMRM symposium page](https://www.ismrm.org/19/program_files/MIS04.htm). -2. 1st Annual Face-to-Face Meeting hosted by Ives Levesque of McGill University in Montreal on Friday, May 17th from 10:30 am - 12:45 pm. This meeting is free, but registration is required (and more details) via [EventBrite](https://www.google.com/url?q=https%3A%2F%2Fwww.eventbrite.com%2Fe%2Fosipis-first-annual-face-to-face-meeting-in-montreal-2019-tickets-57199759019%3Faff%3Dutm_source%3Deb_email%26utm_medium%3Demail%26utm_campaign%3Dnew_event_email%26utm_term%3Deventurl_text&sa=D&sntz=1&usg=AFQjCNF7tH1pGMMQq1vIX1FSgfTyIlqEPw). - -### OSIPI Mission and Aims - an initial presentation: - -In the last few months, the EMB has diligently been working on our mission statement and aims. We realize these will be evolving over time, but for now have settled on (more details - can be found at the [OSIPI web site](http://osipi.org)): - -**OSIPI mission**: To promote the sharing of perfusion imaging software in order to eliminate the practice of duplicate development, improve the reproducibility of - perfusion imaging research, and speed up the translation into tools for discovery science, drug development and clinical practice. - -**OSIPI specific aims**: - -1. Develop a comprehensive inventory of complete open source packages for perfusion imaging analysis. -2. Develop a library of open-source functions, scripts and pipelines for perfusion imaging analysis. -3. Develop an inventory of data for the evaluation of perfusion software. -4. Develop consensus guidelines for reporting image acquisition and analysis of perfusion imaging. -5. Develop a platform for discussion and exchange between developers and users of perfusion software. -6. Develop benchmarks and application to existing software. - -### OSIPI Task forces - volunteers are needed! - -In order to achieve the OSIPI specific aims task forces will be formed. Task forces are groups of OSIPI community volunteers with the interest and expertise - in the subject matter of a specific aim, who are actively working towards development of the aim. Task forces are open for participation by anyone in the OSIPI community. - -If you are interested in forming or joining a task force, please contact one of the EMB members, or initiate the discussion on the OSIPI forum! We will have a discussion of the formation of the task forces at the 1st - Face-to-Face meeting (see above), but you do not need to wait for the meeting if you want to volunteer or have comments. - -### Community feedback needed - follow up on initial survey! - -In order to start making progress on the above specific aims (#1-3), we need your help! We have three surveys/questionnaires we’d love for you to fill out. - They can be filled out with as much or as little detail as you want. We just want a general idea right now on perfusion software, codes, data, and DROs being used by all. We are an open-source initiative but also find it valuable to survey all perfusion software - platforms are being used, so please share away. - -All three surveys are in this [shareable link](https://docs.google.com/spreadsheets/d/1Zy3cnIBnBDoPtwM58iKijMVL0QhW1ogR0nshbLEsHls/edit?usp=sharing) - each one has its own tab. We plan on reviewing these responses during our 1st Annual Face-to-Face in Montreal next month (see below). In summary, these are the three aspects we’re interested - in: - -1. Perfusion Software Inventory: Tell us what perfusion software you are using or have created. You do not need to be the developer to fill this out, as we also want to know your experience using this software. If someone else has listed the perfusion software you use, feel free to relist with a blurb about your own experience and/or what you are looking for in a software platform. Any perfusion software is welcome to be listed here. -2. Perfusion Code Inventory: Tell us what perfusion code you have and might be willing to share. This can be snippets of code, functions, and/or analysis scripts. -3. Perfusion Data Inventory: Tell us what data (clinical/preclinical/phantoms/digital reference phantoms) you have and might be willing to share. Additional, if you use - or know of publicly available dataset that the community might be interested in, please include! - -### Sign up for OSIPI and stay up-to-date: - -The EMB has been working on a website that holds all this information and more. Please visit us at the [OSIPI web site](http://osipi.org)! - On this website is information about our google group so that you will receive these newsletters - you’re most likely already on this list if you are receiving this directly! Also, forward this link to anyone you know that might be interested in joining OSIPI - - the more we are, the more we can do. - -We look forward to hearing back in regards to the surveys and seeing you next month! - -Best, - -Laura - -On behalf of OSIPI’s EMB: - -Charlotte Debus - -Andrey Fedorov - -Laura Bell - -Amedeo Chiribiri - -Patricia Clement - -Simon Lévy - -Steven Sourbron - -Frank Zöllner diff --git a/_posts/2019-05-13-ISMRM2019-OSIPI-MIS.md b/_posts/2019-05-13-ISMRM2019-OSIPI-MIS.md deleted file mode 100644 index 08f01067..00000000 --- a/_posts/2019-05-13-ISMRM2019-OSIPI-MIS.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: page -title: "OSIPI Member-initiated Symposium at ISMRM 2019" -teaser: "First introduction to the community" -comments: false -header: no -categories: - - event -gallery: - - image_url: ISMRM2019-MIS-1.jpg - caption: Steven and Laura moderating the session, while Henk Jan Mutsaerts presenting - - image_url: ISMRM2019-MIS-2.jpg - caption: Close to full house at the session presenting OSIPI! - - image_url: ISMRM2019-EMB-afterhours.jpg - caption: OSIPI EMB first face to face meeting (sans Patricia and Amedeo!) ---- - -**When**: Monday, May 13th 2019 from 1:45-3:45 pm. -**Where**: ISMRM 27th Annual meeting and exhibition - -**Agenda** - -Note: if you registered for ISMRM 2019, you can view video recordings of the presentations [at the ISMRM page of the event](https://www.ismrm.org/19/program_files/MIS04.htm). - -* 13:45 Introduction to the Perfusion Open-Source Initiative - Andrey Fedorov [[slides](http://bit.ly/2VwZcYY)] -* 14:00 Building Software for Reproducible Research: Lessons from the BART Project - Martin Uecker -* 14:20 Welcome to the Jungle: Open-Source Software for DCE & DSC - Charlotte Debus [[slides](https://www.osipi.org/assets/pdf/Debus-OSIPI-MIS-2019.pdf)] -* 14:30 Standardized Open-Source Image Analysis: Can We Avoid Confusion but Focus on Perfusion? - Henk-Jan Mutsaerts -* 14:45 Best Practices in DRO Development - Daniel Barboriak -* 14:50 Digital Reference Objects for DCE-MRI: Sources & Directions - Daniel Barboriak -* 14:55 An Anthropomorphic Digital Breast Phantom for Simulation & Analysis of MRI Techniques: Implementation for dynamic contrast-enhanced MRI - Leah Henze Bancroft -* 15:00 A Population-Based Digital Reference Object (DRO) for Optimizing Dynamic Susceptibility Contrast (DSC) MRI Methods for clinical trials - Natenael Semmineh -* 15:10 DICOM Parametric Maps: A Common Language for Perfusion Software - Ina Kompan - -{% include gallery %} diff --git a/_posts/2019-05-17-ISMRM2019-OSIPI-F2F.md b/_posts/2019-05-17-ISMRM2019-OSIPI-F2F.md deleted file mode 100644 index 0f6825db..00000000 --- a/_posts/2019-05-17-ISMRM2019-OSIPI-F2F.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -layout: page -title: "OSIPI Face-to-Face Meeting at ISMRM 2019" -teaser: "" -comments: false -header: no -categories: - - event ---- - -**When**: Friday, May 17th 2019 from 10:30 am to 12:45 pm -**Where**: [McGill University Health Centre (Room RBC Conference Room, DS1.1427), 1001 Boulevard Décarie, Montreal, QC, Canada](https://goo.gl/maps/KfZJWAmeFhK2) - -**Organizers** - -* [Laura Bell](mailto:laura.bell@barrowneuro.org), ISMRM Perfusion Study Group Trainee Representative, Barrow Neurological Institute -* [Ives Levesque](mailto:ives.levesque@mcgill.ca), F2F Host, McGill University - -**Attendees** - -Thanks for joining us! _Zaki Ahmed, Udunna Anazodo, Daniel Barboriak, Laura Bell, Benoit Bourassa-Moreau, Irene Brumer, Paula Croal, Greg Cron, Charlotte Debus, Tanguy Duval, Klaus Eickel, Andrey Fedorov,Xavier Golay, Ingomar Gutmann,Ina Nora Kompan, Ives Levesque, Simon Levy, Thomas Lindner, Hanzhang Lu, Henk Mutsaerts, Aaron Oliver-Taylor, Jan Petr, Steven Sourbron, Yuriko Suzuki, David Thomas, Marta Tibiletti, Tanja Uhrig, and Frank Zollner_ - -**Agenda** - -* 10:30 - Welcome - Laura Bell, Ives Levesque -* 10:35 - Introduction of OSIPI and task force concepts with audience feedback - Charlie Debus [[slides](https://www.osipi.org/assets/pdf/Debus-OSIPI-F2F-2019.pdf)] - * Outline the current mission and aims, current progress, and define OSIPI task forces - * An opportunity for audience to contribute to OSIPI's overall mission, aims, and future aims -* 11:15 - Presentation of survey and current results - Simon Levy [[slides](https://www.osipi.org/assets/pdf/Levy-OSIPI-F2F-2019.pdf)] - * Provide an overview of three available surveys that aim to develop inventories for software, data, and code - * Provide an example of how to contribute to the surveys so that the audience can participate at home -* 11:30 - MITK + 3D Slicer Demo - Ina Nora Kompan, Andrey Fedorov -* 11:45 - Quantiphyse Demo - Michael Chappell et al. -* 12:00 - ExploreASL Demo - Henk-Jan Mutsaerts -* 12:15 - New task force creations and roles with audience feedback - Steven Sourbron - * Create task forces, identify task force chairs and co-chairs, possible members -* 12:45 - Meeting ends diff --git a/_posts/2020-06-09-newsletter_03.md b/_posts/2020-06-09-newsletter_03.md deleted file mode 100644 index 00625a75..00000000 --- a/_posts/2020-06-09-newsletter_03.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -layout: page -title: "09 June 2020: OSIPI roadmap launched" -teaser: "We have officially kicked off the first OSIPI delivery cycle with the launch of the 2020-22 Roadmap.." -comments: false -categories: - - newsletter ---- - -Dear all, - -We are delighted to announce that OSIPI has now formally moved into the implementation phase! The task forces have all been working on a concrete 2 year (2020-2022) roadmap outlining our deliverables and detailed plan to complete them in time. We are now excited to share the details ([here](https://docs.google.com/document/d/e/2PACX-1vRbxX9ywttwQfd2hyj62h676RjEZ3YHZBIBTkUmEb2nqOmrRVd-PlWeL6nAsJ79akQpXHmtBIizJiOK/pub)). - -By May 2022, OSIPI will have produced 24 deliverables including 13 peer-reviewed journal articles, 6 sustainable online resources, 1 manual, 3 software releases, and 1 standard amendment (DICOM). We estimate 16 abstracts will be submitted to the annual ISMRM meetings in 2021 and 2022. Furthmore, as we wrap up the 2 year cycle, each task force will present at the ISMRM Perfusion study group workshop (currently planned for February 2022), as well as on the study group sessions at the annual meetings. - -You are welcome to join the effort at any time! Just get in touch with the appropriate [task force leads](https://www.osipi.org/emb/) or Steven, Laura, Henk-Jan to start a conversation. - -Next up, we're trying to find a time for a virtual meeting since we will not be able to meet in person this year at ISMRM. Stayed tuned for updates. - -Looking forward to colloborating with you all, -Steven, Laura, and Henk-Jan - - diff --git a/_posts/2020-06-30-newsletter_04.md b/_posts/2020-06-30-newsletter_04.md deleted file mode 100644 index 4498603c..00000000 --- a/_posts/2020-06-30-newsletter_04.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -layout: page -title: "30 June 2020: OSIPI issue in MRM!" -teaser: "We are excited to announce that the editor of Magnetic Resonance in Medicine, Prof. Peter Jezzard, has offered to publish the main deliverables of OSIPI together..." -comments: false -categories: - - newsletter ---- - -Dear colleagues, - -We are excited to announce that the editor of Magnetic Resonance in Medicine, Prof. Peter Jezzard, has offered to publish the main deliverables of OSIPI together as a special section in a future issue of the journal, and additionally as a [virtual issue](https://onlinelibrary.wiley.com/page/journal/15222594/homepage/virtual_issues.htm). As you know Magnetic Resonance in Medicine is at the forefront of a movement to [promote reproducible science in MRI research](https://onlinelibrary.wiley.com/doi/full/10.1002/mrm.27939), and this is also central to the mission of OSIPI . - -The collection of papers will have a submission deadline of 1 May 2022, which is timed to align with the due date of some key deliverables as stated in the [OSIPI roadmap](https://docs.google.com/document/d/e/2PACX-1vRbxX9ywttwQfd2hyj62h676RjEZ3YHZBIBTkUmEb2nqOmrRVd-PlWeL6nAsJ79akQpXHmtBIizJiOK/pub). We expect to submit 11-12 papers to Magnetic Resonance in Medicine, including user-based reviews of processing pipelines, classification and comparisons of contributed code, inventory and sharing guidelines for digital reference objects and open-access perfusion data, reporting guidelines and formats, challenges and software validation. All papers submitted will be subjected to the standard review process of MRM and published only if they successfully pass peer review. - -OSIPI remains open for new contributors, and we would especially encourage junior investigators, post-docs, and PhD students to join in. It's a great opportunity to take part in an international collaboration that will shape the future of our field, and to get more out of your research by sharing your methods and results with others. Have a look at the different task forces and feel free to contact the task force leads if you are interested to help out. - -Best wishes, -Steven, Laura, and Henk-Jan diff --git a/_posts/2020-08-14-newsletter_05.md b/_posts/2020-08-14-newsletter_05.md deleted file mode 100644 index 7e3246e1..00000000 --- a/_posts/2020-08-14-newsletter_05.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -layout: page -title: "14 August 2020: First milestones achieved!" -teaser: "OSIPI task forces have successfully delivered their first milestones." -comments: false -categories: - - newsletter ---- - -Dear colleagues, - -OSIPI task forces have successfully delivered their first milestones! This is a major step and puts us firmly on track to deliver our main aims in a timely manner. Some of the task forces will communicate separately in more detail, but here are the highlights: - -**Task force 1.1 (ASL software inventory)** has created an online questionnaire for ASL developers who have built their own ASL analysis pipelines. The survey will form the basis for the inventory of ASL pipelines that will be published and maintained by the task force. - -See [here](https://docs.google.com/forms/d/e/1FAIpQLSf-4_pBXFA31htMNPZo1kQgcY0EJ5_AWxjyvkkYIQVGUHo6sg/viewform) for more details. - -**Task force 1.2 (DSC/DCE software inventory)** has created a list of available DSC/DCE software, including both commercial and open-source tools, with links. If you know of any relevant software packages that are missing from the list, please contact the task force co-lead [Melissa Prah](mailto:mprah@mcw.edu). - -The list can be found [here](https://drive.google.com/file/d/14avwqgQv6l0Uw7xExz9P0w-rwwY-e2cA/view). - -**Task force 2.1 (Library structure and management)** is currently finalising the outline of the library specifications document that will form the basis for ASL, DCE and DSC software libraries. - -**Task force 2.2 (ASL software contributions)** has prepared a scope document for their code collection with details about the functionality, programming languages, testing capabilities, code harmonization, documentation, and the publication. A call for contributions will go out before the end of august. - -Please see [here](https://docs.google.com/document/d/1ioVbJKTfeoIGwCYcq6IsWwl9o_W4wRfeSFHXo6msCQQ/edit#) for details. - -**Task force 2.3 (DSC/DCE software contributions)** has prepared a scope document for their code collection with details about the targeted functionality, software languages for v1.0 of the DSC/DCE Library as well as the general approach to collection, verification and harmonization of code. - -Please see [here](https://docs.google.com/document/d/1SmGhdzUPREHjpGtSEQohmIYz1Fi-XmHm0R8_Qp8xCuI/edit#heading=h.qbn3y9arw2jn) for details. - -**Task force 3.1 (DRO's and phantoms)** has created a questionnaire where developers of DRO's can provide details on the DRO's that they may be able/willing to make freely available to the community. The responses will form the basis for the inventory of DRO's to be built by task force 3.1. - -If you would like to contribute a DRO to the inventory, please complete the survey [here](https://docs.google.com/forms/d/e/1FAIpQLSds0Ao-jAHrljckEBndGBnkAmOmkB1-YSdAHjFCDZijOS1ghw/viewform) - -**Task force 3.2 (Clinical and preclinical data)** has built a publicly available list of repositories that contain perfusion data. The inventory contains URLs to the repositories, and their most pertinent characteristics, such as the review process, types of data that are supported by the repository, etc. - -Please see [here](https://docs.google.com/spreadsheets/d/1CF-Vvii6IUWf-ZUbmDUhgCf2RXAxtw4E4kIGO_HQWKY/edit#gid=1936606832) for details. - -**Task force 4.1 (ASL lexicon)** has compiled comprehensive lists of standard ASL acquisition protocol parameters and output parameters (derivatives). Our primary aim is to achieve a community consensus for ASL sequence parameter naming and definitions. Therefore, we are very happy to receive feedback and input from anyone with an active interest in the field. Please get in touch with the co-lead [Yuriko Suzuki](mailto:yuriko.suzuki@eng.ox.ac.uk) - -Please see [here](https://docs.google.com/document/d/1vj0Tp4yur4dpJntF90yy2bOBUx33FG-w/edit) for details. - -**Task force 4.2 (DCE/DSC lexicon)** has completed a first full version of the Lexicon for internal consultation including an optimised structure, update of introductions/discussion and references, and missing sections. - -Please see [here](https://docs.google.com/document/d/13OwzpbuMDrbCQZaN0p9_kyK8dTWu2VHaaU_wsQAP4C4/edit#heading=h.pto97fttpbsb) for details. - -**Task force 6.1 (ASL challenges)** has completed a draft paper describing the challenge in detail, including a brief literature review on current practices, and the metrics that the challenge outcome will be measured against. The draft paper will be distributed to collect feedback before finalising the design. - -Please see [here](https://docs.google.com/document/d/1EtG5TVZotnvXSufboh707lAIq1imPg2CTVaMnIN01iA/edit) for details. - -**Task force 6.2 (DSC/DCE challenges)** has drafted the challenge outline including submission formats and specific guidelines, evaluation metrics and data to be used, etc. The draft document is publicly available and open to feedback before the design is finalised. Please contact the task force lead [Anahita Fathi](mailto:Anahita.Fathikazerooni@pennmedicine.upenn.edu) for any suggestions or queries. - -Please see [here](https://docs.google.com/document/d/1DXJsKwLrAeh471SLhlvEFaNtw-ePLZcBsxSzM8QJ_KM/edit?usp=sharing) for details. - - - -Best wishes, -Steven, Laura, and Henk-Jan diff --git a/_posts/2020-08-25-newsletter_06.md b/_posts/2020-08-25-newsletter_06.md deleted file mode 100644 index b2266453..00000000 --- a/_posts/2020-08-25-newsletter_06.md +++ /dev/null @@ -1,32 +0,0 @@ ---- -layout: page -title: "19 August 2020: questionnaire invitation" -teaser: "Invitation to contribute to OSIPI..." -comments: false -categories: - - newsletter ---- - -Dear colleagues, - -On behalf of the ISMRM Open Science Initiative for Perfusion Imaging (OSIPI) we would like to share with you information about upcoming activities and invite you to fill in **two** questionnaires. - -**ASL Pipeline Questionnaire** -We invite **ASL pipeline** developers to list their pipelines in the OSIPI inventory to help users to find and select their optimal pipeline. To have your pipeline listed, please fill a **short questionnaire [HERE](https://docs.google.com/forms/d/e/1FAIpQLSf-4_pBXFA31htMNPZo1kQgcY0EJ5_AWxjyvkkYIQVGUHo6sg/viewform)** - see also the website of [OSIPI Task Force 1.1](https://www.osipi.org/task-force-1-1/). - -**Perfusion Phantom and Digital Reference Object (DRO) Questionnaire** -[OSIPI Task Force 3.1](https://www.osipi.org/task-force-3-1/) is building an inventory of contacts and descriptions for perfusion phantoms, DROs, and related source code to facilitate future research and collaborations. We invite **perfusion developers (both contrast-enhanced and non-contrast methods)** to complete the **online survey [HERE](https://docs.google.com/forms/d/e/1FAIpQLSds0Ao-jAHrljckEBndGBnkAmOmkB1-YSdAHjFCDZijOS1ghw/viewform)**. - -**ASL Challenges** -Both pipeline developers and users are invited to participate in community-based challenges aiming to establish an optimal analysis pipeline for ASL MRI. Please **send an email** to Paula Croal if you are interested in receiving more information about **ASL challenges** or visit [OSIPI Task Force 6.1](https://www.osipi.org/task-force-6-1/). - -**ASL code snippets library** -In addition to the complete pipelines, programmers willing to share codes for a specific ASL processing step are asked to contribute to a **library of open-source functions** and scripts targeted at advanced **ASL developers** - see more on the site of [OSIPI Task Force 2.2](https://www.osipi.org/task-force-2-2/). - -Apologies for multiple postings. - -Yours sincerely, -Jan Petr & Sudipto Dolui ([TF 1.1](/task-force-1-1/)) -Ananth Madhuranthakam & Li Zhao ([TF 2.2](/task-force-2-2/)) -Jim Holmes & Chad Quarles ([TF 3.1](/task-force-3-1/)) -Paula Croal & Udunna Anazodo ([TF 6.1](/task-force-6-1/)) diff --git a/_posts/2020-08-28-ISMRM2020-OSIPI-SG.md b/_posts/2020-08-28-ISMRM2020-OSIPI-SG.md deleted file mode 100644 index 007d9795..00000000 --- a/_posts/2020-08-28-ISMRM2020-OSIPI-SG.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -layout: page -title: "28 Aug 2020: OSIPI Report to ISMRM perfusion study group" -teaser: "First annual OSIPI report" -comments: false -header: no -categories: - - event ---- - -OSIPI will report its progress to date and future plans for the first time on the annual business meeting of the ISMRM perfusion study group. The meeting will be virtual and is only open to study group members. OSIPI slides are linked from the agenda below. - -**When**: Friday, Aug 28th 2020 from 3:00 pm UTC to 4:30 pm UTC -**Where**: online (ISMRM Perfusion Study Group Members only) - -**Agenda** - -* Official business meeting items (Xavier Golay, current chair) -* Presentations from shortlisted trainees -* OSIPI update (Steven Sourbron) - click [here](https://docs.google.com/presentation/d/e/2PACX-1vSaJKmDnaDK-Ljsa6QSeLm2rmVwtw9-Hofgx0mkg_wX82ghtqIeRVe2muLshpu_oQ38-MgULxHb4fOs/pub?start=false&loop=false&delayms=3000) for slides -* Upcoming ISMRM Perfusion workshop (Hanzhang Lu) -* ASL White Paper updates (David Alsop) -* Any Other Business diff --git a/_posts/2020-11-02-newsletter_07.md b/_posts/2020-11-02-newsletter_07.md deleted file mode 100644 index 5d59f948..00000000 --- a/_posts/2020-11-02-newsletter_07.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -layout: page -title: "02 November 2020: A new set of milestones achieved!" -teaser: "OSIPI task forces have completed a series of new milestones." -comments: false -categories: - - newsletter ---- - -Dear colleagues, - -The OSIPI task forces have completed a number of new milestones: - -**Task Force 1.1 (ASL software inventory)** contacted ASL-pipeline developers through several channels with a questionnaire about their software. Twelve developers returned the questionnaire and a [draft of the inventory](https://docs.google.com/document/d/1LkYyjJP9XD-DMwcCeTZLKCzV_wDvbqgPOxUvhPvZjJA/edit# -) has been created based on their responses. The task force is currently preparing an ISMRM abstract and a user-friendly layout for osipi.org. In the next 3 months, the inventory will be finalised and results will be summarised in a journal review paper. - -Link to draft [ASL software inventory](https://docs.google.com/document/d/1LkYyjJP9XD-DMwcCeTZLKCzV_wDvbqgPOxUvhPvZjJA/edit#) - -**Task Force 1.2 (DCE/DSC software inventory)** has completed their second milestone. A total of 48 descriptors have been added to the [DCE/DSC software inventory](https://drive.google.com/file/d/14avwqgQv6l0Uw7xExz9P0w-rwwY-e2cA/view). These descriptors provide factual information encompassing software accessibility, support, implementation, and functionality, and also includes relevant publications specific to each tool. We are on track to complete our first deliverable in February, where all descriptors will be defined for each software tool. - -Link to draft [DCE/DSC software inventory](https://drive.google.com/file/d/14avwqgQv6l0Uw7xExz9P0w-rwwY-e2cA/view). - -**Task Force 2.2 (ASL code contributions)** has reached out to various groups soliciting code contributions for intermediate and advanced ASL developers. So far detailed matlab code has been recieved from 1 developer (Ze Wang, ASLtbx) and 4-6 more groups have expressed an interest to contribute. The next 3 months the task force will approach other developers with a request for specific code to offer a comprehensive coverage of ASL functionality. - -**Taskforce 2.3 (DCE/DSC code contributions)** has established a [Github repository](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection) for collecting DCE/DSC code in Python (milestone lead: Sudarshan Ragunathan). At present the library contains code for T1 mapping, including automated unit testing and test coverage monitoring. We continue to refine the process for integration and testing of code contributions, and we will expand the range of DC functionality in future milestones. The repository provides tested, open-source code for researchers and developers, and will ultimately be used to create a single harmonised DCE/DSC code library. - -Link to [DCE/DSC software repository](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection). - -**Task force 3.1 (DRO's and phantoms)** has collated responses from the initial call for contributions, listing 7 offers for contributions including 4 DRO's. The list will be released once formal permissions have been obtained from the contributors. In the next 3 months, TF3.1 will aim to identify additional DRO's in the literature, define a formal structure for the inventory and release a first draft. - -Link to draft [DRO and phantom inventory](https://docs.google.com/spreadsheets/d/1NVujeF_-_hBnUEeJPhKlHnlwdAF1U6hdgnnP6VIrqnU/edit#gid=1201514449) (embargoed until sharing permissions recieved). - -**Task force 3.2 (Clinical and preclinical data)** has completed the description of [repositories that contain perfusion data](https://docs.google.com/spreadsheets/d/1CF-Vvii6IUWf-ZUbmDUhgCf2RXAxtw4E4kIGO_HQWKY/edit#gid=1936606832) and has prepared an initial [list of the attributes](https://bit.ly/3823H2U) that will accompany the public perfusion datasets in the inventory. The list of dataset descriptors based on the defined list of attributes is in [this spreadsheet](https://bit.ly/38AdEF6). This list is open to revisions based on the experience assembling the inventory. We also welcome community suggestions for the refinement of the proposed list. - -Link to [repositories that contain perfusion data](https://docs.google.com/spreadsheets/d/1CF-Vvii6IUWf-ZUbmDUhgCf2RXAxtw4E4kIGO_HQWKY/edit#gid=1936606832) - -Link to [inventory of perfusion data](https://bit.ly/38AdEF6) populated based on the inventory list above. - -Link to [perfusion data attributes](https://bit.ly/3823H2U). - -**Task force 4.1 (ASL lexicon)** has completed their second milestone: comprehensive lists of advanced ASL techniques and output parameters, including advanced ASL labeling strategies, multi-time-point ASL, vessel-selective ASL, ASL angiography and modified ASL methods for special derivatives. - -Link to [ASL Lexicon - advanced methods](https://docs.google.com/document/d/1XkNorUSN0-S5rXkz6NtcfgWedyxfOnHs/edit?dls=true) - -Link to [ASL Lexicon - standard methods](https://docs.google.com/document/d/1vj0Tp4yur4dpJntF90yy2bOBUx33FG-w/edit) - -**Task Force 4.2 (DCE/DSC lexicon)** has collected feedback from the OSIPI community on the Lexicon draft, incorporated comments and revised the structure of the Lexicon accordingly. Detailed tables of quantities have been extended and referred to separate sections. A formalism has been developed which enables encoding of descriptive pipelines using the items defined by the lexicon. For feedback please contact the [task force leads](https://www.osipi.org/task-force-4-2/). - -Link to [DCE/DSC Lexicon](https://docs.google.com/document/d/13OwzpbuMDrbCQZaN0p9_kyK8dTWu2VHaaU_wsQAP4C4/edit#heading=h.pto97fttpbsb). - -**Task Force 6.1 (ASL challenge)** has developed a mature draft of the challenge design and completed data design. Population-based data are finalised and synthetic data preparation underway. An abstract on the challenge design will be submitted to ISMRM and if accepted the challenge will run as an official ISMRM challenge. - -Link to abstract on [ASL challenge design](https://docs.google.com/document/d/1BiTmOTJsAS4oh67Sb9VkdQxtCgdQNAZv6Z0R19wKTSY/edit) (embargoed until ISMRM deadline). - -**Task Force 6.2 (DCE challenge)** has completed preparation of data including a DRO for DCE-MRI of the brain and test-retest DCE-MRI data for 10 patients. The [challenge outline](https://docs.google.com/document/d/1DXJsKwLrAeh471SLhlvEFaNtw-ePLZcBsxSzM8QJ_KM/edit?usp=sharing) is drafted and registration for the challenge has [opened](https://docs.google.com/forms/d/1Rl-rrD_TWDYaWQDUaFDgSf5s0JrPzDzecSGcE0hWE-8/edit?usp=sharing). An abstract on the challenge design will be submitted to ISMRM and if accepted the challenge will run as an official ISMRM challenge. - -Link to [DCE challenge design](https://docs.google.com/document/d/1DXJsKwLrAeh471SLhlvEFaNtw-ePLZcBsxSzM8QJ_KM/edit?usp=sharing) (draft) - -Link to [DCE challenge registration](https://docs.google.com/forms/d/1Rl-rrD_TWDYaWQDUaFDgSf5s0JrPzDzecSGcE0hWE-8/edit?usp=sharing) - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) diff --git a/_posts/2021-02-16-newsletter_08.md b/_posts/2021-02-16-newsletter_08.md deleted file mode 100644 index 9309fcd3..00000000 --- a/_posts/2021-02-16-newsletter_08.md +++ /dev/null @@ -1,74 +0,0 @@ ---- -layout: page -title: "16 Februari 2021: The first deliverables and more milestones!" -teaser: "OSIPI moving full steam ahead with first deliverables completed." -comments: false -categories: - - newsletter ---- - -Update on OSIPI Milestones and Deliverables due in February 2021. **Also check out the [OSIPI resources page](https://www.osipi.org/resources/) where all key results are summarized and maintained.** - ---- - -**Task force 1.1 (ASL software inventory)** has produced its first deliverable! An ASL pipeline inventory was created and published online referencing the majority of ASL pipeline developers. The inventory provides basic information about pipeline requirements and features, and should serve as a quick guide helping new users to select an appropriate tool for ASL data processing. - -Link to [ASL pipeline inventory](https://docs.google.com/document/d/e/2PACX-1vQ-1GF2fmz6Q4IukuKP_-57H-xi872Xq_uBlX5P0Cwpj4RYd_t73pvZ64UqXegPaVpQJhQQrVRJRPro/pub) - ---- - -**Task force 1.2 (DCE/DSC software inventory)** has delivered a first pass of the [DSC/DCE software inventory](https://docs.google.com/spreadsheets/d/e/2PACX-1vSOHrNIiWcwDD5BoHij1dpXKgEejtohqKF6KZQMZi3G6GzM_BP8xpuwRbjFFvDW9Q/pubhtml?gid=1031101549&single=true), where all currently known software tools and documented descriptors have been included. We are in the process of gathering additional information directly from developers and will have a more formalized version published in May along with a plan for tool reviews. We are also planning to disseminate a survey to better inform us when generating the draft review process, for objective comparison of the software tools. - -Link to [DCE/DSC software inventory](https://docs.google.com/spreadsheets/d/e/2PACX-1vSOHrNIiWcwDD5BoHij1dpXKgEejtohqKF6KZQMZi3G6GzM_BP8xpuwRbjFFvDW9Q/pubhtml?gid=1031101549&single=true) - - ---- - -**Task Force 2.2 (ASL code contributions)** has received detailed code from ASL_TBX with extensive functionalities and some functions from ASL Angio Reader. The task force members summarized the collected code [here](https://docs.google.com/spreadsheets/d/15ZBAY8rfqUR7EWlPgI5POp6GvFizC4mC/edit#gid=1251552107). The code itself is available in the repository [here](https://drive.google.com/drive/folders/1M1RQnXVzZljfowmuA8sZqb3Fh7MlIq1Y). - ---- - -**Taskforce 2.3 (DCE/DSC code contributions)** has added further open-source Python code to its [collection](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection) and documented [procedures](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/tree/develop/doc) for contributors to add further [code](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/blob/develop/doc/code_contributions_record.csv). A call for contributions has been made to the ISMRM Perfusion Study Group. Our focus now moves to testing of code contributions, which will ultimately be used to create an integrated OSIPI code library. - -Link to [DCE/DSC code contributions](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection) - ---- - -**Task Force 3.1 (Digital Reference Objects and Phantoms)** has completed the first draft of a literature inventory of perfusion DROs, code, and physical phantoms. The team has also updated the collaboration inventory composed of entries from research projects that have expressed interest in collaborating with other researchers. The latest update to the collaboration inventory included confirming public visibility of each research project entry including contact information. - -Link to [Literature inventory of DROs and phantoms](https://drive.google.com/file/d/1BCEVZ5VzTHCSAmWAYEF8KgyiGm3LCoqN/view) - -Link to [Collaboration inventory of DROs and phantoms](https://drive.google.com/file/d/1BCpsiHS9ulYbuhzquymnTtLbLhDVdWqb/view) - ---- - -**Task force 3.2 (Clinical and preclinical data)** has completed its first deliverable - an inventory (list) of publicly available perfusion datasets along with a tabulated list of descriptors for each dataset. Public feedback is invited and encouraged, and collected systematically. - -Link to [Inventory of perfusion data](https://docs.google.com/spreadsheets/d/1lBEBTttyLpKIPcRo8XzXhlry-owxaUkZ-Eoq6-LJWwY/edit#gid=1368103) - ---- - -**Task force 4.1 (ASL lexicon)** has compiled comprehensive lists of the physiological constant and parameters required for quantification. Our primary aim is to achieve a community consensus for naming and definitions in ASL quantification. Therefore, we are very happy to receive feedback and input from anyone with an active interest in the field. - -Link to [ASL list of physiological parameters](https://docs.google.com/document/d/e/2PACX-1vQFhNrhVWQnfMDNc65sQex3lk6lMtf4sR6rH7M60ytBxBs_a1wcethk8x7PuPvIQA/pub) - ---- - -**Task force 4.2 (DCE/DSC lexicon)** has compiled a new lexicon draft (v.0.4) for public consultation including an encoding mechanism to produce descriptive pipelines of the analysis. A feedback request will be sent to the OSIPI & perfusion study group mailing list, including instructions for feedback submission. - -Link to [DCE/DSC lexicon](https://docs.google.com/document/d/13OwzpbuMDrbCQZaN0p9_kyK8dTWu2VHaaU_wsQAP4C4/edit) - ---- - -**Task Force 6.1 (ASL Challenge)** is pleased to announce that we are officially endorsed as an ISMRM Challenge, and are in the final stages of challenge preparation ahead of the upcoming launch. All details will be communicated on the ISMRM challenge website (coming soon) and data hosted via the Open Science Framework (Anazodo et al., OSIPI ASL MRI Challenge (2021), OSF, 2021, DOI 10.17605/OSF.IO/6XYU3) - ---- - -**Task force 6.2 (DCE Challenge)** has prepared the design of the challenge and submitted an abstract on the challenge design to the annual meeting of the ISMRM. The TF members have tested and prepared the clinical data to be used and the DRO is in development. We are delighted to announce that this challenge will run as a formal ISMRM Challenge. - ---- - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) diff --git a/_posts/2021-05-11-newsletter_09.md b/_posts/2021-05-11-newsletter_09.md deleted file mode 100644 index 3a36d90c..00000000 --- a/_posts/2021-05-11-newsletter_09.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -layout: page -title: "11 May 2021: Half way there!" -teaser: "OSIPI is half way and resources are rolling in!" -comments: false -categories: - - newsletter ---- - -Update on OSIPI Milestones and Deliverables in May 2021. **Also check out the [OSIPI resources page](https://www.osipi.org/resources/) where all key results are summarized and maintained.** - ---- - -**Task force 1.1 (ASL software inventory)** prepared a draft of a comprehensive grading system that will allow the pipeline users to grade pipelines based on their features, performance, but also ease of use and availability of support. The next step is to define the testing datasets and find volunteers to perform the testing. - ---- - -**Task force 1.2 (DCE/DSC software inventory)**. A formal [software inventory](https://docs.google.com/spreadsheets/d/e/2PACX-1vSOHrNIiWcwDD5BoHij1dpXKgEejtohqKF6KZQMZi3G6GzM_BP8xpuwRbjFFvDW9Q/pubhtml?gid=1031101549&single=true) has been published within the OSIPI website, where we anticipate incorporating google scholar links to access software-related publications. We plan to distribute a survey to invite volunteers to review the software contained within the inventory. Our task force has also generated a draft evaluation survey in the form of a scorecard, with plans to finalize the review process on August 1, 2021. The final evaluation survey will contain both qualitative and quantitative aspects. - ---- - -**Task force 2.2 (ASL code repository)** performed a verification on the code snippets in the toolbox to test that the code runs and produces expected output. Results are reported [here](https://docs.google.com/document/d/19rpABTISIH5cT_dzQhw4Fzl0_387ytgd/edit). - ---- - -**Task force 2.3 (DCE/DSC code repository)** The [code collection](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/blob/develop/doc/code_contributions_record.csv) has increased significantly in 2021. We have established and [documented](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/wiki) a process for automated unit testing of code contributions. This is now being implemented across multiple areas of functionality by members of the taskforce. Please check out the [contributions](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/wiki/How-to-contribute-code) page if you have any DSC or DCE python code that you want to share with OSIPI. - ---- - -**Task force 3.1 (DROs and phantoms)** started communication with the ISMRM Reproducibility in Research study group for guidance on how DRO data should be made available after coordinating with TF6.1 to share a ASL based DRO for their challenge. Through these communications, the current repository format will be migrating to use the same JSON format housed through a GitHub repository -- similar to what ISMRM MR Hub does. A benefit of this will the utlizing Cloud storage to make sharing of data easier. - ---- - -**Task force 3.2 (Data sharing)** has prepared a draft of "recommendations of best practices for sharing perfusion data" in which the best practices and actionable guidelines for researchers, who plan to share perfusion data publicly, are provided. Feedback from the community is encouraged and appreciated! The link to the document is [here](https://docs.google.com/document/d/11ccfuvM3WrQiabm3pyPwDHfcMv5V595NC689bXJJ1Xk/edit?usp=sharing) - ---- - -**Task force 4.1 (ASL lexicon)** has compiled the first draft of "Arterial Spin Labeling perfusion imaging and analysis lexicon and reporting recommendations (v0.1)" for public consultation. Find them [here](https://docs.google.com/document/d/e/2PACX-1vQPhnYciWScZ2vqjzBWUO72gXKKD2UA95q081OA7-2dnLiy9kOimXq1axA7E7xRxbZOmJAb9vMDZ_-D/pub). A feedback request will be sent to the OSIPI & perfusion study group mailing list, including instructions for feedback submission. - ---- - -**Task force 4.2 (DCE/DSC lexicon)** has submitted an ISMRM abstract about the DCE/DSC perfusion lexicon, which was accepted and will be presented as digital poster at the ISMRM conference. The lexicon cover page has been revised and a clean version can be found here. - ---- - -**Task force 6.1 (ASL challenges)**. The OSIPI ASL Challenge will be launching on 15th May as part of the ISMRM annual meeting. Challenge overview and full guidelines will be available via the [ISMRM challenge website](https://challenge.ismrm.org/) with news and updates via twitter @AslOsipi. -An early look at the challenge manual is available [here]( https://drive.google.com/file/d/1BDmiK5YSMlVWbzxv7jecjgbxVb0OnAyl/view?usp=sharing). - ---- - -**Task force 6.2 (DCE/DSC challenges)**. The OSIPI-DCE challenge guideline is now publicly available [here](https://drive.google.com/file/d/12POGgTitC-0jXNTSMIvKJkWWmjtfDJkr/view?usp=sharing). OSIPI-DCE, as an official [ISMRM challenge](https://challenge.ismrm.org/), will be officially open to receive submissions on May 15. The updates and news will be posted on the task force Twitter account (@OsipiDc) and LinkedIn webpage (OSIPI DC Challenges). - ---- - - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) diff --git a/_posts/2021-08-25-newsletter-10.md b/_posts/2021-08-25-newsletter-10.md deleted file mode 100644 index e43b5062..00000000 --- a/_posts/2021-08-25-newsletter-10.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -layout: page -title: "13 September 2021: Another set of milestones achieved!" -teaser: "OSIPI task forces have completed a series of new milestones." -comments: false -categories: - - newsletter ---- - -Update on OSIPI Milestones and Deliverables in August 2021. **Also check out the [OSIPI resources page](https://www.osipi.org/resources/) where all key results are summarized and maintained.** - ---- - -**Task force 1.1 (ASL software inventory)** has finalized the grading system to test the features of the pipelines and also identified the types of data that will be specifically used for the testing. The grading system has been tested internally and the team aims to launch the actual testing in October. - ---- - -**Task force 1.2 (DCE/DSC software inventory)** has created a [short survey](https://forms.gle/jiBk2bpnJboE42tq8). The purpose of the survey is to engage with potential software reviewers. - ---- - -**Task force 2.2 (ASL code repository)** is collecting code snippets of individual functions to develop an open-source library for ASL perfusion image analysis. Your open-source code snippets are highly needed. Please visit our [TF2.2 website](https://osipi.org/task-force-2-2/) for more information and/or contact the TF lead [Ananth Madhuranthakam](mailto:Ananth.Madhuranthakam@gmail.com). - ---- - -**Task force 2.3 (DCE/DSC code repository)** During the past three months, Taskforce 2.3 has been working on two interim objectives. For Deliverable #1 (November 2021), we are extending testing of contributed code to cover multiple areas of functionality, including concentration measurement and pharmacokinetic modelling. For Milestone #5 (August 2021), led by Michael Berks, the taskforce has agreed to develop its growing code collection into an integrated, extensible Python library, the design of which will be based on the perfusion lexicon developed by Taskforce 4.2. We are actively pursuing funding opportunities to support this objective. - ---- - -**Task force 3.1 (DROs and phantoms)** The big highlight for this Milestone is the creation of the new and much improved inventories, [version 2.0: Digital & physical phantom inventory and Collaboration Inventory](https://aot.github.io/osipi_inventories/), that are now consistent with the ISMRM's MR-hub. - ---- - -**Task force 3.2 (Data sharing)** is preparing for sharing 2 datasets by November: one original dataset of mice data, and one dataset of parametric maps for an existing ProstateX imaging collection. - ---- - -**Task force 4.1 (ASL lexicon)** has received feedback from experts in the field, as well as the MRI vendors, on the draft of "Arterial Spin Labeling perfusion imaging and analysis lexicon and reporting recommendations (v0.1)". TF members are currently working to integrate those feedback into the draft document, aiming the publication of v0.2 for wider public feedback. Please find the draft document [here](https://docs.google.com/document/d/e/2PACX-1vQPhnYciWScZ2vqjzBWUO72gXKKD2UA95q081OA7-2dnLiy9kOimXq1axA7E7xRxbZOmJAb9vMDZ_-D/pub). A feedback request will be sent to the OSIPI & perfusion study group mailing list, including instructions for feedback submission. - ---- - -**Task force 4.2 (DCE/DSC lexicon)** has written in the last three month a clean version of the cover document and the perfusion quantities section. Currently we are creating a clean version of the remaining sections to send them out for feedback. We were also meeting up with TF 2.3 to harmonize the DCE/DSC lexicon and code repository. - ---- - -**Task force 6.1 (ASL challenges)** The OSIPI ASL Challenge is still open for registration! We are interested in optimal ASL analysis workflows and want to track the ASL research activity all over the world, and of course, to motivate more and more people to dive into the ASL world. If you work with ASL MRI, or you know anybody else who works, come join us and have fun analyzing ASL MRI. Keep in mind that we are seeking for robust and reproducible pipelines, while open science is highly encouraged. Pleases register from [here](https://challenge.ismrm.org/forums/topic/osipi-asl-challenge/). - ---- - -**Task force 6.2 (DCE/DSC challenges)** Task Force 6.2 (OSIPI-DCE challenge) is accepting submissions from [here](https://challenge.ismrm.org/forums/topic/osipi-dce-challenge/). The interested teams are encouraged to submit their results before October 2021, to be included as co-authors on our abstract on the preliminary results of the challenge to be submitted in November to the ISMRM 2022 conference. - ---- - - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) diff --git a/_posts/2021-11-22-newsletter-11.md b/_posts/2021-11-22-newsletter-11.md deleted file mode 100644 index b9828cd9..00000000 --- a/_posts/2021-11-22-newsletter-11.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -layout: page -title: "23 November 2021: Recovery mode" -teaser: "Gearing up for a full year ahead with upcoming ISMRM perfusion workshop, annual meeting, and manuscript submissions" -comments: false -categories: - - newsletter ---- - -Our quartley updates on OSIPI Milestones and Deliverables for November 2021 are listed below. Also worthy to note, we just passed both the ISMRM annual meeting and Perfusion Workshop abstract submissions where six OSIPI abstracts were submitted (TF 2.2, 2.3, 4.1, 4.2, 6.1, and 6.2) -- congratulations team! **Also check out the [OSIPI resources page](https://www.osipi.org/resources/) where all key results are summarized and maintained.** - ---- - -**Task force 1.1 (ASL software inventory)** prepared scoring rules for the pipeline comparison and contacted all pipeline developers from ASL pipeline inventory for support and help. People willing to actively participate in the comparison and co-author the comparison publication should contact [Jan Petr](mailto:j.petr@hzdr.de) until the end of this month (30Nov). - ---- - -**Task force 1.2 (DCE/DSC software inventory)** has distributed an [online survey](https://forms.gle/Us5qgati9j1V6DiD9) to engage potential DC software reviewers. Willing volunteers will be provided with a DSC or DCE digital reference object (DRO) and will evaluate the software tool using an online review form that covers both quantitative measures and qualitative assessment. The deadline for DC software reviews is February 2022 (Milestone 6). - ---- - -**Task force 2.2 (ASL code repository)** continue to gather and test ASL processing code. Currently, they received source code from 5 different groups with an anticipated contribution from 2 additional groups. Some of the functionalities have been tested and documented [here](https://www.google.com/url?q=https://docs.google.com/document/d/19rpABTISIH5cT_dzQhw4Fzl0_387ytgd/edit&source=gmail-imap&ust=1638214236000000&usg=AOvVaw1_NP-Ll2WC6HBFNQvpRnUL). The remaining source code is under review by the team and the functionalities are being separated and documented.. - ---- - -**Task force 2.3 (DCE/DSC code repository)** has now achieved Milestone #5 (lead: Michael Berks), publishing an outline proposal for a standardised OSIPI perfusion analysis library in Python, which we hope to begin developing from 2022. We have continued to implement testing of contributed code snippets, including those for signal-to-concentration conversion, perfusion parameter estimation and arterial input functions. Our present focus is on completing this testing (Deliverable #1) and on visualising the performance of code contributions (Milestone #6, lead: Zaki Ahmed). The taskforce has submitted abstracts to the forthcoming International and Benelux Chapter ISMRM meetings. - ---- - -**Task force 3.1 (DROs and phantoms)** has created a new test-site for OSIPI Libraries that includes updates for TF3.1 including (1) Phantom Contributions Inventory and (2) Phantom Literature. The site is generated using JSON format to be consistent with the ISMRM MR-Hub hosted on github. The literature entries were generated using the cloud-based reference manager Zotero.org to facilitate citation exporting and re-formatting by external users. The contribution inventory test site can be found [here](https://aot.github.io/osipi_inventories/phantom_contributions/). The taskforce is also working with the ISMRM Reproducible Research Study Group to come up with common recommendations for sharing of code and DROs. - ---- - -**Task force 3.2 (Data sharing)** has been having monthly calls attended by Andrey, Greg, and Annette from the task force. Currently, discussing related challenges to sharing preclinical data set (lead: Annette). Greg has been working on an invited presentation for the upcoming [MRI Together](https://mritogether.github.io/) workshop sponsored by the ESMRMB. - ---- - -**Task force 4.1 (ASL lexicon)** has shared the draft of “Arterial Spin Labeling Perfusion Imaging and Analysis Lexicon and Reporting Recommendations (v0.1)“. with the ISMRM Perfusion Study Group Members for feedback. Please feel free to leave your suggestions/comments directly in Google Docs from this [link](https://docs.google.com/document/d/1PysoXhkbLllvir0PW5RwDrxAwUE3jhYuMiK0kesZxe4/edit?usp=sharing). Also, please let us know if you agree with the drafted categories for each parameter of the reporting recommendation by completing this [survey](https://forms.office.com/r/RMjHCaEbBk). - ---- - -**Task force 4.2 (DCE/DSC lexicon)** has written clean versions of the sections on perfusion models, perfusion identities and large parts of the general purpose processes and perfusion-specific processes. We also applied the lexicon to generate an example pipeline representing a typical DCE analysis workflow. We met up with the TF 4.1 to harmonize the lexicon efforts for DCE/DSC and ASL. There we identified that we should provide common naming for the same physiological parameters or at least specify synonyms. We also decided to publish our results in an analogous way and will stay in contact about the publication style between the two task forces. We submitted an abstract on our progress to the ISMRM 2022. - ---- - -**Task force 6.1 (ASL challenges)** has received 7 registration and 3 dadta submissions since their ASL challenge opened in February 2021. Using these submitted sites, preliminary results were submitted to the recent ISMRM 2022 conference. Initial results showed the use of different tools to analyze ASL data by the community which led to variability in the CBF estimates from the challenge entries as well as errors when compared to the ground-truth maps. The ASL challenge has a new deadline and will be closed for new entries after December 16th. - ---- - -**Task force 6.2 (DCE/DSC challenges)** received multiple challenge results before the ISMRM abstract submission deadline this month. Taskforce 6.2 members performed an analysis for preliminary ranking of the received submissions based on OSIPI-score. The initial data shows variability in accuracy, repeatability, and reproducibility of the analysis pipelines leading to different Ktrans estimations. We appreciate the courage of all participants for coming forward to submit their results. We are still accepting more submissions and encourage everyone in the field of DCE-MRI quantification to join us in this benchmarking effort! - ---- - - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) diff --git a/_posts/2021-11-xx-newsletter-11.md b/_posts/2021-11-xx-newsletter-11.md deleted file mode 100644 index 150f14e4..00000000 --- a/_posts/2021-11-xx-newsletter-11.md +++ /dev/null @@ -1,60 +0,0 @@ ---- -layout: page -title: "xx November 2021: Another set of milestones achieved!" -teaser: "OSIPI task forces have completed a series of new milestones." -comments: false -categories: - - newsletter ---- - -Update on OSIPI Milestones and Deliverables in August 2021. **Also check out the [OSIPI resources page](https://www.osipi.org/resources/) where all key results are summarized and maintained.** - ---- - -**Task force 1.1 (ASL software inventory)** has finalized the grading system to test the features of the pipelines and also identified the types of data that will be specifically used for the testing. The grading system has been tested internally and the team aims to launch the actual testing in October. - ---- - -**Task force 1.2 (DCE/DSC software inventory)** has created a [short survey](https://forms.gle/jiBk2bpnJboE42tq8). The purpose of the survey is to engage with potential software reviewers. - ---- - -**Task force 2.2 (ASL code repository)** is collecting code snippets of individual functions to develop an open-source library for ASL perfusion image analysis. Your open-source code snippets are highly needed. Please visit our [TF2.2 website](https://osipi.org/task-force-2-2/) for more information and/or contact the TF lead [Ananth Madhuranthakam](mailto:Ananth.Madhuranthakam@gmail.com). - ---- - -**Task force 2.3 (DCE/DSC code repository)** During the past three months, Taskforce 2.3 has been working on two interim objectives. For Deliverable #1 (November 2021), we are extending testing of contributed code to cover multiple areas of functionality, including concentration measurement and pharmacokinetic modelling. For Milestone #5 (August 2021), led by Michael Berks, the taskforce has agreed to develop its growing code collection into an integrated, extensible Python library, the design of which will be based on the perfusion lexicon developed by Taskforce 4.2. We are actively pursuing funding opportunities to support this objective. - ---- - -**Task force 3.1 (DROs and phantoms)** The big highlight for this Milestone is the creation of the new and much improved inventories, [version 2.0: Digital & physical phantom inventory and Collaboration Inventory](https://aot.github.io/osipi_inventories/), that are now consistent with the ISMRM's MR-hub. - ---- - -**Task force 3.2 (Data sharing)** is preparing for sharing 2 datasets by November: one original dataset of mice data, and one dataset of parametric maps for an existing ProstateX imaging collection. - ---- - -**Task force 4.1 (ASL lexicon)** has received feedback from experts in the field, as well as the MRI vendors, on the draft of "Arterial Spin Labeling perfusion imaging and analysis lexicon and reporting recommendations (v0.1)". TF members are currently working to integrate those feedback into the draft document, aiming the publication of v0.2 for wider public feedback. Please find the draft document [here](https://docs.google.com/document/d/e/2PACX-1vQPhnYciWScZ2vqjzBWUO72gXKKD2UA95q081OA7-2dnLiy9kOimXq1axA7E7xRxbZOmJAb9vMDZ_-D/pub). A feedback request will be sent to the OSIPI & perfusion study group mailing list, including instructions for feedback submission. - ---- - -**Task force 4.2 (DCE/DSC lexicon)** update coming! - ---- - -**Task force 6.1 (ASL challenges)** The OSIPI ASL Challenge is still open for registration! We are interested in optimal ASL analysis workflows and want to track the ASL research activity all over the world, and of course, to motivate more and more people to dive into the ASL world. If you work with ASL MRI, or you know anybody else who works, come join us and have fun analyzing ASL MRI. Keep in mind that we are seeking for robust and reproducible pipelines, while open science is highly encouraged. Pleases register from [here](https://challenge.ismrm.org/forums/topic/osipi-asl-challenge/). - - - ---- - -**Task force 6.2 (DCE/DSC challenges)** Task Force 6.2 (OSIPI-DCE challenge) is accepting submissions from [here](https://challenge.ismrm.org/forums/topic/osipi-dce-challenge/). The interested teams are encouraged to submit their results before October 2021, to be included as co-authors on our abstract on the preliminary results of the challenge to be submitted in November to the ISMRM 2022 conference. - ---- - - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) diff --git a/_posts/2022-04-12-newsletter-12.md b/_posts/2022-04-12-newsletter-12.md deleted file mode 100644 index 1bc33894..00000000 --- a/_posts/2022-04-12-newsletter-12.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -layout: page -title: "12 April 2022: the final leap" -teaser: "OSIPI's 1st 2-year cycle is approaching to end." -comments: false -categories: - - newsletter ---- - -Interested in what we've been up to for the past 2 years? Come check out our work at ISMRM this year in London. This is a great opportunity to chat about what we may do next and how you can get involved in the next 2 year cycle starting later this year! - -**Monday, 09 May** - -**The Open Science Initiative for Perfusion Imaging (OSIPI): Early Results from the DCE-MRI Challenge** by Task Force 6.2 [(DCE/DSC challenges)](https://osipi.org/task-force-6-2/), Oral (09:15) - -**Open Science Initiative for Perfusion Imaging (OSIPI): DCE/DSC lexicon for reporting perfusion analysis pipelines** by Task Force 4.2 [(DCE/DSC lexicon)](https://osipi.org/task-force-4-2/), Digital Poster (09:15-10:15) - -**Open Science Initiative for Perfusion Imaging (OSIPI): Arterial Spin Labeling Imaging and Analysis Lexicon and Reporting Recommendations** by Task Force 4.1 [(ASL lexicon)](https://osipi.org/task-force-4-1/), Digital Poster (10:15-11:15) - -**The Open Science Initiative for Perfusion Imaging (OSIPI): Results from the ASL MRI Challenge** by Task Force 6.1 [(ASL challenges)](https://osipi.org/task-force-6-1/), Digital Poster (10:15-11:15) - - -**Thursday, 12 May** - -**Open Science Initiative for Perfusion Imaging (OSIPI): A community-led, open-source code library for analysis of DCE/DSC-MRI** by Task Force 2.3 [(DCE/DSC code repository)](https://osipi.org/task-force-2-3/), Digital Poster (14:45) - ---- - -As the final deliverable from our 2-year activities, we are aiming to submit several manuscripts to MRM (tentative titles and submission categories) this summer: - -**OSIPI Leadership -** -The Open Science Initiative for Perfusion Imaging (OSIPI): a community supported initiative -(Letter to the editor) - -**Task force 1.1 (ASL software inventory) -** -The Open Science Initiative for Perfusion Imaging (OSIPI): ASL Pipleline inventory -(Research Article) - -**Task force 2.2 (ASL code repository) -** -The Open Science Initiative for Perfusion Imaging (OSIPI): ASL Code Library -(Research Article) - -**Task force 2.3 (DCE/DSC code repository) -** -The OSIPI community-led open-source code repository for analysis of DCE and DSC-MRA data -(Research Article) - -**Task force 4.1 (ASL lexicon) -** -ASL Lexicon and Reporting Recommendations: a consensus report from the Open Science Initiative for Perfusion Imaging (OSIPI) -(Guideline) - -**Task force 4.2 (DCE/DSC lexicon) -** -Open Science Initiative for Perfusion Imaging (OSIPI): DCE/DSC perfusion imaging lexicon and reporting guidelines -(Guideline) - -**Task force 6.1 (ASL challenges) -** -The Open Science Initiative for Perfusion Imaging (OSIPI) and ISMRM Arterial Spin Labeling MRI Challenge -(Research Article) - -**Task force 6.2 (DCE/DSC challenges) -** -The Open Science Initiative for Perfusion Imaging (OSIPI): Results from the ISMRM DCE Challenge -(Research Article) - - ---- - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) - diff --git a/_posts/2022-07-15-newsletter-13.md b/_posts/2022-07-15-newsletter-13.md deleted file mode 100644 index ffcabe6c..00000000 --- a/_posts/2022-07-15-newsletter-13.md +++ /dev/null @@ -1,74 +0,0 @@ ---- -layout: page -title: "15 July 2022: Let's wrap up the first roadmap" -teaser: "Challenge results and preparations for next roadmap " -comments: false -categories: - - newsletter ---- - -**Wrap up of 1st two-year roadmap** - -The first two-year roadmap has officially come to an end! -The taskforces are currently finalizing the manuscripts for MRM submission. - ---- - -**Recap of ISMRM** - -The ISMRM provided a good opportunity to show all the work that has been done in the past two years. -Five abstracts were presented at ISMRM! If you've missed out the talks or poster discussions, ISMRM2022 participants can still chek the presentations on the online platform (search term OSIPI). - -Here is some great feedback we received: -- "The more I learn about OSIPI, the more impressed I am" -- "OSIPI should be more involved with the Reproducibility Research Study Group" -- "the Reproducibility research study group typically hosts challenges as well, can future OSIPI challenges be broadcasted earlier through the RRSG?" -- "OSIPI needed more time during the study group for both updates and potential discussion" -- "When we submit consensus profiles (e.g. lexicons) we should ask MRM to require/"heavily encourage" future perfusion publications to use this lexicon. Maybe start off submitting as supplemental material?" -- "The structure of OSIPI is general to implement other initiatives. Would OSIPI consider branching out of perfusion?" -- "Maybe next year a MIS on open science initiatives?" - ---- -**OSIPI challenge winners** - -A huge thank you to everyone who submitted to and helped run the OSIPI challenges, it would not have been possible without you all. - -***ASL challenge (TF6.1)*** - -Winning submission details: -- Alexander Harms & Esther Bron - Erasmus MC. dept of Radiology and Nuclear Medicine, Rotterdam, the Netherlands -- Jack Toner & Jian Hu - Mental Health & Clinical Neurosciences, School of Medicine, University of Nottingham; Sir Peter Mansfield Imaging Centre, School of Medicine, University of Nottingham, United Kingdom -- Xin Zhang, Institute of Biomedical Engineering, Universtiy of Oxford - -***DCE challenge (TF6.2)*** - -We can now congratulate the top submissions DCE-NET, Madym, and PerfLab, which achieved the highest OSIPI gold scores of 78%, 73%, and 61%, respectively. - -Winning submission details: -- [DCE-NET](https://github.com/oliverchampion/DCENET): Pepijn Schouten & Oliver J. Gurney-Champion (Amsterdam UMC) -- [Madym](https://gitlab.com/manchester_qbi/manchester_qbi_public/osipi-dce-challenge): Michael Berks, Penny Cristinacce, Ross A. Little, Susan Cheung, James P.B. O'Connor & Geoff J.M. Parker (QBI Manchester) -- [PerfLab](http://perflab.cerit-sc.cz/): Radovan Jiřík, Ondřej Macíček, Michal Bartoš & Jiří Vitouš (Czech Academy of Sciences, ISI) - -___ - -**Next roadmap, get involved!** - -In the coming months we are going to prepare for the 2nd two-year roadmap. -We are planning to start with this roadmap in November 2022. -Also excited about this initiative? This is a great moment to get involved! Please get in contact. - ---- - -**Thanks Laura!** - -We want to thank Laura for her great leadership of last year! - ---- - - -OSIPI is now on [twitter](https://twitter.com/OSIPI_ISMRM)! - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) - diff --git a/_posts/2022-11-17-newsletter-14.md b/_posts/2022-11-17-newsletter-14.md deleted file mode 100644 index 76080871..00000000 --- a/_posts/2022-11-17-newsletter-14.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -layout: page -title: "17 Nov 2022: Join OSIPI!" -teaser: "Join OSIPI’s second Roadmap!" -comments: false -categories: - - newsletter ---- - -**Get involved in the next phase of OSIPI** - -If you want to help improve the reproducibility of MRI perfusion research, look no further. -The Open Science Initiative for Perfusion Imaging (OSIPI) is an MRI perfusion community that creates open access code and data resources, harmonizes acquisition and processing nomenclature, organizes challenges, and will work on teaching. -The first roadmap (2020-2022) was quite successful with 7 manuscripts ready for submission to MRM. - -We are now creating the next OSIPI roadmap (2023-2025), for which we are looking for new members. -Even if you have only a little bit of time, your efforts are very much welcome! -If you have experience with perfusion MRI or are a research software engineer with an interest in open science projects, please consider joining us for the next roadmap. We are open for researchers at all stages of their careers. -Please visit www.osipi.org or e-mail us for more information; also when you’re just exploring your options. - -Looking forward to welcoming those with OSIPI DNA! - - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) - -Petra (p.v.houdt@nki.nl ) -Yuriko (yuriko.suzuki@ndcn.ox.ac.uk ) -Henk (h.j.mutsaerts@amsterdamumc.nl) -[twitter](https://twitter.com/OSIPI_ISMRM) \ No newline at end of file diff --git a/_posts/2023-04-05-newsletter-15.md b/_posts/2023-04-05-newsletter-15.md deleted file mode 100644 index 1931878a..00000000 --- a/_posts/2023-04-05-newsletter-15.md +++ /dev/null @@ -1,40 +0,0 @@ ---- -layout: page -title: "5 April 2023: Join OSIPI!" -teaser: "Second Roadmap has started" -comments: false -categories: - - newsletter ---- - -**Start of the second Roadmap** - -In February 2023 we started with our second [roadmap](https://docs.google.com/document/d/e/2PACX-1vQqOATrWE2COIXq4qTkEe1Bix26GVr_-YTKUJbevCPXXFJf_nMKH3_Nw3DMsY2BcZHPKBG3EOg4SU4r/pub). -In the coming two years we will build further on the successes of the first roadmap. -The general aim is to make the resources more accessible and user-friendly and/or extend them to non-brain and non-human applications. -Three new taskforces have started: -- TF2.4 IVIM code library: set-up a code library for intravoxel-incoherent motion imaging (IVIM) -- TF5.1 Website and technical support: improve user experience of OSIPIs website -- TF5.2 Education: create educational resources for learning scientists and clinicians - ---- -**Redesign of our website** - -Our website will move and be redesigned to improve user experience. -So www.osipi.org will not be maintained at the moment. Please stay tuned for updates! - ---- -**Get involved in the next phase of OSIPI** - -With the start of the new roadmap, it is a good moment to join us on this adventure and expand your network within this motivating and inclusive community. Even if you have only a little bit of time, your expertise and efforts are very much welcome! - -Each task force (TF) summarized what they will work on and what expertise they are looking for. -Please have a look [here](https://docs.google.com/document/d/e/2PACX-1vQcAZ5g5WMoseq36-zSTXoV--kMdC4AyvPmbtx3vMS6_293NT9N2pmI9rli4QSfxqXg5j3kb_vUu5H_/pub ) and contact us if you are interested! - ---- - -Best wishes, - -The OSIPI [Executive & Management Board](https://www.osipi.org/emb/) - -[twitter](https://twitter.com/OSIPI_ISMRM) \ No newline at end of file diff --git a/_posts/2023-07-31-newsletter_16.md b/_posts/2023-07-31-newsletter_16.md deleted file mode 100644 index 1af1b972..00000000 --- a/_posts/2023-07-31-newsletter_16.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -layout: page -title: "31 July 2023: 1st milestones from 2nd roadmap achieved!" -teaser: "OSIPI task forces have delivered their first milestones." -comments: false -categories: - - newsletter ---- - -Dear colleagues, - -OSIPI task forces have delivered their 1st milestones from our 2nd two-year roadmap! Here are the highlights: - -**Task force 1.1 (ASL software inventory)** has submitted a journal paper and is currently revising it; the paper summarizes the activities of the TF1.1 during the first 2 years and will serve as a resource for new ASL researchers to select the optimal pipeline for processing ASL data. - -**Task force 2.2 (ASL software contributions)** sent out a targeted call for preclinical and non-brain processing code. If you are interested in our work, please join our team! - -**Task force 2.3 (DSC/DCE software contributions)** defined the scope for the analysis pipeline that we want to build based on exisiting code contributions, including CAPLEX notation (TF4.2). In parallel with this, we've been documenting the code that we already have, labelling it with the CAPLEX notation so that we know what functionality we have immediately available. - -**Task force 2.4 (IVIM code contribution)** has been extended to 8 members. A GitHub repository has been launched: [OSIPI TF2.4: IVIM MRI code collection.](https://github.com/OSIPI/TF2.4_IVIM-MRI_CodeCollection) -If you have any (python) IVIM code, please consider contributing to our efforts. -We have made a start with writing Unit Tests and creating phantom data for testing purposes. - -**Task force 3.1 (DRO's and phantoms)** TF3.1 have been firming up the possible routes for how to develop a unified digital reference object for perfusion MRI, by researching what has already been done before in the areas of perfusion models, open data sets, and MRI acquisition simulations. We have also got access the DCE/DSC challenge DRO from the previous OSIPI cycle, and are looking into how to incorporate these models. Finally, we have had a good number of people get in touch to find out more about the taskforce, with a view to joining, and are always happy to have more join. In particular, if you are a python wizard, or just keen to learn we need a software lead, and also anyone who can contribute data that we can use to make population based perfusion templates. - -**Task force 4.1 (ASL lexicon)** has contacted with ISMRT leadership team to launch a poll to assess the needs of the radiographers regarding ASL tutorial videos. We are also actively involved in task force 5.2 to ensure harmonization of format/style and delineate the topics to be covered in the tutorial videos. Contact has been made with task force 5.1 (website) to initiate the transfer of the ASL lexicon from Google Docs to the official OSIPI website. - -**Task force 4.2 (DCE/DSC lexicon)** has been working on adding documentation to the CAPLEX Github page so that it is clear how to edit (or suggest) edits to the CAPLEX webpage. Some additional content to CAPLEX website has been migrated from the google docs. Full migration is almost complete. Educational resources are being developed in collaboration with the education task force which will result in 1-2 videos on DCE\DSC for the webpage. - -**Task force 5.1 (Website and technical support)** is busy with the migration and redesigning of content from osipi.github.io to osipi.ismrm.org. The basic assets are now available from the new website. Taskforce pages are under construction. We are collaborating with other Task Forces to discuss how we can integrate their resources on the website. - -**Task force 5.2 (Education)** has nearly completed a reading list of essential articles for new investigators in perfusion MRI (ASL, DCE, and DSC). The task force is also working on a series of tutorial videos. These include the following subjects: (1) The basics and motivation of perfusion imaging,(2) the physics of arterial spin labeling, (3) the physics of DSC , (4) the physics of DCE, and (5) how to run perfusion scans: a technician's point of view. The task force has nearly completed the scripts for three of these videos and is in the process of gathering graphics and animations to complete the videos. - -**Task force 6.1 (ASL challenges)** have discussed the general framework for this roadmap of the ASL challenge, but we didn't finish drafting it yet. We will push some effort to finish that this month. - -**Task force 6.2 (DSC/DCE challenges)** has collected a test-retest data set that includes 14 cases of pelvic volunteer images. The image data set includes inversion recovery images for T1 mapping and DCE MRI data. We are currently designing the challenge outline. - - - -Best wishes, -Yuriko, Petra, and Ben diff --git a/_sass/_01_settings_colors.scss b/_sass/_01_settings_colors.scss deleted file mode 100644 index aa8e9a2f..00000000 --- a/_sass/_01_settings_colors.scss +++ /dev/null @@ -1,162 +0,0 @@ -@charset "utf-8"; -/* TOC – Color Variables - -- Basics -- Corporate Identity Colorpalette -- Foundation Color Variables -- Grey Scale -- Topbar-Navigation -- Footer -- Code - -*/ - - - -/* Basics -------------------------------------------------------------------- */ - -$text-color: #111; -$body-font-color: $text-color; -$body-bg: #fdfdfd; - - - -/* Corporate Identity Colorpalette - https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/ -------------------------------------------------------------------- */ - -// $ci-1: #334D5C; // dark turquoise -// $ci-2: #45B29D; // turquoise -// $ci-3: #EFC94C; // yellow -// $ci-4: #E27A3F; // orange -// $ci-5: #DF4949; // red -// $ci-6: #A1D044; // green - - -$ci-1: #334D5C; // dark turquoise -$ci-2: #45B29D; // turquoise -$ci-3: #EFC94C; // yellow -$ci-4: #E27A3F; // orange -$ci-5: #792A8A; // OSIPI-purple -$ci-6: #F1625B; // OSIPI-red - - - -/* Foundation Color Variables -------------------------------------------------------------------- */ - -$primary-color: $ci-1; -$secondary-color: $ci-6; -$alert-color: $ci-5; -$success-color: $ci-6; -$warning-color: $ci-4; -$info-color: $ci-1; - - - -/* Grey Scale -------------------------------------------------------------------- */ - -$just-white: #fff; -$grey-1: #E4E4E4; -$grey-2: #D7D7D7; -$grey-3: #CBCBCB; -$grey-4: #BEBEBE; -$grey-5: #A4A4A4; -$grey-6: #979797; -$grey-7: #8B8B8B; -$grey-8: #7E7E7E; -$grey-9: #646464; -$grey-10: #575757; -$grey-11: #4B4B4B; -$grey-12: #3E3E3E; -$grey-13: #313131; -$grey-14: #242424; -$grey-15: #171717; -$grey-16: #0B0B0B; - - - -/* Topbar-Navigation -------------------------------------------------------------------- */ - -$topbar-bg-color: $grey-1; -$topbar-bg: $topbar-bg-color; - - -$topbar-dropdown-toggle-color: $ci-1; - -$topbar-link-color: #000; -$topbar-link-color-hover: #000; -$topbar-link-color-active: #000; -$topbar-link-color-active-hover: #000; - -$topbar-dropdown-label-color: $grey-1; -$topbar-dropdown-link-bg-hover: $ci-6; - -$topbar-link-bg-active: $ci-6; // Active Navigation Link -$topbar-link-bg-hover: $ci-6; -$topbar-link-bg-active-hover: $grey-1; - - -$topbar-dropdown-bg: $grey-1; // Background Mobile Navigation -$topbar-dropdown-link-color: #000; -$topbar-dropdown-link-bg: $grey-1; - -$topbar-menu-link-color-toggled: $ci-1; -$topbar-menu-icon-color-toggled: $ci-1; -$topbar-menu-link-color: #000; -$topbar-menu-icon-color: #000; -$topbar-menu-link-color-toggled: $ci-6; -$topbar-menu-icon-color-toggled: $ci-6; - - - -/* Footer -------------------------------------------------------------------- */ - -$footer-bg: $grey-13; -$footer-color: #fff; -$footer-link-color: $grey-3; - - -$subfooter-bg: $grey-13; -$subfooter-color: $grey-8; -$subfooter-link-color: $grey-8; - - - -/* Code -------------------------------------------------------------------- */ - -$code-background-color: scale-color($secondary-color, $lightness: 70%); - -$highlight-background: #ffffff; -$highlight-comment: #999988; -$highlight-error: #a61717; -$highlight-comment-special: #999999; -$highlight-deleted: #000000; -$highlight-error-2: #aa0000; -$highlight-literal-string: #d14; -$highlight-literal-number: #009999; -$highlight-name-attribut: #008080; -$highlight-error-background: #e3d2d2; -$highlight-generic-deleted: #ffdddd; -$highlight-generic-deleted-specific: #ffaaaa; -$highlight-generic-inserted: #ddffdd; -$highlight-generic-inserted-specific: #aaffaa; -$highlight-generic-output: #888888; -$highlight-generic-prompt: #555555; -$highlight-subheading: #aaaaaa; -$highlight-keyword-type: #445588; -$highlight-name-builtin: #0086B3; -$highlight-name-class: #445588; -$highlight-name-entity: #800080; -$highlight-name-exception: #990000; -$highlight-name-function: #990000; -$highlight-name-namespace: #555555; -$highlight-name-tag: #000080; -$highlight-text-whitespace: #bbbbbb; -$highlight-literal-string-regex: #009926; -$highlight-literal-string-symbol: #990073; diff --git a/_sass/_02_settings_typography.scss b/_sass/_02_settings_typography.scss deleted file mode 100644 index 39b877f7..00000000 --- a/_sass/_02_settings_typography.scss +++ /dev/null @@ -1,60 +0,0 @@ -@charset "utf-8"; -/* TOC – Typography variables - -Modular Scale › http://www.modularscale.com//?16,36&px&1.25&web&table - -- Fonts -- Font Weight -- Font Size Variables - -*/ - -@import "functions"; // Allows the use of rem-calc() or lower-bound() in your settings - - - -/* Fonts -------------------------------------------------------------------- */ - -$base-font-size: 16px; -$rem-base: $base-font-size; -// $base-line-height is 24px while $base-font-size is 16px -$base-line-height: 1.5 !default; - - -$font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; -$font-family-serif: "Volkhov", Georgia, Times, serif; -$font-family-monospace: "Lucida Console", Monaco, monospace; - -$body-font-family: $font-family-sans-serif; -$body-font-weight: normal; -$body-font-style: normal; - -$header-font-family: $font-family-serif; - - - -/* Font Weight -------------------------------------------------------------------- */ - -$font-weight-normal: normal; -$font-weight-bold: bold; - - - -/* Font Size Variables -------------------------------------------------------------------- */ - -$font-size-p: $base-font-size; -$font-size-h1: 2.441em; -$font-size-h2: 1.953em; -$font-size-h3: 1.563em; -$font-size-h4: 1.25em; -$font-size-h5: 1.152em; -$font-size-small: 0.8em; - -.font-size-h1 { font-size: $font-size-h1; } -.font-size-h2 { font-size: $font-size-h2; } -.font-size-h3 { font-size: $font-size-h3; } -.font-size-h4 { font-size: $font-size-h4; } -.font-size-h5 { font-size: $font-size-h5; } diff --git a/_sass/_03_settings_mixins_media_queries.scss b/_sass/_03_settings_mixins_media_queries.scss deleted file mode 100644 index 3f971f3a..00000000 --- a/_sass/_03_settings_mixins_media_queries.scss +++ /dev/null @@ -1,433 +0,0 @@ -@charset "utf-8"; -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// -// Foundation Variables -// - -// Data attribute namespace -// styles get applied to [data-mysite-plugin], etc -$namespace: false !default; - -// The default font-size is set to 100% of the browser style sheet (usually 16px) -// for compatibility with browser-based text zoom or user-set defaults. - -// Since the typical default browser font-size is 16px, that makes the calculation for grid size. -// If you want your base font-size to be different and not have it affect the grid breakpoints, -// set $rem-base to $base-font-size and make sure $base-font-size is a px value. -$base-font-size: 100% !default; - - - -// -// Global Foundation Mixins -// - -// @mixins -// -// We use this to control border radius. -// $radius - Default: $global-radius || 4px -@mixin radius($radius:$global-radius) { - @if $radius { - border-radius: $radius; - } -} - -// @mixins -// -// We use this to create equal side border radius on elements. -// $side - Options: left, right, top, bottom -@mixin side-radius($side, $radius:$global-radius) { - @if ($side == left or $side == right) { - -webkit-border-bottom-#{$side}-radius: $radius; - -webkit-border-top-#{$side}-radius: $radius; - border-bottom-#{$side}-radius: $radius; - border-top-#{$side}-radius: $radius; - } @else { - -webkit-#{$side}-left-radius: $radius; - -webkit-#{$side}-right-radius: $radius; - border-#{$side}-left-radius: $radius; - border-#{$side}-right-radius: $radius; - } -} - -// @mixins -// -// We can control whether or not we have inset shadows edges. -// $active - Default: true, Options: false -@mixin inset-shadow($active:true) { - box-shadow: $shiny-edge-size $shiny-edge-color inset; - - @if $active { &:active { - box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } } -} - -// @mixins -// -// We use this to add transitions to elements -// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties -// $speed - Default: 300ms -// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/ -@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) { - transition: $property $speed $ease; -} - -// @mixins -// -// We use this to add box-sizing across browser prefixes -@mixin box-sizing($type:border-box) { - -webkit-box-sizing: $type; // Android < 2.3, iOS < 4 - -moz-box-sizing: $type; // Firefox < 29 - box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1 -} - -// @mixins -// -// We use this to create isosceles triangles -// $triangle-size - Used to set border-size. No default, set a px or em size. -// $triangle-color - Used to set border-color which makes up triangle. No default -// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right -@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { - content: ""; - display: block; - width: 0; - height: 0; - border: inset $triangle-size; - @if ($triangle-direction == top) { - border-color: $triangle-color transparent transparent transparent; - border-top-style: solid; - } - @if ($triangle-direction == bottom) { - border-color: transparent transparent $triangle-color transparent; - border-bottom-style: solid; - } - @if ($triangle-direction == left) { - border-color: transparent transparent transparent $triangle-color; - border-left-style: solid; - } - @if ($triangle-direction == right) { - border-color: transparent $triangle-color transparent transparent; - border-right-style: solid; - } -} - -// @mixins -// -// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon -// $width - Width of hamburger icon in rem -// $left - If false, icon will be centered horizontally || explicitly set value in rem -// $top - If false, icon will be centered vertically || explicitly set value in rem -// $thickness - thickness of lines in hamburger icon, set value in px -// $gap - spacing between the lines in hamburger icon, set value in px -// $color - icon color -// $hover-color - icon color during hover -// $offcanvas - Set to true of @include in offcanvas -@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) { - span::after { - content: ""; - position: absolute; - display: block; - height: 0; - - @if $offcanvas { - @if $top { - top: $top; - } - @else { - top: 50%; - margin-top: (-$width/2); - } - @if $left { - left: $left; - } - @else { - left: ($tabbar-menu-icon-width - $width)/2; - } - } - @else { - top: 50%; - margin-top: -($width/2); - #{$opposite-direction}: $topbar-link-padding; - } - - box-shadow: - 0 0 0 $thickness $color, - 0 $gap + $thickness 0 $thickness $color, - 0 (2 * $gap + 2*$thickness) 0 $thickness $color; - width: $width; - } - span:hover:after { - box-shadow: - 0 0 0 $thickness $hover-color, - 0 $gap + $thickness 0 $thickness $hover-color, - 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color; - } -} - -// We use this to do clear floats -@mixin clearfix { - &:before, &:after { content: " "; display: table; } - &:after { clear: both; } -} - -// @mixins -// -// We use this to add a glowing effect to block elements -// $selector - Used for selector state. Default: focus, Options: hover, active, visited -// $fade-time - Default: 300ms -// $glowing-effect-color - Default: fade-out($primary-color, .25) -@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) { - transition: box-shadow $fade-time, border-color $fade-time ease-in-out; - - &:#{$selector} { - box-shadow: 0 0 5px $glowing-effect-color; - border-color: $glowing-effect-color; - } -} - -// @mixins -// -// We use this to translate elements in 2D -// $horizontal: Default: 0 -// $vertical: Default: 0 -@mixin translate2d($horizontal:0, $vertical:0) { - transform: translate($horizontal,$vertical) -} - -// @mixins -// -// Makes an element visually hidden, but accessible. -// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility -@mixin element-invisible { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); -} - -// @mixins -// -// Turns off the element-invisible effect. -@mixin element-invisible-off { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; -} - - -// We use these to control text direction settings -$text-direction: ltr !default; -$default-float: left !default; -$opposite-direction: right !default; -@if $text-direction == ltr { - $default-float: left; - $opposite-direction: right; -} @else { - $default-float: right; - $opposite-direction: left; -} - -// We use these to control inset shadow shiny edges and depressions. -$shiny-edge-size: 0 1px 0 !default; -$shiny-edge-color: rgba(#fff, .5) !default; -$shiny-edge-active-color: rgba(#000, .2) !default; - -// We use this to control whether or not CSS classes come through in the gem files. -$include-html-classes: true !default; -$include-print-styles: true !default; -$include-html-global-classes: $include-html-classes !default; - -$column-gutter: rem-calc(30) !default; - - - - -// d. Media Query Ranges -// - - - - - - - - - - - - - - - - - - - - - - - - - - -$small-range: (0em, 40em); -$medium-range: (40.063em, 64em); -$large-range: (64.063em, 90em); -$xlarge-range: (90.063em, 120em); -$xxlarge-range: (120.063em, 99999999em); - - -$screen: "only screen" !default; - -$landscape: "#{$screen} and (orientation: landscape)" !default; -$portrait: "#{$screen} and (orientation: portrait)" !default; - -$small-up: $screen !default; -$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; - -$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default; -$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default; - -$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default; -$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default; - -$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default; -$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default; - -$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default; -$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default; - -// Legacy -$small: $medium-up; -$medium: $medium-up; -$large: $large-up; - -//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet -$cursor-auto-value: auto !default; -$cursor-crosshair-value: crosshair !default; -$cursor-default-value: default !default; -$cursor-pointer-value: pointer !default; -$cursor-help-value: help !default; -$cursor-text-value: text !default; - - -@include exports("global") { - - // Meta styles are included in all builds, as they are a dependancy of the Javascript. - // Used to provide media query values for javascript components. - // Forward slash placed around everything to convince PhantomJS to read the value. - - meta.foundation-version { - font-family: "/5.5.0/"; - } - - meta.foundation-mq-small { - font-family: "/" + unquote($small-up) + "/"; - width: lower-bound($small-range); - } - - meta.foundation-mq-small-only { - font-family: "/" + unquote($small-only) + "/"; - width: lower-bound($small-range); - } - - meta.foundation-mq-medium { - font-family: "/" + unquote($medium-up) + "/"; - width: lower-bound($medium-range); - } - - meta.foundation-mq-medium-only { - font-family: "/" + unquote($medium-only) + "/"; - width: lower-bound($medium-range); - } - - meta.foundation-mq-large { - font-family: "/" + unquote($large-up) + "/"; - width: lower-bound($large-range); - } - - meta.foundation-mq-large-only { - font-family: "/" + unquote($large-only) + "/"; - width: lower-bound($large-range); - } - - meta.foundation-mq-xlarge { - font-family: "/" + unquote($xlarge-up) + "/"; - width: lower-bound($xlarge-range); - } - - meta.foundation-mq-xlarge-only { - font-family: "/" + unquote($xlarge-only) + "/"; - width: lower-bound($xlarge-range); - } - - meta.foundation-mq-xxlarge { - font-family: "/" + unquote($xxlarge-up) + "/"; - width: lower-bound($xxlarge-range); - } - - meta.foundation-data-attribute-namespace { - font-family: #{$namespace}; - } - - @if $include-html-global-classes { - - // Must be 100% for off canvas to work - html, body { height: 100%; } - - // Set box-sizing globally to handle padding and border widths - *, - *:before, - *:after { - @include box-sizing(border-box); - } - - html, - body { font-size: $base-font-size; } - - // Default body styles - body { - background: $body-bg; - color: $body-font-color; - padding: 0; - margin: 0; - font-family: $body-font-family; - font-weight: $body-font-weight; - font-style: $body-font-style; - line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150% - position: relative; - cursor: $cursor-auto-value; - } - - a:hover { cursor: $cursor-pointer-value; } - - // Grid Defaults to get images and embeds to work properly - img { max-width: 100%; height: auto; } - - img { -ms-interpolation-mode: bicubic; } - - #map_canvas, - .map_canvas { - img, - embed, - object { max-width: none !important; - } - } - - // Miscellaneous useful HTML classes - .left { float: left !important; } - .right { float: right !important; } - .clearfix { @include clearfix; } - - // Hide visually and from screen readers - .hide { - display: none !important; - visibility: hidden; - } - - // Hide visually and from screen readers, but maintain layout - .invisible { visibility: hidden; } - - // Font smoothing - // Antialiased font smoothing works best for light text on a dark background. - // Apply to single elements instead of globally to body. - // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac. - .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - - // Get rid of gap under images by making them display: inline-block; by default - img { - display: inline-block; - vertical-align: middle; - } - - // - // Global resets for forms - // - - // Make sure textarea takes on height automatically - textarea { height: auto; min-height: 50px; } - - // Make select elements 100% width by default - select { width: 100%; } - } -} diff --git a/_sass/_04_settings_global.scss b/_sass/_04_settings_global.scss deleted file mode 100644 index 3076ae7d..00000000 --- a/_sass/_04_settings_global.scss +++ /dev/null @@ -1,1450 +0,0 @@ -@charset "utf-8"; - -$spacing-unit: 30px; - - -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// - -// Table of Contents -// Foundation Settings -// -// a. Base -// b. Grid -// c. Global -// d. Media Query Ranges -// e. Typography -// 01. Accordion -// 02. Alert Boxes -// 03. Block Grid -// 04. Breadcrumbs -// 05. Buttons -// 06. Button Groups -// 07. Clearing -// 08. Dropdown -// 09. Dropdown Buttons -// 10. Flex Video -// 11. Forms -// 12. Icon Bar -// 13. Inline Lists -// 14. Joyride -// 15. Keystrokes -// 16. Labels -// 17. Magellan -// 18. Off-canvas -// 19. Orbit -// 20. Pagination -// 21. Panels -// 22. Pricing Tables -// 23. Progress Bar -// 24. Range Slider -// 25. Reveal -// 26. Side Nav -// 27. Split Buttons -// 28. Sub Nav -// 29. Switch -// 30. Tables -// 31. Tabs -// 32. Thumbnails -// 33. Tooltips -// 34. Top Bar -// 36. Visibility Classes - -// a. Base -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// This is the default html and body font-size for the base rem value. -// $rem-base: 16px; - -// Allows the use of rem-calc() or lower-bound() in your settings -@import "functions"; - -// The default font-size is set to 100% of the browser style sheet (usually 16px) -// for compatibility with browser-based text zoom or user-set defaults. - -// Since the typical default browser font-size is 16px, that makes the calculation for grid size. -// If you want your base font-size to be different and not have it affect the grid breakpoints, -// set $rem-base to $base-font-size and make sure $base-font-size is a px value. -// $base-font-size: 100%; - -$base-font-size: 16px; -$rem-base: $base-font-size; - - -// The $base-font-size is 100% while $base-line-height is 150% -// $base-line-height: 150%; - -// We use this to control whether or not CSS classes come through in the gem files. -$include-html-classes: true; -// $include-print-styles: true; -$include-html-global-classes: $include-html-classes; - -// b. Grid -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-grid-classes: $include-html-classes; -// $include-xl-html-grid-classes: false; - -// $row-width: rem-calc(1000); -// $total-columns: 12; -// $column-gutter: rem-calc(30); - -// c. Global -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// We use these to define default font stacks -// $font-family-sans-serif: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; -// $font-family-serif: "Volkhov", Georgia, Times, serif; -// $font-family-monospace: "Lucida Console", Monaco, monospace; - -// We use these to define default font weights -// $font-weight-normal: normal !default; -// $font-weight-bold: bold !default; - -// $white : #FFFFFF; -// $ghost : #FAFAFA; -// $snow : #F9F9F9; -// $vapor : #F6F6F6; -// $white-smoke : #F5F5F5; -// $silver : #EFEFEF; -// $smoke : #EEEEEE; -// $gainsboro : #DDDDDD; -// $iron : #CCCCCC; -// $base : #AAAAAA; -// $aluminum : #999999; -// $jumbo : #888888; -// $monsoon : #777777; -// $steel : #666666; -// $charcoal : #555555; -// $tuatara : #444444; -// $oil : #333333; -// $jet : #222222; -// $black : #000000; - -// We use these as default colors throughout -// $primary-color: #008CBA; -// $secondary-color: #e7e7e7; -// $alert-color: #f04124; -// $success-color: #43AC6A; -// $warning-color: #f08a24; -// $info-color: #a0d3e8; - -// We use these to control various global styles -// $body-bg: $white; -// $body-font-color: $jet; -// $body-font-family: $font-family-sans-serif; -// $body-font-weight: $font-weight-normal; -// $body-font-style: normal; - -// We use this to control font-smoothing -// $font-smoothing: antialiased; - -// We use these to control text direction settings -// $text-direction: ltr; -// $opposite-direction: right; -// $default-float: left; -// $last-child-float: $opposite-direction; - -// We use these to make sure border radius matches unless we want it different. -$global-radius: 3px; -// $global-rounded: 1000px; - -// We use these to control inset shadow shiny edges and depressions. -// $shiny-edge-size: 0 1px 0; -// $shiny-edge-color: rgba($white, .5); -// $shiny-edge-active-color: rgba($black, .2); - -// // d. Media Query Ranges -// // - - - - - - - - - - - - - - - - - - - - - - - - - - -// $small-range: (0em, 40em); -// $medium-range: (40.063em, 64em); -// $large-range: (64.063em, 90em); -// $xlarge-range: (90.063em, 120em); -// $xxlarge-range: (120.063em, 99999999em); - -// $screen: "only screen"; - -// // $landscape: "#{$screen} and (orientation: landscape)"; -// // $portrait: "#{$screen} and (orientation: portrait)"; - -// $small-up: $screen; -// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; - -// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; -// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; - -// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; -// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; - -// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; -// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; - -// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; -// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; - -// Legacy -// $small: $medium-up; -// $medium: $medium-up; -// $large: $large-up; - -// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet -// $cursor-crosshair-value: crosshair; -// $cursor-default-value: default; -// $cursor-pointer-value: pointer; -// $cursor-help-value: help; -// $cursor-text-value: text; - -// e. Typography -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-type-classes: $include-html-classes; - -// We use these to control header font styles -// $header-font-family: $font-family-serif; -// $header-font-weight: $font-weight-normal; -// $header-font-style: normal; -// $header-font-color: $jet; -// $header-line-height: 1.4; -// $header-top-margin: .2rem; -// $header-bottom-margin: .5rem; -// $header-text-rendering: optimizeLegibility; - -// We use these to control header font sizes -// $h1-font-size: rem-calc(54); -// $h2-font-size: rem-calc(36); -// $h3-font-size: rem-calc(29); -// $h4-font-size: rem-calc(24); -// $h5-font-size: rem-calc(19); -// $h6-font-size: 1rem; - -// We use these to control header size reduction on small screens -// $h1-font-reduction: rem-calc(10) !default; -// $h2-font-reduction: rem-calc(10) !default; -// $h3-font-reduction: rem-calc(5) !default; -// $h4-font-reduction: rem-calc(5) !default; -// $h5-font-reduction: 0 !default; -// $h6-font-reduction: 0 !default; - -// These control how subheaders are styled. -// $subheader-line-height: 1.4; -// $subheader-font-color: scale-color($header-font-color, $lightness: 35%); -// $subheader-font-weight: $font-weight-normal; -// $subheader-top-margin: .2rem; -// $subheader-bottom-margin: .5rem; - -// A general styling -// $small-font-size: 60%; -// $small-font-color: scale-color($header-font-color, $lightness: 35%); - -// We use these to style paragraphs -// $paragraph-font-family: inherit; -// $paragraph-font-weight: $font-weight-normal; -// $paragraph-font-size: 1rem; -// $paragraph-line-height: 1.6; -// $paragraph-margin-bottom: rem-calc(20); -// $paragraph-aside-font-size: rem-calc(14); -// $paragraph-aside-line-height: 1.35; -// $paragraph-aside-font-style: italic; -// $paragraph-text-rendering: optimizeLegibility; - -// We use these to style tags -// $code-color: $oil; -// $code-font-family: $font-family-monospace; -// $code-font-weight: $font-weight-normal; -// $code-background-color: scale-color($secondary-color, $lightness: 70%); -// $code-border-size: 1px; -// $code-border-style: solid; -// $code-border-color: scale-color($code-background-color, $lightness: -10%); -// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1); - -// We use these to style anchors -// $anchor-text-decoration: none; -// $anchor-text-decoration-hover: none; -// $anchor-font-color: $primary-color; -// $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%); - -// We use these to style the
element -// $hr-border-width: 1px; -// $hr-border-style: solid; -$hr-border-color: $grey-3; -// $hr-margin: rem-calc(20); - -// We use these to style lists -// $list-font-family: $paragraph-font-family; -// $list-font-size: $paragraph-font-size; -// $list-line-height: $paragraph-line-height; -// $list-margin-bottom: $paragraph-margin-bottom; -// $list-style-position: outside; -$list-side-margin: 1.3rem; -// $list-ordered-side-margin: 1.4rem; -// $list-side-margin-no-bullet: 0; -// $list-nested-margin: rem-calc(20); -// $definition-list-header-weight: $font-weight-bold; -// $definition-list-header-margin-bottom: .3rem; -// $definition-list-margin-bottom: rem-calc(12); - -// We use these to style blockquotes -// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); -// $blockquote-padding: rem-calc(9 20 0 19); -// $blockquote-border: 1px solid $gainsboro; -// $blockquote-cite-font-size: rem-calc(13); -// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); -// $blockquote-cite-link-color: $blockquote-cite-font-color; - -// Acronym styles -// $acronym-underline: 1px dotted $gainsboro; - -// We use these to control padding and margin -// $microformat-padding: rem-calc(10 12); -// $microformat-margin: rem-calc(0 0 20 0); - -// We use these to control the border styles -// $microformat-border-width: 1px; -// $microformat-border-style: solid; -// $microformat-border-color: $gainsboro; - -// We use these to control full name font styles -// $microformat-fullname-font-weight: $font-weight-bold; -// $microformat-fullname-font-size: rem-calc(15); - -// We use this to control the summary font styles -// $microformat-summary-font-weight: $font-weight-bold; - -// We use this to control abbr padding -// $microformat-abbr-padding: rem-calc(0 1); - -// We use this to control abbr font styles -// $microformat-abbr-font-weight: $font-weight-bold; -// $microformat-abbr-font-decoration: none; - -// 01. Accordion -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-accordion-classes: $include-html-classes; - -$accordion-navigation-padding: rem-calc(12); -// $accordion-navigation-bg-color: #ffffff; -// $accordion-navigation-hover-bg-color: $grey-1; -// $accordion-navigation-active-bg-color: $grey-1; -// $accordion-navigation-font-color: $jet; -// $accordion-navigation-font-size: rem-calc(16); -// $accordion-navigation-font-family: $body-font-family; - -// $accordion-content-padding: $column-gutter/2; -$accordion-content-active-bg-color: $body-bg; - -// 02. Alert Boxes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-alert-classes: $include-html-classes; - -// We use this to control alert padding. -// $alert-padding-top: rem-calc(14); -// $alert-padding-default-float: $alert-padding-top; -// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); -// $alert-padding-bottom: $alert-padding-top; - -// We use these to control text style. -// $alert-font-weight: $font-weight-normal; -$alert-font-size: rem-calc(15); -// $alert-font-color: $white; -// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); - -// We use this for close hover effect. -// $alert-function-factor: -14%; - -// We use these to control border styles. -// $alert-border-style: solid; -// $alert-border-width: 1px; -// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); -// $alert-bottom-margin: rem-calc(20); - -// We use these to style the close buttons -// $alert-close-color: $oil; -// $alert-close-top: 50%; -// $alert-close-position: rem-calc(4); -// $alert-close-font-size: rem-calc(22); -// $alert-close-opacity: 0.3; -// $alert-close-opacity-hover: 0.5; -// $alert-close-padding: 9px 6px 4px; - -// We use this to control border radius -// $alert-radius: $global-radius; - -// We use this to control transition effects -// $alert-transition-speed: 300ms; -// $alert-transition-ease: ease-out; - -// 03. Block Grid -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-block-grid-classes: $include-html-classes; -// $include-xl-html-block-grid-classes: false; - -// We use this to control the maximum number of block grid elements per row -// $block-grid-elements: 12; -// $block-grid-default-spacing: rem-calc(20); -// $align-block-grid-to-grid: false; - -// Enables media queries for block-grid classes. Set to false if writing semantic HTML. -// $block-grid-media-queries: true; - -// 04. Breadcrumbs -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use this to set the background color for the breadcrumb container. -$crumb-bg: $grey-1; - -// We use these to set the padding around the breadcrumbs. -// $crumb-padding: rem-calc(9 9 14 0); -// $crumb-side-padding: rem-calc(12); - -// We use these to control border styles. -// $crumb-function-factor: -10%; -$crumb-border-size: 0; -// $crumb-border-style: solid; -$crumb-border-color: $grey-1; -$crumb-radius: 0; - -// We use these to set various text styles for breadcrumbs. -// $crumb-font-size: rem-calc(11); -// $crumb-font-color: $primary-color; -// $crumb-font-color-current: $oil; -// $crumb-font-color-unavailable: $aluminum; -// $crumb-font-transform: uppercase; -// $crumb-link-decor: underline; - -// We use these to control the slash between breadcrumbs -// $crumb-slash-color: $base; -$crumb-slash: "/"; - -// 05. Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to build padding for buttons. -// $button-tny: rem-calc(10); -// $button-sml: rem-calc(14); -// $button-med: rem-calc(16); -// $button-lrg: rem-calc(18); - -// We use this to control the display property. -// $button-display: inline-block; -// $button-margin-bottom: rem-calc(20); - -// We use these to control button text styles. -// $button-font-family: $body-font-family; -// $button-font-color: $white; -// $button-font-color-alt: $oil; -// $button-font-tny: rem-calc(11); -// $button-font-sml: rem-calc(13); -// $button-font-med: rem-calc(16); -// $button-font-lrg: rem-calc(20); -// $button-font-weight: $font-weight-normal; -// $button-font-align: center; - -// We use these to control various hover effects. -// $button-function-factor: -20%; - -// We use these to control button border and hover styles. -// $button-border-width: 0px; -// $button-border-style: solid; -// $button-bg-color: $primary-color; -// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor); -// $button-border-color: $button-bg-hover; -// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor); -// $secondary-button-border-color: $secondary-button-bg-hover; -// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor); -// $success-button-border-color: $success-button-bg-hover; -// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor); -// $alert-button-border-color: $alert-button-bg-hover; - -// We use this to set the default radius used throughout the core. -// $button-radius: $global-radius; -// $button-round: $global-rounded; - -// We use this to set default opacity and cursor for disabled buttons. -// $button-disabled-opacity: 0.7; -// $button-disabled-cursor: $cursor-default-value; - -// 06. Button Groups -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// Sets the margin for the right side by default, and the left margin if right-to-left direction is used -// $button-bar-margin-opposite: rem-calc(10); -// $button-group-border-width: 1px; - -// 07. Clearing -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-clearing-classes: $include-html-classes; - -// We use these to set the background colors for parts of Clearing. -// $clearing-bg: $oil; -// $clearing-caption-bg: $clearing-bg; -// $clearing-carousel-bg: rgba(51,51,51,0.8); -// $clearing-img-bg: $clearing-bg; - -// We use these to style the close button -// $clearing-close-color: $iron; -// $clearing-close-size: 30px; - -// We use these to style the arrows -// $clearing-arrow-size: 12px; -// $clearing-arrow-color: $clearing-close-color; - -// We use these to style captions -// $clearing-caption-font-color: $iron; -// $clearing-caption-font-size: 0.875em; -// $clearing-caption-padding: 10px 30px 20px; - -// We use these to make the image and carousel height and style -// $clearing-active-img-height: 85%; -// $clearing-carousel-height: 120px; -// $clearing-carousel-thumb-width: 120px; -// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); - -// 08. Dropdown -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-dropdown-classes: $include-html-classes; - -// We use these to controls height and width styles. -// $f-dropdown-max-width: 200px; -// $f-dropdown-height: auto; -// $f-dropdown-max-height: none; - -// Used for bottom position -// $f-dropdown-margin-top: 2px; - -// Used for right position -// $f-dropdown-margin-left: $f-dropdown-margin-top; - -// Used for left position -// $f-dropdown-margin-right: $f-dropdown-margin-top; - -// Used for top position -// $f-dropdown-margin-bottom: $f-dropdown-margin-top; - -// We use this to control the background color -// $f-dropdown-bg: $white; - -// We use this to set the border styles for dropdowns. -// $f-dropdown-border-style: solid; -// $f-dropdown-border-width: 1px; -// $f-dropdown-border-color: scale-color($white, $lightness: -20%); - -// We use these to style the triangle pip. -// $f-dropdown-triangle-size: 6px; -// $f-dropdown-triangle-color: $white; -// $f-dropdown-triangle-side-offset: 10px; - -// We use these to control styles for the list elements. -// $f-dropdown-list-style: none; -// $f-dropdown-font-color: $charcoal; -// $f-dropdown-font-size: rem-calc(14); -// $f-dropdown-list-padding: rem-calc(5, 10); -// $f-dropdown-line-height: rem-calc(18); -// $f-dropdown-list-hover-bg: $smoke ; -// $dropdown-mobile-default-float: 0; - -// We use this to control the styles for when the dropdown has custom content. -// $f-dropdown-content-padding: rem-calc(20); - -// Default radius for dropdown. -// $f-dropdown-radius: $global-radius; - - -// 09. Dropdown Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to set the color of the pip in dropdown buttons -// $dropdown-button-pip-color: $white; -// $dropdown-button-pip-color-alt: $oil; - -// $button-pip-tny: rem-calc(6); -// $button-pip-sml: rem-calc(7); -// $button-pip-med: rem-calc(9); -// $button-pip-lrg: rem-calc(11); - -// We use these to style tiny dropdown buttons -// $dropdown-button-padding-tny: $button-pip-tny * 7; -// $dropdown-button-pip-size-tny: $button-pip-tny; -// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; -// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1); - -// We use these to style small dropdown buttons -// $dropdown-button-padding-sml: $button-pip-sml * 7; -// $dropdown-button-pip-size-sml: $button-pip-sml; -// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; -// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1); - -// We use these to style medium dropdown buttons -// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); -// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); -// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; -// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2); - -// We use these to style large dropdown buttons -// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); -// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); -// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; -// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3); - -// 10. Flex Video -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use these to control video container padding and margins -// $flex-video-padding-top: rem-calc(25); -// $flex-video-padding-bottom: 67.5%; -// $flex-video-margin-bottom: rem-calc(16); - -// We use this to control widescreen bottom padding -// $flex-video-widescreen-padding-bottom: 56.34%; - -// 11. Forms -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-form-classes: $include-html-classes; - -// We use this to set the base for lots of form spacing and positioning styles -// $form-spacing: rem-calc(16); - -// We use these to style the labels in different ways -// $form-label-pointer: pointer; -// $form-label-font-size: rem-calc(14); -// $form-label-font-weight: $font-weight-normal; -// $form-label-line-height: 1.5; -// $form-label-font-color: scale-color($black, $lightness: 30%); -// $form-label-small-transform: capitalize; -// $form-label-bottom-margin: 0; -// $input-font-family: inherit; -// $input-font-color: rgba(0,0,0,0.75); -// $input-font-size: rem-calc(14); -// $input-bg-color: $white; -// $input-focus-bg-color: scale-color($white, $lightness: -2%); -// $input-border-color: scale-color($white, $lightness: -20%); -// $input-focus-border-color: scale-color($white, $lightness: -40%); -// $input-border-style: solid; -// $input-border-width: 1px; -// $input-border-radius: $global-radius; -// $input-disabled-bg: $gainsboro; -// $input-disabled-cursor: $cursor-default-value; -// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); - -// We use these to style the fieldset border and spacing. -// $fieldset-border-style: solid; -// $fieldset-border-width: 1px; -// $fieldset-border-color: $gainsboro; -// $fieldset-padding: rem-calc(20); -// $fieldset-margin: rem-calc(18 0); - -// We use these to style the legends when you use them -// $legend-bg: $white; -// $legend-font-weight: $font-weight-bold; -// $legend-padding: rem-calc(0 3); - -// We use these to style the prefix and postfix input elements -// $input-prefix-bg: scale-color($white, $lightness: -5%); -// $input-prefix-border-color: scale-color($white, $lightness: -20%); -// $input-prefix-border-size: 1px; -// $input-prefix-border-type: solid; -// $input-prefix-overflow: hidden; -// $input-prefix-font-color: $oil; -// $input-prefix-font-color-alt: $white; - -// We use this setting to turn on/off HTML5 number spinners (the up/down arrows) -// $input-number-spinners: true; - -// We use these to style the error states for inputs and labels -// $input-error-message-padding: rem-calc(6 9 9); -// $input-error-message-top: -1px; -// $input-error-message-font-size: rem-calc(12); -// $input-error-message-font-weight: $font-weight-normal; -// $input-error-message-font-style: italic; -// $input-error-message-font-color: $white; -// $input-error-message-font-color-alt: $oil; - -// We use this to style the glowing effect of inputs when focused -// $input-include-glowing-effect: true; -// $glowing-effect-fade-time: 0.45s; -// $glowing-effect-color: $input-focus-border-color; - -// Select variables -// $select-bg-color: $ghost; -// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); - -// 12. Icon Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// We use these to style the icon-bar and items -// $include-html-icon-bar-classes: $include-html-classes; -// $icon-bar-bg: $oil; -// $icon-bar-font-color: $white; -// $icon-bar-font-size: 1rem; -// $icon-bar-hover-color: $primary-color; -// $icon-bar-icon-color: $white; -// $icon-bar-icon-size: 1.875rem; -// $icon-bar-image-width: 1.875rem; -// $icon-bar-image-height: 1.875rem; -// $icon-bar-active-color: $primary-color; -// $icon-bar-item-padding: 1.25rem; - -// 13. Inline Lists -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-inline-list-classes: $include-html-classes; - -// We use this to control the margins and padding of the inline list. -// $inline-list-top-margin: 0; -// $inline-list-opposite-margin: 0; -// $inline-list-bottom-margin: rem-calc(17); -// $inline-list-default-float-margin: rem-calc(-22); -// $inline-list-default-float-list-margin: rem-calc(22); - -// $inline-list-padding: 0; - -// We use this to control the overflow of the inline list. -// $inline-list-overflow: hidden; - -// We use this to control the list items -// $inline-list-display: block; - -// We use this to control any elements within list items -// $inline-list-children-display: block; - -// 14. Joyride -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-joyride-classes: $include-html-classes; - -// Controlling default Joyride styles -// $joyride-tip-bg: $oil; -// $joyride-tip-default-width: 300px; -// $joyride-tip-padding: rem-calc(18 20 24); -// $joyride-tip-border: solid 1px $charcoal; -// $joyride-tip-radius: 4px; -// $joyride-tip-position-offset: 22px; - -// Here, we're setting the tip font styles -// $joyride-tip-font-color: $white; -// $joyride-tip-font-size: rem-calc(14); -// $joyride-tip-header-weight: $font-weight-bold; - -// This changes the nub size -// $joyride-tip-nub-size: 10px; - -// This adjusts the styles for the timer when its enabled -// $joyride-tip-timer-width: 50px; -// $joyride-tip-timer-height: 3px; -// $joyride-tip-timer-color: $steel; - -// This changes up the styles for the close button -// $joyride-tip-close-color: $monsoon; -// $joyride-tip-close-size: 24px; -// $joyride-tip-close-weight: $font-weight-normal; - -// When Joyride is filling the screen, we use this style for the bg -// $joyride-screenfill: rgba(0,0,0,0.5); - -// 15. Keystrokes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-keystroke-classes: $include-html-classes; - -// We use these to control text styles. -// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; -// $keystroke-font-size: inherit; -// $keystroke-font-color: $jet; -// $keystroke-font-color-alt: $white; -// $keystroke-function-factor: -7%; - -// We use this to control keystroke padding. -// $keystroke-padding: rem-calc(2 4 0); - -// We use these to control background and border styles. -// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor); -// $keystroke-border-style: solid; -// $keystroke-border-width: 1px; -// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); -// $keystroke-radius: $global-radius; - -// 16. Labels -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-label-classes: $include-html-classes; - -// We use these to style the labels -// $label-padding: rem-calc(4 8 4); -// $label-radius: $global-radius; - -// We use these to style the label text -// $label-font-sizing: rem-calc(11); -// $label-font-weight: $font-weight-normal; -// $label-font-color: $oil; -// $label-font-color-alt: $white; -// $label-font-family: $body-font-family; - -// 17. Magellan -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-magellan-classes: $include-html-classes; - -// $magellan-bg: $white; -// $magellan-padding: 0 !important; - -// 18. Off-canvas -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-off-canvas-classes: $include-html-classes; - -// $tabbar-bg: $oil; -// $tabbar-height: rem-calc(45); -// $tabbar-icon-width: $tabbar-height; -// $tabbar-line-height: $tabbar-height; -// $tabbar-color: $white; -// $tabbar-middle-padding: 0 rem-calc(10); - -// Off Canvas Divider Styles -// $tabbar-right-section-border: solid 1px scale-color($tabbar-bg, $lightness: 13%); -// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); - -// Off Canvas Tab Bar Headers -// $tabbar-header-color: $white; -// $tabbar-header-weight: $font-weight-bold; -// $tabbar-header-line-height: $tabbar-height; -// $tabbar-header-margin: 0; - -// Off Canvas Menu Variables -// $off-canvas-width: rem-calc(250); -// $off-canvas-bg: $oil; -// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%); - -// Off Canvas Menu List Variables -// $off-canvas-label-padding: 0.3rem rem-calc(15); -// $off-canvas-label-color: $aluminum; -// $off-canvas-label-text-transform: uppercase; -// $off-canvas-label-font-size: rem-calc(12); -// $off-canvas-label-font-weight: $font-weight-bold; -// $off-canvas-label-bg: $tuatara; -// $off-canvas-label-border-top: 1px solid scale-color($tuatara, $lightness: 14%); -// $off-canvas-label-border-bottom: none; -// $off-canvas-label-margin:0; -// $off-canvas-link-padding: rem-calc(10, 15); -// $off-canvas-link-color: rgba($white, 0.7); -// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%); -// $off-canvas-back-bg: $tuatara; -// $off-canvas-back-border-top: $off-canvas-label-border-top; -// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom; -// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%); -// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); -// $off-canvas-back-hover-border-bottom: none; - -// Off Canvas Menu Icon Variables -// $tabbar-menu-icon-color: $white; -// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); - -// $tabbar-menu-icon-text-indent: rem-calc(35); -// $tabbar-menu-icon-width: $tabbar-height; -// $tabbar-menu-icon-height: $tabbar-height; -// $tabbar-menu-icon-padding: 0; - -// $tabbar-hamburger-icon-width: rem-calc(16); -// $tabbar-hamburger-icon-left: false; -// $tabbar-hamburger-icon-top: false; -// $tabbar-hamburger-icon-thickness: 1px; -// $tabbar-hamburger-icon-gap: 6px; - -// Off Canvas Back-Link Overlay -// $off-canvas-overlay-transition: background 300ms ease; -// $off-canvas-overlay-cursor: pointer; -// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5); -// $off-canvas-overlay-background: rgba($white, 0.2); -// $off-canvas-overlay-background-hover: rgba($white, 0.05); - -// Transition Variables -// $menu-slide: "transform 500ms ease"; - -// 19. Orbit -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-orbit-classes: $include-html-classes; - -// We use these to control the caption styles -// $orbit-container-bg: none; -// $orbit-caption-bg: rgba(51,51,51, 0.8); -// $orbit-caption-font-color: $white; -// $orbit-caption-font-size: rem-calc(14); -// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" -// $orbit-caption-padding: rem-calc(10 14); -// $orbit-caption-height: auto; - -// We use these to control the left/right nav styles -// $orbit-nav-bg: transparent; -// $orbit-nav-bg-hover: rgba(0,0,0,0.3); -// $orbit-nav-arrow-color: $white; -// $orbit-nav-arrow-color-hover: $white; - -// We use these to control the timer styles -// $orbit-timer-bg: rgba(255,255,255,0.3); -// $orbit-timer-show-progress-bar: true; - -// We use these to control the bullet nav styles -// $orbit-bullet-nav-color: $iron; -// $orbit-bullet-nav-color-active: $aluminum; -// $orbit-bullet-radius: rem-calc(9); - -// We use these to controls the style of slide numbers -// $orbit-slide-number-bg: rgba(0,0,0,0); -// $orbit-slide-number-font-color: $white; -// $orbit-slide-number-padding: rem-calc(5); - -// Hide controls on small -// $orbit-nav-hide-for-small: true; -// $orbit-bullet-hide-for-small: true; -// $orbit-timer-hide-for-small: true; - -// Graceful Loading Wrapper and preloader -// $wrapper-class: "slideshow-wrapper"; -// $preloader-class: "preloader"; - -// 20. Pagination -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-pagination-classes: $include-html-classes; - -// We use these to control the pagination container -// $pagination-height: rem-calc(24); -// $pagination-margin: rem-calc(-5); - -// We use these to set the list-item properties -// $pagination-li-float: $default-float; -// $pagination-li-height: rem-calc(24); -// $pagination-li-font-color: $jet; -// $pagination-li-font-size: rem-calc(14); -// $pagination-li-margin: rem-calc(5); - -// We use these for the pagination anchor links -// $pagination-link-pad: rem-calc(1 10 1); -// $pagination-link-font-color: $aluminum; -// $pagination-link-active-bg: scale-color($white, $lightness: -10%); - -// We use these for disabled anchor links -// $pagination-link-unavailable-cursor: default; -// $pagination-link-unavailable-font-color: $aluminum; -// $pagination-link-unavailable-bg-active: transparent; - -// We use these for currently selected anchor links -// $pagination-link-current-background: $primary-color; -// $pagination-link-current-font-color: $white; -// $pagination-link-current-font-weight: $font-weight-bold; -// $pagination-link-current-cursor: default; -// $pagination-link-current-active-bg: $primary-color; - -// 21. Panels -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-panel-classes: $include-html-classes; - -// We use these to control the background and border styles -$panel-bg: $grey-1; -// $panel-border-style: solid; -// $panel-border-size: 1px; - -// We use this % to control how much we darken things on hover -// $panel-function-factor: -11%; -// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor); - -// We use these to set default inner padding and bottom margin -// $panel-margin-bottom: rem-calc(20); -// $panel-padding: rem-calc(20); - -// We use these to set default font colors -// $panel-font-color: $oil; -// $panel-font-color-alt: $white; - -// $panel-header-adjust: true; -// $callout-panel-link-color: $primary-color; - -// 22. Pricing Tables -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-pricing-classes: $include-html-classes; - -// We use this to control the border color -// $price-table-border: solid 1px $gainsboro; - -// We use this to control the bottom margin of the pricing table -// $price-table-margin-bottom: rem-calc(20); - -// We use these to control the title styles -// $price-title-bg: $oil; -// $price-title-padding: rem-calc(15 20); -// $price-title-align: center; -// $price-title-color: $smoke; -// $price-title-weight: $font-weight-normal; -// $price-title-size: rem-calc(16); -// $price-title-font-family: $body-font-family; - -// We use these to control the price styles -// $price-money-bg: $vapor ; -// $price-money-padding: rem-calc(15 20); -// $price-money-align: center; -// $price-money-color: $oil; -// $price-money-weight: $font-weight-normal; -// $price-money-size: rem-calc(32); -// $price-money-font-family: $body-font-family; - -// We use these to control the description styles -// $price-bg: $white; -// $price-desc-color: $monsoon; -// $price-desc-padding: rem-calc(15); -// $price-desc-align: center; -// $price-desc-font-size: rem-calc(12); -// $price-desc-weight: $font-weight-normal; -// $price-desc-line-height: 1.4; -// $price-desc-bottom-border: dotted 1px $gainsboro; - -// We use these to control the list item styles -// $price-item-color: $oil; -// $price-item-padding: rem-calc(15); -// $price-item-align: center; -// $price-item-font-size: rem-calc(14); -// $price-item-weight: $font-weight-normal; -// $price-item-bottom-border: dotted 1px $gainsboro; - -// We use these to control the CTA area styles -// $price-cta-bg: $white; -// $price-cta-align: center; -// $price-cta-padding: rem-calc(20 20 0); - -// 23. Progress Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use this to set the progress bar height -// $progress-bar-height: rem-calc(25); -// $progress-bar-color: $vapor ; - -// We use these to control the border styles -// $progress-bar-border-color: scale-color($white, $lightness: 20%); -// $progress-bar-border-size: 1px; -// $progress-bar-border-style: solid; -// $progress-bar-border-radius: $global-radius; - -// We use these to control the margin & padding -// $progress-bar-pad: rem-calc(2); -// $progress-bar-margin-bottom: rem-calc(10); - -// We use these to set the meter colors -// $progress-meter-color: $primary-color; -// $progress-meter-secondary-color: $secondary-color; -// $progress-meter-success-color: $success-color; -// $progress-meter-alert-color: $alert-color; - -// 24. Range Slider -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-range-slider-classes: $include-html-classes; - -// These variables define the slider bar styles -// $range-slider-bar-width: 100%; -// $range-slider-bar-height: rem-calc(16); - -// $range-slider-bar-border-width: 1px; -// $range-slider-bar-border-style: solid; -// $range-slider-bar-border-color: $gainsboro; -// $range-slider-radius: $global-radius; -// $range-slider-round: $global-rounded; -// $range-slider-bar-bg-color: $ghost; - -// Vertical bar styles -// $range-slider-vertical-bar-width: rem-calc(16); -// $range-slider-vertical-bar-height: rem-calc(200); - -// These variables define the slider handle styles -// $range-slider-handle-width: rem-calc(32); -// $range-slider-handle-height: rem-calc(22); -// $range-slider-handle-position-top: rem-calc(-5); -// $range-slider-handle-bg-color: $primary-color; -// $range-slider-handle-border-width: 1px; -// $range-slider-handle-border-style: solid; -// $range-slider-handle-border-color: none; -// $range-slider-handle-radius: $global-radius; -// $range-slider-handle-round: $global-rounded; -// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); -// $range-slider-handle-cursor: pointer; - -// 25. Reveal -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-reveal-classes: $include-html-classes; - -// We use these to control the style of the reveal overlay. -// $reveal-overlay-bg: rgba($black, .45); -// $reveal-overlay-bg-old: $black; - -// We use these to control the style of the modal itself. -// $reveal-modal-bg: $white; -// $reveal-position-top: rem-calc(100); -// $reveal-default-width: 80%; -// $reveal-max-width: $row-width; -// $reveal-modal-padding: rem-calc(20); -// $reveal-box-shadow: 0 0 10px rgba($black,.4); - -// We use these to style the reveal close button -// $reveal-close-font-size: rem-calc(40); -// $reveal-close-top: rem-calc(8); -// $reveal-close-side: rem-calc(11); -// $reveal-close-color: $base; -// $reveal-close-weight: $font-weight-bold; - -// We use this to set the default radius used throughout the core. -// $reveal-radius: $global-radius; -// $reveal-round: $global-rounded; - -// We use these to control the modal border -// $reveal-border-style: solid; -// $reveal-border-width: 1px; -// $reveal-border-color: $steel; - -// $reveal-modal-class: "reveal-modal"; -// $close-reveal-modal-class: "close-reveal-modal"; - -// 26. Side Nav -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use this to control padding. -$side-nav-padding: rem-calc(0 0 0 0); - -// We use these to control list styles. -// $side-nav-list-type: none; -// $side-nav-list-position: inside; -$side-nav-list-margin: rem-calc(0 0 0 0); - -// We use these to control link styles. -$side-nav-link-color: $primary-color; -$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: -40%); -$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: -40%); -$side-nav-font-size: rem-calc(16); - -// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025); -// $side-nav-link-margin: 0; -// $side-nav-link-padding: rem-calc(7 14); -// $side-nav-font-size: rem-calc(14); -// $side-nav-font-weight: $font-weight-normal; -// $side-nav-font-weight-active: $side-nav-font-weight; -// $side-nav-font-family: $body-font-family; -// $side-nav-font-family-active: $side-nav-font-family; - -// We use these to control heading styles. -// $side-nav-heading-color: $side-nav-link-color; -// $side-nav-heading-font-size: $side-nav-font-size; -// $side-nav-heading-font-weight: bold; -// $side-nav-heading-text-transform: uppercase; - -// We use these to control border styles -$side-nav-divider-size: 1px; -$side-nav-divider-style: solid; -$side-nav-divider-color: $grey-1; - - - -// 27. Split Buttons -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-button-classes: $include-html-classes; - -// We use these to control different shared styles for Split Buttons -// $split-button-function-factor: 10%; -// $split-button-pip-color: $white; -// $split-button-pip-color-alt: $oil; -// $split-button-active-bg-tint: rgba(0,0,0,0.1); - -// We use these to control tiny split buttons -// $split-button-padding-tny: $button-pip-tny * 10; -// $split-button-span-width-tny: $button-pip-tny * 6; -// $split-button-pip-size-tny: $button-pip-tny; -// $split-button-pip-top-tny: $button-pip-tny * 2; -// $split-button-pip-default-float-tny: rem-calc(-6); - -// We use these to control small split buttons -// $split-button-padding-sml: $button-pip-sml * 10; -// $split-button-span-width-sml: $button-pip-sml * 6; -// $split-button-pip-size-sml: $button-pip-sml; -// $split-button-pip-top-sml: $button-pip-sml * 1.5; -// $split-button-pip-default-float-sml: rem-calc(-6); - -// We use these to control medium split buttons -// $split-button-padding-med: $button-pip-med * 9; -// $split-button-span-width-med: $button-pip-med * 5.5; -// $split-button-pip-size-med: $button-pip-med - rem-calc(3); -// $split-button-pip-top-med: $button-pip-med * 1.5; -// $split-button-pip-default-float-med: rem-calc(-6); - -// We use these to control large split buttons -// $split-button-padding-lrg: $button-pip-lrg * 8; -// $split-button-span-width-lrg: $button-pip-lrg * 5; -// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); -// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); -// $split-button-pip-default-float-lrg: rem-calc(-6); - -// 28. Sub Nav -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-nav-classes: $include-html-classes; - -// We use these to control margin and padding -// $sub-nav-list-margin: rem-calc(-4 0 18); -// $sub-nav-list-padding-top: rem-calc(4); - -// We use this to control the definition -// $sub-nav-font-family: $body-font-family; -// $sub-nav-font-size: rem-calc(14); -// $sub-nav-font-color: $aluminum; -// $sub-nav-font-weight: $font-weight-normal; -// $sub-nav-text-decoration: none; -// $sub-nav-padding: rem-calc(3 16); -// $sub-nav-border-radius: 3px; -// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); - -// We use these to control the active item styles -// $sub-nav-active-font-weight: $font-weight-normal; -// $sub-nav-active-bg: $primary-color; -// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); -// $sub-nav-active-color: $white; -// $sub-nav-active-padding: $sub-nav-padding; -// $sub-nav-active-cursor: default; - -// $sub-nav-item-divider: ""; -// $sub-nav-item-divider-margin: rem-calc(12); - -// 29. Switch -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-form-classes: $include-html-classes; - -// Controlling border styles and background colors for the switch container -// $switch-border-color: scale-color($white, $lightness: -20%); -// $switch-border-style: solid; -// $switch-border-width: 1px; -// $switch-bg: $white; - -// We use these to control the switch heights for our default classes -// $switch-height-tny: rem-calc(22); -// $switch-height-sml: rem-calc(28); -// $switch-height-med: rem-calc(36); -// $switch-height-lrg: rem-calc(44); -// $switch-bottom-margin: rem-calc(20); - -// We use these to control default font sizes for our classes. -// $switch-font-size-tny: 11px; -// $switch-font-size-sml: 12px; -// $switch-font-size-med: 14px; -// $switch-font-size-lrg: 17px; -// $switch-label-side-padding: 6px; - -// We use these to style the switch-paddle -// $switch-paddle-bg: $white; -// $switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%); -// $switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%); -// $switch-paddle-border-width: 1px; -// $switch-paddle-border-style: solid; -// $switch-paddle-transition-speed: .1s; -// $switch-paddle-transition-ease: ease-out; -// $switch-positive-color: scale-color($success-color, $lightness: 94%); -// $switch-negative-color: $white-smoke; - -// Outline Style for tabbing through switches -// $switch-label-outline: 1px dotted $jumbo; - -// 30. Tables -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-table-classes: $include-html-classes; - -// These control the background color for the table and even rows -// $table-bg: $white; -$table-even-row-bg: $grey-1; - -// These control the table cell border style -// $table-border-style: solid; -// $table-border-size: 1px; -// $table-border-color: $gainsboro; - -// These control the table head styles -$table-head-bg: $grey-2; -// $table-head-font-size: rem-calc(14); -// $table-head-font-color: $jet; -// $table-head-font-weight: $font-weight-bold; -// $table-head-padding: rem-calc(8 10 10); - -// These control the row padding and font styles -// $table-row-padding: rem-calc(9 10); -// $table-row-font-size: rem-calc(14); -// $table-row-font-color: $jet; -// $table-line-height: rem-calc(18); - -// These are for controlling the layout, display and margin of tables -// $table-layout: auto; -// $table-display: table-cell; -// $table-margin-bottom: rem-calc(20); - -// 31. Tabs -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-tabs-classes: $include-html-classes; - -// $tabs-navigation-padding: rem-calc(16); -// $tabs-navigation-bg-color: $silver ; -// $tabs-navigation-active-bg-color: $white; -// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); -// $tabs-navigation-font-color: $jet; -// $tabs-navigation-active-font-color: $tabs-navigation-font-color; -// $tabs-navigation-font-size: rem-calc(16); -// $tabs-navigation-font-family: $body-font-family; - -// $tabs-content-margin-bottom: rem-calc(24); -// $tabs-content-padding: $column-gutter/2; - -// $tabs-vertical-navigation-margin-bottom: 1.25rem; - -// 32. Thumbnails -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-media-classes: $include-html-classes; - -// We use these to control border styles -// $thumb-border-style: solid; -// $thumb-border-width: 4px; -// $thumb-border-color: $white; -// $thumb-box-shadow: 0 0 0 1px rgba($black,.2); -// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); - -// Radius and transition speed for thumbs -// $thumb-radius: $global-radius; -// $thumb-transition-speed: 200ms; - -// 33. Tooltips -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-tooltip-classes: $include-html-classes; - -// $has-tip-border-bottom: dotted 1px $iron; -// $has-tip-font-weight: $font-weight-bold; -// $has-tip-font-color: $oil; -// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); -// $has-tip-font-color-hover: $primary-color; -// $has-tip-cursor-type: help; - -// $tooltip-padding: rem-calc(12); -// $tooltip-bg: $oil; -// $tooltip-font-size: rem-calc(14); -// $tooltip-font-weight: $font-weight-normal; -// $tooltip-font-color: $white; -// $tooltip-line-height: 1.3; -// $tooltip-close-font-size: rem-calc(10); -// $tooltip-close-font-weight: $font-weight-normal; -// $tooltip-close-font-color: $monsoon; -// $tooltip-font-size-sml: rem-calc(14); -// $tooltip-radius: $global-radius; -// $tooltip-rounded: $global-rounded; -// $tooltip-pip-size: 5px; -// $tooltip-max-width: 300px; - -// 34. Top Bar -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-top-bar-classes: $include-html-classes; - -// Height and margin -$topbar-height: rem-calc(50); -// $topbar-margin-bottom: 0; - -// Controlling the styles for the title in the top bar -$topbar-title-weight: $font-weight-bold; -$topbar-title-font-size: rem-calc(19); - -// Style the top bar dropdown elements -// $topbar-dropdown-bg: $oil; -// $topbar-dropdown-link-color: $white; -// $topbar-dropdown-link-bg: $ci-2; -// $topbar-dropdown-link-weight: $font-weight-normal; -// $topbar-dropdown-toggle-size: 5px; -// $topbar-dropdown-toggle-color: $ci-2; -// $topbar-dropdown-toggle-alpha: 0.4; - -// Set the link colors and styles for top-level nav -// $topbar-link-color: #000; -// $topbar-link-color-hover: #000; -// $topbar-link-color-active: #000; -// $topbar-link-color-active-hover: #000; -// $topbar-link-weight: $font-weight-normal; -$topbar-link-font-size: rem-calc(15); -// $topbar-link-hover-lightness: -10%; // Darken by 10% -// $topbar-link-bg: $topbar-bg; -// $topbar-link-bg-color-hover: #ff0; -// $topbar-link-bg-hover: #f00; -// $topbar-link-bg-active: $primary-color; -// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); -// $topbar-link-font-family: $body-font-family; -$topbar-link-text-transform: uppercase; -// $topbar-link-padding: $topbar-height / 3; -// $topbar-back-link-size: $h5-font-size; -// $topbar-link-dropdown-padding: 20px; - -// $topbar-button-font-size: 0.75rem; -// $topbar-button-top: 7px; - -// $topbar-dropdown-label-color: #f77; -// $topbar-dropdown-label-text-transform: uppercase; -// $topbar-dropdown-label-font-weight: $font-weight-bold; -// $topbar-dropdown-label-font-size: rem-calc(10); -// $topbar-dropdown-label-bg: $oil; - -// Top menu icon styles -$topbar-menu-link-transform: uppercase; -// $topbar-menu-link-font-size: rem-calc(13); -// $topbar-menu-link-weight: $font-weight-bold; -// $topbar-menu-link-color: $white; -// $topbar-menu-icon-color: $white; -// $topbar-menu-link-color-toggled: $ci-6; -// $topbar-menu-icon-color-toggled: $ci-6; - -// Transitions and breakpoint styles -// $topbar-transition-speed: 300ms; -// Using rem-calc for the below breakpoint causes issues with top bar -$topbar-breakpoint: #{lower-bound($large-range)}; // Change to 9999px for always mobile layout -$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})" !default; - -// Divider Styles -$topbar-divider-border-bottom: solid 0px scale-color($topbar-bg-color, $lightness: 23%); -$topbar-divider-border-top: solid 0px scale-color($topbar-bg-color, $lightness: -50%); - -// Sticky Class -// $topbar-sticky-class: ".sticky"; -// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item - -// 36. Visibility Classes -// - - - - - - - - - - - - - - - - - - - - - - - - - - -// $include-html-visibility-classes: $include-html-classes; -// $include-table-visibility-classes: true; -// $include-legacy-visibility-classes: true; -// $include-accessibility-classes: true; diff --git a/_sass/_05_normalize.scss b/_sass/_05_normalize.scss deleted file mode 100644 index 690df84c..00000000 --- a/_sass/_05_normalize.scss +++ /dev/null @@ -1,428 +0,0 @@ -@charset "utf-8"; -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} \ No newline at end of file diff --git a/_sass/_06_typography.scss b/_sass/_06_typography.scss deleted file mode 100644 index 128ab734..00000000 --- a/_sass/_06_typography.scss +++ /dev/null @@ -1,504 +0,0 @@ -@charset "utf-8"; -/* TOC – Typography - -Check typography variables › _3_typography_settings.scss - -- Links -- Customize Foundation Typography -- Headlines -- Images -- Lists -- Tables -- Code -- Quotes -- Typography for Articles -- Smaller Fontsize for Bigteaser on small devices -- Additional typographical elements -- Footnotes -- Icon Font - -*/ - - - -/* Links -------------------------------------------------------------------- */ - -a, -a:link { - transition: all .4s; -} - -a:visited { - border-bottom: $grey-2; -} - -a:hover { - color: darken( $ci-1, 10% ); -} - -a:focus { - color: lighten( $ci-1, 20% ); -} - -a:active { - color: darken( $ci-1, 20% ); -} - - - -/* Customize Foundation Typography -------------------------------------------------------------------- */ - -p { - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - -ms-word-break: normal; - /* Non standard for webkit */ - word-break: normal; -} -p a, -article a { - font-weight: bold; - border-bottom: 1px dotted; -} -p a:hover, -article a:hover { - border-bottom: 2px solid; -} -p a.button, -.button, -.button:hover { - border: 0; - color: #fff; -} -p.button a { - border: 0; - color: #fff; - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -} - - - -/* Headlines -------------------------------------------------------------------- */ - -h1, h2, h3, h4, h5, h6 { - font-family: $header-font-family; - font-weight: normal; - padding: 0; -} - -h1 { - font-size: $font-size-h1; - margin-top: 0; -} -h2 { - font-size: $font-size-h2; - margin: 1.563em 0 0 0; -} - .blog-index h3 { - margin-top: 0; - } -h3 { - font-size: $font-size-h3; - margin: 1.152em 0 0 0; -} -h4 { - font-size: $font-size-h4; - margin: 1.152em 0 0 0; -} -h5 { - font-size: $font-size-h5; - margin: 1em 0 0 0; -} - - - -/* Images -------------------------------------------------------------------- */ - -img { border-radius: $global-radius;} - img.alignleft, - img.left { float: left; margin:5px 15px 5px 0; } - img.alignright, - img.right { float: right; margin:5px 0 5px 15px; } - img.aligncenter, - img.center { display: block; margin:0 auto 10px; } - -figure { - margin: 0 0 rem-calc(30) 0; -} -#masthead-with-background-color figure, -#masthead-with-pattern figure { - margin: 0; -} -figcaption, -.masthead-caption { - color: $grey-10; - font-family: $font-family-sans-serif; - font-size: rem-calc(13); - padding-top: rem-calc(2); -} -figcaption a, -.masthead-caption a { - border-bottom: 1px dotted $grey-4; - color: $grey-10; -} -figcaption a:hover, -.masthead-caption a:hover { - border-bottom: 2px solid $primary-color; - color: $primary-color; -} -.masthead-caption { - padding-right: 10px; - text-align: right; -} - - - -/* Tables -------------------------------------------------------------------- */ - -td { - vertical-align: top; -} - - - -/* Code -------------------------------------------------------------------- */ - -pre { - overflow: auto; - margin-bottom: rem-calc(20); - padding: 5px; - background-color: $code-background-color; - border-radius: $global-radius; -} -pre code { - padding: rem-calc(2) rem-calc(5) rem-calc(1) rem-calc(0); - border: 0; -} - -code { - font-size: rem-calc(14); - line-height: 1.5; -} - - - -/* Lists -------------------------------------------------------------------- */ - -.list-title { - margin-bottom: 0; -} - -ul, ol { - margin-left: 2rem; - padding: 0; -} -li { - margin-left: 0; -} - -.no-bullet { - list-style: none; - margin-left: 0; -} - -li { - > ul, - > ol { - margin-bottom: 0; - } -} - -dl { - -} -dt:first-child { - padding-top: 0px; -} -dt { - font-weight: bold; - padding-top: 30px; -} -dd { -} -article dl dt { line-height: 1.3; } -article dl dd { line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); } - - - -/* Quotes -------------------------------------------------------------------- */ - -blockquote { - font-style: italic; - position: relative; - border: none; - margin: 0 30px 30px 30px; - color: $grey-11; -} - - blockquote p {font-style: italic; color: $grey-10; } - - blockquote:before { - display:block;content:"\00BB"; - font-size:80px; - line-height: 0; - position:absolute; - left:-25px; - top: auto; - color: $grey-11; - } - blockquote:after { - display:block; - content:"\00AB"; - font-size:80px; - line-height: 0; - position:absolute; - right:-10px; - bottom: 20px; - color: $grey-11; - } - blockquote cite:before { - content:"\2014 \0020" - } - blockquote cite a,blockquote cite a:visited { - color: $grey-10; - } -cite { - padding-top: 5px; -} - -button, .button { - letter-spacing: 1px; -} - -mark { - background-color: scale-color($warning-color, $lightness: 60%); -} - - - -/* Typography for Articles -------------------------------------------------------------------- */ - -.subheadline { - font-size: rem-calc(16); - margin: 0; - text-transform: uppercase; -} -.teaser { - font-size: rem-calc(20); -} -.big-teaser { - font-style: italic; font-weight: 300; -} -.big-teaser a { - font-style: italic; font-weight: 400; -} - -/* Smaller Fontsize for Bigteaser on small devices */ -@media only screen { - .big-teaser { - font-size: rem-calc(20); - } -} -@media only screen and (min-width: 40.063em) { - .big-teaser { - font-size: rem-calc(29); - } -} - - - -/* Additional typographical elements -------------------------------------------------------------------- */ - -.sans { font-family: $font-family-sans-serif; } -.serif { font-family: $font-family-serif; } - -.font-size-h1 { font-size: $font-size-h1; } -.font-size-h2 { font-size: $font-size-h2; } -.font-size-h3 { font-size: $font-size-h3; } -.font-size-h4 { font-size: $font-size-h4; } -.font-size-h5 { font-size: $font-size-h5; } -.font-size-p { font-size: $font-size-p; } - - - -/* Footnotes -------------------------------------------------------------------- */ - -.footnotes:before { - content: ""; - position: absolute; - height: 1px; - width: 60px; - margin-top: -10px; - border-bottom: 1px solid $grey-2; -} -.footnotes { - margin-top: 60px; -} -.footnotes ol { - font-size: $font-size-small; -} -.footnotes p { - font-size: inherit; - margin-bottom: 0; -} - - - - -/* Icon Font - See the icon-set/preview in /assets/fonts/iconfont-preview.html -------------------------------------------------------------------- */ - -@font-face { - font-family: 'iconfont'; - src: url('../fonts/iconfont.eot'); /* IE9 Compat Modes */ - src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/iconfont.woff') format('woff'), /* Pretty Modern Browsers */ - url('../fonts/iconfont.ttf') format('truetype'), /* Safari, Android, iOS */ - url('../fonts/iconfont.svg#svgFontName') format('svg'); /* Legacy iOS */ -} - -.iconfont { font-family: iconfont; } -.iconfont-48 { font-size: 48px; } - - -[data-icon]:before { content: attr(data-icon); } - -[data-icon]:before, -.icon-archive:before, -.icon-browser:before, -.icon-calendar:before, -.icon-camera:before, -.icon-chat:before, -.icon-check:before, -.icon-chevron-down:before, -.icon-chevron-left:before, -.icon-chevron-right:before, -.icon-chevron-up:before, -.icon-circle-with-cross:before, -.icon-circle-with-minus:before, -.icon-circle-with-plus:before, -.icon-cloud:before, -.icon-code:before, -.icon-cog:before, -.icon-dropbox:before, -.icon-edit:before, -.icon-export:before, -.icon-eye:before, -.icon-facebook:before, -.icon-feather:before, -.icon-github:before, -.icon-globe:before, -.icon-googleplus:before, -.icon-heart:before, -.icon-heart-outlined:before, -.icon-home:before, -.icon-instagram:before, -.icon-lab-flask:before, -.icon-leaf:before, -.icon-linkedin:before, -.icon-mail:before, -.icon-message:before, -.icon-mic:before, -.icon-network:before, -.icon-paper-plane:before, -.icon-pinterest:before, -.icon-price-tag:before, -.icon-rocket:before, -.icon-rss:before, -.icon-soundcloud:before, -.icon-star:before, -.icon-star-outlined:before, -.icon-thumbs-down:before, -.icon-thumbs-up:before, -.icon-tree:before, -.icon-tumblr:before, -.icon-twitter:before, -.icon-upload-to-cloud:before, -.icon-video:before, -.icon-vimeo:before, -.icon-warning:before, -.icon-xing:before, -.icon-youtube:before { - display: inline-block; -font-family: "iconfont"; -font-style: normal; -font-weight: normal; -font-variant: normal; -line-height: 1; -text-decoration: inherit; -text-rendering: optimizeLegibility; -text-transform: none; --moz-osx-font-smoothing: grayscale; --webkit-font-smoothing: antialiased; -font-smoothing: antialiased; -} - -.icon-archive:before { content: "\f100"; } -.icon-browser:before { content: "\f101"; } -.icon-calendar:before { content: "\f133"; } -.icon-camera:before { content: "\f102"; } -.icon-chat:before { content: "\f103"; } -.icon-check:before { content: "\f104"; } -.icon-chevron-down:before { content: "\f105"; } -.icon-chevron-left:before { content: "\f106"; } -.icon-chevron-right:before { content: "\f107"; } -.icon-chevron-up:before { content: "\f108"; } -.icon-circle-with-cross:before { content: "\f109"; } -.icon-circle-with-minus:before { content: "\f10a"; } -.icon-circle-with-plus:before { content: "\f10b"; } -.icon-cloud:before { content: "\f10c"; } -.icon-code:before { content: "\f10d"; } -.icon-cog:before { content: "\f10e"; } -.icon-dropbox:before { content: "\f10f"; } -.icon-edit:before { content: "\f110"; } -.icon-export:before { content: "\f111"; } -.icon-eye:before { content: "\f112"; } -.icon-facebook:before { content: "\f113"; } -.icon-feather:before { content: "\f114"; } -.icon-github:before { content: "\f115"; } -.icon-globe:before { content: "\f116"; } -.icon-googleplus:before { content: "\f136"; } -.icon-heart:before { content: "\f117"; } -.icon-heart-outlined:before { content: "\f118"; } -.icon-home:before { content: "\f119"; } -.icon-instagram:before { content: "\f11a"; } -.icon-lab-flask:before { content: "\f11b"; } -.icon-leaf:before { content: "\f11c"; } -.icon-linkedin:before { content: "\f11d"; } -.icon-mail:before { content: "\f11e"; } -.icon-message:before { content: "\f11f"; } -.icon-mic:before { content: "\f120"; } -.icon-network:before { content: "\f121"; } -.icon-paper-plane:before { content: "\f122"; } -.icon-pinterest:before { content: "\f123"; } -.icon-price-tag:before { content: "\f124"; } -.icon-rocket:before { content: "\f125"; } -.icon-rss:before { content: "\f126"; } -.icon-soundcloud:before { content: "\f127"; } -.icon-star:before { content: "\f128"; } -.icon-star-outlined:before { content: "\f129"; } -.icon-thumbs-down:before { content: "\f12a"; } -.icon-thumbs-up:before { content: "\f12b"; } -.icon-tree:before { content: "\f134"; } -.icon-tumblr:before { content: "\f12c"; } -.icon-twitter:before { content: "\f12d"; } -.icon-upload-to-cloud:before { content: "\f12e"; } -.icon-video:before { content: "\f12f"; } -.icon-vimeo:before { content: "\f130"; } -.icon-warning:before { content: "\f131"; } -.icon-xing:before { content: "\f135"; } -.icon-youtube:before { content: "\f132"; } diff --git a/_sass/_07_layout.scss b/_sass/_07_layout.scss deleted file mode 100644 index 02404eff..00000000 --- a/_sass/_07_layout.scss +++ /dev/null @@ -1,383 +0,0 @@ -@charset "utf-8"; -/* TOC - -- Adjustments: Video Layout -- Navigation -- Search -- Masthead -- Masthead › small-only -- Masthead › medium-only -- Masthead › large-only -- Masthead › xlarge-up -- Breadcrumb -- Meta -- Jump to top -- Footer -- Subfooter -- CSS-Classes to add margin at top or bottom - -*/ - - - -/* Adjustments: Video Layout -------------------------------------------------------------------- */ - -body.video, -body.video #masthead-no-image-header { background: #000; } -body.video #masthead-no-image-header { margin-bottom: 60px; } -body.video h1, -body.video h2, -body.video h3, -body.video h4, -body.video h5, -body.video h6, -body.video p, -body.video a, -body.video blockquote:before, -body.video blockquote:after, -body.video cite a, { color: #fff; } -body.video cite a:visited, { color: #fff; } -body.video cite { color: #fff; } - - - -/* Navigation -------------------------------------------------------------------- */ - -#navigation { - -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); - box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); - - [class^='icon-']:before, [class*=' icon-']:before { - margin-right: rem-calc(8); - } -} - - - -/* Search -------------------------------------------------------------------- */ - -.no-js form#search { - display: none; -} - - - -/* Masthead -------------------------------------------------------------------- */ - -#masthead { - background-color: $primary-color; -} -#masthead-no-image-header { - background-color: $white; -} -#masthead-with-text { - text-align: center; - font-size: rem-calc(54); - font-family: $header-font-family; - color: #fff; - text-transform: uppercase; - text-shadow: 0 2px 3px rgba(0,0,0,.4); -} -#masthead-no-image-header { - height: 175px; -} -#masthead-no-image-header #logo img { - margin-top: 60px; -} - -/* Masthead › small-only -------------------------------------------------------------------- */ - -@media #{$small-only} { - #logo img { - display: block; - margin-left: auto; - margin-right: auto; - margin-top: 40px; - height: auto; - width: auto; - } - #masthead { - height: 200px; - } - #masthead-with-pattern { - padding: 15px 0; - } - #masthead-with-background-color { - padding: 15px 0; - } - #masthead-with-text { - height: 220px; - padding: 30px 0; - font-size: rem-calc(36); - } - #masthead-no-image-header { - display: none; - } -} - - -/* Masthead › medium-only -------------------------------------------------------------------- */ - -@media #{$medium-only} { - #logo img { - display: block; - margin-left: auto; - margin-right: auto; - margin-top: 40px; - height: auto; - width: auto; - } - #masthead { - height: 280px; - } - #masthead-with-pattern { - padding: 20px 0; - } - #masthead-with-background-color { - padding: 20px 0; - } - #masthead-with-text { - padding: 60px 0; - height: 300px; - } -} - - -/* Masthead › large-only -------------------------------------------------------------------- */ - -@media #{$large-only} { - #logo img { - display: block; - margin-left: auto; - margin-right: auto; - margin-top: 20px; - height: auto; - width: auto; - } - #masthead { - height: 310px; - } - #masthead-with-pattern { - padding: 30px 0; - } - #masthead-with-background-color { - padding: 30px 0; - } - #masthead-with-text { - height: 330px; - padding: 60px 0; - } -} - - -/* Masthead › xlarge-up -------------------------------------------------------------------- */ - -@media #{$xlarge-up} { - #logo img { - display: block; - margin-left: auto; - margin-right: auto; - margin-top: 40px; - height: auto; - width: auto; - } - #masthead { - height: 380px; - } - #masthead-with-pattern { - padding: 45px 0; - } - #masthead-with-background-color { - padding: 45px 0; - } - #masthead-with-text { - padding: 95px 0; - height: 400px; - } -} - - -#title-image-small { - height: 240px; -} -#title-image-large { - height: 520px; -} -#title-image-index-small { - height: 120px; -} -#title-image-index-large { - height: 260px; -} - - - -/* Breadcrumb -------------------------------------------------------------------- */ - -#breadcrumb { - background: scale-color($grey-1, $lightness: 55%); - border-top: 1px solid scale-color($grey-1, $lightness: 45%); - border-bottom: 1px solid scale-color($grey-1, $lightness: 45%); -} -.breadcrumbs>.current { - font-weight: bold; -} - - -/* Meta -------------------------------------------------------------------- */ - -#page-meta, #page-meta a { - color: $grey-5; -} - -#page-meta .button { - background: $grey-5; - border: 0; -} -#page-meta .button { - color: #fff; -} -#page-meta .button:hover { - background: $primary-color; -} -.meta-info p { - font-size: rem-calc(13); - color: scale-color($grey-1, $lightness: 40%); -} - .meta-info a { - text-decoration: underline; - color: scale-color($grey-1, $lightness: 40%); - } - .meta-info a:hover { - text-decoration: none; - color: $secondary-color; - } - - - -/* Jump to top -------------------------------------------------------------------- */ - -#up-to-top { - padding: 160px 0 10px 0; -} -#up-to-top a { - font-size: 24px; - padding: 5px; - border-radius: 3px; -} -#up-to-top a:hover { - background: $grey-2; -} - - - -/* Footer -------------------------------------------------------------------- */ - -#footer-content p, -#footer-content li { - font-size: rem-calc(13); - font-weight: 300; -} - -#footer { - padding-top: 30px; - padding-bottom: 20px; - background: $footer-bg; - color: $footer-color; - } - - #footer a { - color: $footer-link-color; - } - #footer h4, - #footer h5 { - letter-spacing: 1px; - color: #fff; - text-transform: uppercase; - } - - - -/* Subfooter -------------------------------------------------------------------- */ - -#subfooter { - background: $subfooter-bg; - color: $subfooter-color; - padding-top: 30px; -} - -#subfooter-left ul.inline-list { - float: left; -} - -.credits a { - color: $subfooter-link-color; - border: 0; - &:hover { - color: #fff; - } -} - -.social-icons { - margin-bottom: 10px !important; - display: inline-block - -// Beware of SCSS-Syntax here - li { - padding: 0 0 20px 0; - } - a { - font-size: rem-calc(23); - display: block; - width: 36px; - border-radius: 50%; - color: $subfooter-bg; - background: $subfooter-bg; - text-align: center; - &:hover { - background: $subfooter-color; - color: #fff; - } - } -} - - - -/* CSS-Classes to add margin at top or bottom -------------------------------------------------------------------- */ - -.t10 { margin-top: 10px !important; } -.t15 { margin-top: 15px !important; } -.t20 { margin-top: 20px !important; } -.t30 { margin-top: 30px !important; } -.t50 { margin-top: 50px !important; } -.t60 { margin-top: 60px !important; } -.t70 { margin-top: 70px !important; } -.t80 { margin-top: 80px !important; } -.t90 { margin-top: 90px !important; } - -.b15 { margin-bottom: 15px !important; } -.b20 { margin-bottom: 20px !important; } -.b30 { margin-bottom: 30px !important; } -.b60 { margin-bottom: 60px !important; } - -.l15 { margin-left: 15px !important; } -.r15 { margin-right: 15px !important; } - -.pl20 { padding-left: 20px !important; } -.pr5 { padding-right: 5px !important; } -.pr10 { padding-right: 10px !important; } -.pr20 { padding-right: 20px !important; } diff --git a/_sass/_09_elements.scss b/_sass/_09_elements.scss deleted file mode 100644 index 2204004c..00000000 --- a/_sass/_09_elements.scss +++ /dev/null @@ -1,150 +0,0 @@ -@charset "utf-8"; -/* TOC - -- Table of Contents (Index) -- Panel -- Shadows -- Alerts -- Breadcrumb -- Button -- Side-Nav -- Accordion -- Lazy Load XT -- Frontpage Widget - -*/ - - - -/* Table of Contents (Index) -------------------------------------------------------------------- */ - -#toc ul, -#toc ul ul, -#toc ul ul ul, { - list-style: none; - margin-left: 30px; -} -#toc ul { - margin-left: 0; - margin-top: $spacing-unit; -} - - - -/* Panel -------------------------------------------------------------------- */ - -.border-dotted { - border: 1px dotted $grey-5; - padding: rem-calc(20); - border-radius: $global-radius; -} - - - -/* Shadows -------------------------------------------------------------------- */ - -.shadow-no {text-shadow: rgba(0, 0, 0, 0) 0 0 0;} -.shadow-black {text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;} -.shadow-white {text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;} - - - -/* Alerts -------------------------------------------------------------------- */ - -.alert-box { - font-family: $font-family-sans-serif; - text-shadow: 0px 1px 1px rgba(0,0,0,0.9); -} - .alert-box p { - margin-bottom: 0; - } - .alert-box a { - text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); - color: #fff; - border-bottom: 1px dotted #fff; - } - .alert-box a:hover { - border-bottom: 1px solid #fff; - } - .alert-box.terminal { - background: $grey-12; - color: #fff; - border-color: scale-color($grey-12, $lightness: -14%); - font-family: $font-family-monospace; - } - .alert-box.terminal::before { - content: "$ "; - color: $ci-6; - float: left; - margin: .25em .5em 0 0; - } - .alert-box.text { - background-color: $grey-2; - text-shadow: 0px 0px 0px rgba(0,0,0,0.9); - border-color: scale-color($grey-2, $lightness: -14%); - color: $grey-12; - } - - - -/* Button -------------------------------------------------------------------- */ - -button, .button { letter-spacing: 1px; } - button.grey, .button.grey { background: $grey-10; } - button.grey:hover, - button.grey:focus, - .button.grey:hover, - .button.grey:focus { background-color: $grey-16; } - - - -/* Side-Nav -------------------------------------------------------------------- */ - -.side-nav li.title { text-transform: uppercase;} -.side-nav li { border-top: 1px solid $grey-3;} -.side-nav li a:not(.button) { border-bottom: 0; padding: 0.4375rem 0rem; } -.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: $grey-1; } - -.homepage p { margin: 0; padding: 0; color: $grey-10; } - - - -/* Accordion -------------------------------------------------------------------- */ - -dl.accordion { border-top: 1px solid $grey-2; } -.accordion dd { border-bottom: 1px solid $grey-2; } -dd.accordion-navigation span { padding-right: 12px; } -dd.accordion-navigation span:before { content: "\F107" } -dd.accordion-navigation.active span:before { content: "\F105" } -dd.accordion-navigation.active span:before { content: "\F105" } - - - -/* Lazy Load XT -------------------------------------------------------------------- */ - -/*! Lazy Load XT v1.0.6 2014-11-19 - * http://ressio.github.io/lazy-load-xt - * (C) 2014 RESS.io - * Licensed under MIT */ -img.lazy { - display: none; -} -.lazy-hidden { - opacity: 0; -} -.lazy-loaded { - -webkit-transition: opacity 0.7s; - -moz-transition: opacity 0.7s; - -ms-transition: opacity 0.7s; - -o-transition: opacity 0.7s; - transition: opacity 0.7s; - opacity: 1; -} diff --git a/_sass/_10_asciidoc.scss b/_sass/_10_asciidoc.scss deleted file mode 100644 index cc1b881b..00000000 --- a/_sass/_10_asciidoc.scss +++ /dev/null @@ -1,1189 +0,0 @@ - -$experimental: true; - -$pre-bg: $code-background-color; -$pre-border-size: $panel-border-size; -$pre-border-style: $panel-border-style; -$pre-border-color: $panel-border-color; -$pre-font-color: $body-font-color; -$pre-padding: 0.5em; -$pre-line-height: 1.5; - -$code-font-size: 1rem; -$code-word-spacing: 0; -$code-line-height: 1rem; -$code-text-rendering: optimal; - -$definition-list-content-margin-left: 0px; - -$subheader-font-family: $body-font-family; -$subheader-font-size: 1rem; -$subheader-font-color: darken($header-font-color, 15%); // resolves to #7a2518 -$subheader-text-rendering: $header-text-rendering !default; - -$subheader-font-family: $body-font-family; -$subheader-font-size: 1rem; -$subheader-font-color: darken($header-font-color, 15%); // resolves to #7a2518 -$subheader-font-weight: normal; -$subheader-font-style: italic; -$subheader-line-height: 1.45; -$subheader-top-margin: 0px; -$subheader-bottom-margin: 0.25em; - -$sidebar-header-align: left; -$sidebar-header-border-size: 0px; -$sidebar-header-border-style: none; -$sidebar-header-border-color: $body-bg; - -$icon-text-shadow: $body-font-color; -$lightless: 20%; -$rainbow-lightness: 20%; - - -*:not(pre) > code { - font-size: $code-font-size; - font-style: normal !important; - letter-spacing: 0px; - padding: $code-padding; - @if $code-word-spacing != 0 { - word-spacing: $code-word-spacing; - } - //white-space: nowrap; - @if $code-background-color != inherit { - background-color: $code-background-color; - } - @if $code-border-size != 0 { - border: $code-border-size $code-border-style $code-border-color; - } - @if $code-background-color != inherit or $code-border-size != 0 { - @include radius; - } - //text-shadow: none; - line-height: $code-line-height; - @if $code-text-rendering != inherit { - text-rendering: $code-text-rendering; - } -} - -pre, pre > code { - line-height: $pre-line-height; - // this overrides what was set on code - color: $code-color; - font-family: $code-font-family; - font-weight: normal; - @if $code-text-rendering != inherit { - text-rendering: $code-text-rendering; - } -} -/* -code { - font-family: $code-font-family; - font-weight: $code-font-weight; - color: $code-color; - background-color: $code-background-color; - border-width: $code-border-size; - border-style: $code-border-style; - border-color: $code-border-color; - padding: $code-padding; - } -*/ - -#toc { - ul.sectlevel1, ul.sectlevel2, ul.sectlevel3, ul.sectlevel4, ul.sectlevel5 { - margin-top: 0px; - } -} - -#toctitle { - font-size: 1.563em; - margin: 1.152em 0 0 0; -} - - - -.keyseq { - color: lighten($body-font-color, 20%); -} - -kbd { - font-family: $code-font-family; - display: inline-block; - color: $body-font-color; - font-size: 0.65em; - line-height: 1.45; - background-color: #f7f7f7; - border: 1px solid #ccc; - @include radius(3px); - //@include box-shadow(0 1px 0 rgba(0, 0, 0, .2), 0 0 0 0.1em white inset); - margin: 0 0.15em; - padding: 0.2em 0.5em; - vertical-align: middle; - position: relative; - top: -0.1em; - white-space: nowrap; -} - -.keyseq kbd:first-child { - margin-left: 0px; -} - -.keyseq kbd:last-child { - margin-right: 0px; -} - -.menuseq, .menu { - color: darken($body-font-color, 10%); -} - -b.button:before, b.button:after { - position: relative; - top: -1px; - font-weight: normal; -} - -b.button:before { - content: "["; - padding: 0 3px 0 2px; -} - -b.button:after { - content: "]"; - padding: 0 2px 0 3px; -} - - -// AsciiDoc block styles - -// these blocks that don't inherit panel styles -.audioblock, -.imageblock, -.literalblock, -.listingblock, -.stemblock, -.videoblock { - margin-bottom: $panel-margin-bottom; -} - -.admonitionblock td.content, -.audioblock, -.exampleblock, -.imageblock, -.listingblock, -.literalblock, -.stemblock, -.openblock, -.paragraph, -.quoteblock, -table.tableblock, -.verseblock, -.videoblock, -.dlist, -.olist, -.ulist, -.qlist, -.hdlist { - & > .title { - //FIXME @extend %subheader; - text-rendering: $subheader-text-rendering; - font-size: $subheader-font-size; - font-weight: bold; - color: $subheader-font-color; - text-align: left; - } -} - - -.admonitionblock > table { - border-collapse: separate; - border: 0; - background: none; - width: 100%; - - tr, td { - line-height: 1.6; - font-size: 1rem; - color: $text-color; - } - - td.icon { - text-align: center; - vertical-align: middle; - // FIXME use ems! - width: 80px; - img { - max-width: none; - } - .title { - //font-weight: $header-font-weight; - font-weight: bold; - font-family: $header-font-family; - text-transform: uppercase; - } - } - - td.content { - padding-left: emCalc(18px); - padding-right: emCalc(20px); - border-left: $hr-border-width $hr-border-style $hr-border-color; - // FIXME use $aside-font-color - color: $panel-font-color; - // QUESTION use opacity instead of blockquote-cite-font-color? - //opacity: 0.75; - - //& > .paragraph:last-child > p { - & > :last-child > :last-child { - margin-bottom: 0px; - } - } -} - -.exampleblock > .content { - // FIXME add variable for $example-bg - @include panel($body-bg, $panel-padding, false); - @include radius; - //& > :last-child > :last-child, - //// argh, review! - //.olist > ol > li:last-child > :last-child, - //.ulist > ul > li:last-child > :last-child, - //.qlist > ol > li:last-child > :last-child { - // margin-bottom: 0; - //} -} - - -.sidebarblock { - @include panel($panel-bg, $panel-padding, false); - @include radius; - - & > .content { - & > .title { - @extend h3; - color: $subheader-font-color; - //color: darken($header-font-color, 15%); // name this panel-header-color? - //line-height: 1.45; // a touch up from the header line height - margin-top: 0px; - margin-bottom: 0.625rem; - @if $sidebar-header-align { - text-align: $sidebar-header-align; - } - @if $sidebar-header-border-size != 0px { - border-width: $sidebar-header-border-size; - border-style: $sidebar-header-border-style; - border-color: $sidebar-header-border-color; - } - } - } -} - - -.exampleblock > .content, -.sidebarblock > .content { - // FIXME argh, review! - & > :last-child > :last-child, - .olist > ol > li:last-child > :last-child, - .ulist > ul > li:last-child > :last-child, - .qlist > ol > li:last-child > :last-child { - margin-bottom: 0; - } -} - - - -// FIXME make this situation simpler -// we're trying to accomodate highlight themes that have background colors -// if "highlight" is in first position, then a source highlighter is not in use -.literalblock pre, -.listingblock pre:not(.highlight), -.listingblock pre[class="highlight"], -.listingblock pre[class^="highlight "], -.listingblock pre.CodeRay, -.listingblock pre.prettyprint { - background: $pre-bg; - - .sidebarblock & { - // FIXME make me a variable - // FIXME what about inline code? - //background: #ededef; - background: #f2f1f1; - } - - - // override default setting for 'code' - & > code { - background: $pre-bg; - } -} - -.listingblock { - // use pre[class] so we win over pre. styles - pre, pre[class] { - @if $pre-border-size { - border: $pre-border-size $pre-border-style $pre-border-color; - } - // FIXME make border radius on listing blocks configurable! - @include radius; - word-wrap: break-word; - - background-color: $pre-bg; - - &.nowrap { - overflow-x: auto; - white-space: pre; - word-wrap: normal; - } - - // screens below breakpoint - padding: $pre-padding; - - font-size: emCalc(13px); - - @media #{$small} { - font-size: emCalc(14.5px); - } - - @media #{$medium} { - font-size: emCalc(16px); - } - } -} - -.literalblock { - pre, pre[class] { - background-color: inherit; - border: none; - padding: 0px; - - font-size: 1em; - word-wrap: break-word; - - &.nowrap { - overflow-x: auto; - white-space: pre; - word-wrap: normal; - } - } -} - -.literalblock.output pre { - // FIXME this doesn't work if pre-bg is an image! - color: $pre-bg; - background-color: $pre-font-color; -} - -// highlight.js themes put bg on , so shift padding -.listingblock pre.highlightjs { - padding: 0px; - & > code { - padding: $pre-padding; - // FIXME make border radius on listing blocks configurable! - @include radius; - } -} - -@if not $pre-border-size { - .listingblock pre.prettyprint { - border-width: 0; - } -} - -.listingblock > .content { - // give floating language text a place to drop anchor - position: relative; -} - -.listingblock code[data-lang]:before { - display: none; - content: attr(data-lang); - position: absolute; - font-size: emCalc(12px); - //top: 0.5rem; // 0.67em - top: 0.425rem; - right: 0.5rem; // 0.67em - line-height: 1; - text-transform: uppercase; - color: $text-color; -} - -.listingblock:hover code[data-lang]:before { - display: block; -} - -.listingblock.terminal pre .command:before { - content: attr(data-prompt); - padding-right: 0.5em; - color: #999; -} - -.listingblock.terminal pre .command:not([data-prompt]):before { - content: "$"; -} - -// overrides for Pygments default styles -table.pyhltable { - border-collapse: separate; - border: 0; - margin-bottom: 0; - background: none; -} - -table.pyhltable td { - vertical-align: top; - padding-top: 0; - padding-bottom: 0; - line-height: $pre-line-height; -} - -table.pyhltable td.code { - padding-left: .75em; - padding-right: 0; -} - -// QUESTION can't td:not(.code) be written as td.linenos? -pre.pygments .lineno, -table.pyhltable td:not(.code) { - color: #999; - padding-left: 0; - padding-right: .5em; - border-right: 1px solid $hr-border-color; -} - -pre.pygments .lineno { - display: inline-block; - margin-right: .25em; -} - -table.pyhltable .linenodiv { - background: none !important; - padding-right: 0 !important; -} - -// TODO -// - add centered option using margin-left: auto; margin-right: auto; padding-left: 1.5em; -.quoteblock { - margin: 0 1em $paragraph-margin-bottom 1.5em; - display: table; // enables auto width - & > .title { - margin-left: -1.5em; - margin-bottom: 0.75em; - } - - blockquote, blockquote p { - color: $blockquote-font-color; - font-size: 1.15rem; - line-height: 1.75; - word-spacing: 0.1em; - //letter-spacing: 0; - font-style: italic; - text-align: justify; - } - - blockquote { - padding: 0; - border: 0; - font-style: italic; - - &:before { - content:"\00BB"; - font-size:80px; - line-height: 0; - position:absolute; - left: -50px; - top: auto; - color: $grey-11; - } - - &:after { - content: "\00AB"; - font-size:80px; - line-height: 0; - position:absolute; - right: -50px; - } - - & > .paragraph:last-child p { - margin-bottom: 0; - } - } - - .attribution { - //margin-top: 0.5rem; - margin-top: 0.5em; - margin-right: 0.5ex; - text-align: left; - } - - .quoteblock { - margin-left: 0; - margin-right: 0; - padding: 0.5em 0; - border-left: 3px solid $blockquote-cite-font-color; - - blockquote { - padding: 0 0 0 0.75em; - &:before { - display: none; - } - } - } -} - -.verseblock { - //margin: 0 0.5em $paragraph-margin-bottom 0.5em; - margin: 0 1em $paragraph-margin-bottom 1em; - pre { - // FIXME make me a variable - font-family: "Open Sans", "DejaVu Sans", sans; - font-size: 1.15rem; - color: $blockquote-font-color; - background-color: transparent; - padding: 0px; - border: none; - overflow: initial; - font-weight: 300; - text-rendering: optimizeLegibility; - strong { - font-weight: 400; - } - } - - .attribution { - margin-top: 1.25rem; - margin-left: 0.5ex; - } -} - -.quoteblock, -.verseblock { - .attribution { - font-size: $blockquote-cite-font-size; - line-height: 1.45; - font-style: italic; - br { - display: none; - } - cite { - display: block; - //letter-spacing: -0.05em; - //letter-spacing: -0.025em; - color: $blockquote-cite-font-color; - } - } -} - -.quoteblock.abstract { - margin: 0 0 $paragraph-margin-bottom 0; - display: block; - blockquote, blockquote p { - text-align: left; - word-spacing: 0; - //letter-spacing: -0.001em; - } - - blockquote, blockquote p:first-of-type { - //&:first-line { - // font-weight: bold; - // letter-spacing: 0; - //} - - &:before { - display: none; - } - } -} - -table.tableblock { - max-width: 100%; - border-collapse: separate; - // QUESTION should this be any last-child? - td > .paragraph:last-child p, - th, td { - & > p:last-child { - margin-bottom: 0; - } - } -} - -// NOTE .grid-* selectors must be defined before .frame-* selectors in order for styles to cascade properly -table.tableblock, -th.tableblock, -td.tableblock { - border: 0 solid $table-border-color; -} - -table.grid-all th.tableblock, -table.grid-all td.tableblock { - border-width: 0 $table-border-size $table-border-size 0; -} - -table.grid-all tfoot > tr > th.tableblock, -table.grid-all tfoot > tr > td.tableblock { - border-width: $table-border-size $table-border-size 0 0; -} - -table.grid-cols th.tableblock, -table.grid-cols td.tableblock { - border-width: 0 $table-border-size 0 0; -} - -table.grid-all * > tr > .tableblock:last-child, -table.grid-cols * > tr > .tableblock:last-child { - border-right-width: 0; -} - -table.grid-rows th.tableblock, -table.grid-rows td.tableblock { - border-width: 0 0 $table-border-size 0; -} - -table.grid-all tbody > tr:last-child > th.tableblock, -table.grid-all tbody > tr:last-child > td.tableblock, -table.grid-all thead:last-child > tr > th.tableblock, -table.grid-rows tbody > tr:last-child > th.tableblock, -table.grid-rows tbody > tr:last-child > td.tableblock, -table.grid-rows thead:last-child > tr > th.tableblock { - border-bottom-width: 0; -} - -table.grid-rows tfoot > tr > th.tableblock, -table.grid-rows tfoot > tr > td.tableblock { - border-width: $table-border-size 0 0 0; -} - -table.frame-all { - border-width: $table-border-size; -} - -table.frame-sides { - border-width: 0 $table-border-size; -} - -table.frame-topbot { - border-width: $table-border-size 0; -} - -@each $halign in (left, right, center) { - th.halign-#{$halign}, - td.halign-#{$halign} { - text-align: $halign; - } -} - -@each $valign in (top, bottom, middle) { - th.valign-#{$valign}, - td.valign-#{$valign} { - vertical-align: $valign; - } -} - -// NOTE Fix required in Foundation, user-agent stylesheet is overriding -table thead th, -table tfoot th { - font-weight: $table-head-font-weight; -} - -// vertical table header (block) -tbody tr th { - display: $table-display; - //line-height: $table-line-height; - background: $table-head-bg; -} - -// vertical table header (content) -tbody tr th, -tfoot tr th { - &, p { - color: $table-head-font-color; - font-weight: $table-head-font-weight; - } -} - -p.tableblock > code:only-child { - background: none; - padding: 0; -} - -/* -p.tableblock { - font-size: 1em; -} -*/ - -td > div.verse { - white-space: pre; -} - -// AsciiDoc list styles - -ol { - margin-left: $list-side-margin + emCalc(4px); -} - -ul li ol { - margin-left: $list-side-margin; -} - -dl dd { - margin-left: $definition-list-content-margin-left; -} - -// argh -dl dd:last-child, -dl dd:last-child > :last-child { - margin-bottom: 0; -} - -ol > li p, -ul > li p, -ul dd, -ol dd, -.olist .olist, -.ulist .ulist, -.ulist .olist, -.olist .ulist { - margin-bottom: $paragraph-margin-bottom / 2; -} - -ul.unstyled, -ol.unnumbered, -ul.checklist, -ul.none { - list-style-type: none; -} - -ul.unstyled, -ol.unnumbered, -ul.checklist { - margin-left: emCalc(10px); -} - -// use consistent size for checkbox -ul.checklist li > p:first-child > .fa-square-o:first-child, -ul.checklist li > p:first-child > .fa-check-square-o:first-child { - width: 1em; - font-size: 0.85em; -} - -ul.checklist li > p:first-child > input[type="checkbox"]:first-child { - width: 1em; - position: relative; - top: 1px; -} - -ul.inline { - @include inline-list; -} - -// used when you need to style the term inline -// or should we name it "natural"? -.unstyled dl dt { - font-weight: normal; - font-style: normal; -} - -@mixin ordered-list-type($class, $type) { - ol.#{$class} { - list-style-type: #{$type}; - } -} - -@include ordered-list-type(arabic, decimal); -@include ordered-list-type(decimal, decimal-leading-zero); -@include ordered-list-type(loweralpha, lower-alpha); -@include ordered-list-type(upperalpha, upper-alpha); -@include ordered-list-type(lowerroman, lower-roman); -@include ordered-list-type(upperroman, upper-roman); -@include ordered-list-type(lowergreek, lower-greek); -//@include ordered-list-type(armenian, armenian); -//@include ordered-list-type(georgian, georgian); - -.hdlist > table, -.colist > table { - border: 0; - background: none; - & > tbody > tr { - background: none; - } -} - -td.hdlist1, -td.hdlist2 { - vertical-align: top; - padding: 0 emCalc(10px); -} - -td.hdlist1 { - font-weight: bold; - padding-bottom: $paragraph-margin-bottom; -} - -.literalblock + .colist, -.listingblock + .colist { - margin-top: -0.5em; -} - -.colist > table { - tr > td:first-of-type { - padding: 0 0.75em; - line-height: 1; - } - - tr > td:last-of-type { - padding: emCalc(4px) 0; - } -} - -// reenable once we can style the number too -//.qanda > ol > li > p > em:only-child { -// color: darken($primary-color, 5%); -//} - -// picked from foundation/components/_thumbs.css -.thumb, -.th { - line-height: 0; - display: inline-block; - border: $thumb-border-style $thumb-border-width $thumb-border-color; - @if $experimental { - -webkit-box-shadow: $thumb-box-shadow; - } - box-shadow: $thumb-box-shadow; -} - -// for now just allow title to be aligned for imageblock, might add others later -// TODO might want to support auto-sizing content so title aligns to edge of content -//.imageblock { -// &.text-center > .title { -// text-align: center !important; -// } -// -// &.text-right > .title { -// text-align: right !important; -// } -//} - -.imageblock { - &.left, - &[style*="float: left"] { - margin: emCalc(4px) emCalc(10px) $panel-margin-bottom 0; - } - &.right, - &[style*="float: right"] { - margin: emCalc(4px) 0 $panel-margin-bottom emCalc(10px); - } - //&.center { - // display: table; - //} - - & > .title { - margin-bottom: 0; - } - - &.thumb, - &.th { - border-width: $thumb-border-width + ($thumb-border-width * .5); - & > .title { - padding: 0 emCalc(2px); - } - } -} - -//span.image { -.image { - // QUESTION should we require the related role? - // "related" mean "illustrative" or "supporting" of the text - //&.related, - //&.rel { - //} - - &.left, - &.right { - margin-top: emCalc(4px); - margin-bottom: emCalc(4px); - display: inline-block; - line-height: 0; - } - - &.left { - margin-right: emCalc(10px); - } - - &.right { - margin-left: emCalc(10px); - } -} - -// NOTE defined directly on object & svg (above) to align with settings for img -//.imageblock, -//span.image { -// object[type="image/svg+xml"], svg { -// display: inline-block; -// vertical-align: middle; -// } -//} - -a.image { - text-decoration: none; - // allow SVG to be a link - display: inline-block; - //object[type="image/svg+xml"] { - object { - pointer-events: none; - } -} - -// AsciiDoc footnote styles -sup.footnote, -sup.footnoteref { - font-size: emCalc(14px); // 80% instead? - position: static; - vertical-align: super; - a { - text-decoration: none; - &:active { - text-decoration: underline; - } - } -} - -#footnotes { - padding-top: emCalc(12px); - padding-bottom: emCalc(12px); - margin-bottom: $panel-margin-bottom / 2; - hr { - width: 20%; - min-width: emCalc(100px); - margin: -0.25em 0 0.75em 0; - border-width: 1px 0 0 0; - } - .footnote { - padding: 0 0.375em 0 0.225em; // .15em difference is due to text-indent - line-height: 1.3334; - font-size: emCalc(14px); - margin-left: 1.2em; - text-indent: -1.05em; - margin-bottom: 0.2em; - a:first-of-type { - font-weight: bold; - text-decoration: none; - } - } - - .footnote:last-of-type { - margin-bottom: 0; - } - - // footnotes in embedded documents - #content & { - margin-top: -$panel-margin-bottom / 2; - margin-bottom: 0; - padding: emCalc(12px) 0; - } -} - -// for embedded gists -.gist .file-data > table { - border: 0; - background: #fff; - width: 100%; - margin-bottom: 0; - td.line-data { - width: 99%; - } -} - - -.exampleblock > .content { - // white - //background-color: #fff; - //border-color: $panel-border-color; - //FIXME @include single-box-shadow($panel-border-color, 0, 1px, 2px); - - // light yellow - background-color: #fffef7; // from rgb(252,247,227), analogous to #f8f8f7 - border-color: $panel-border-color; - //FIXME @include single-box-shadow($panel-border-color, 0, 1px, 4px); -} - -div.unbreakable { page-break-inside: avoid; } - -.big { font-size: larger; } - -.small { font-size: smaller; } - -.underline { text-decoration: underline; } - -.overline { text-decoration: overline; } - -.line-through { text-decoration: line-through; } - -.aqua { color: #00bfbf; } - -.aqua-background { background-color: #00fafa; } - -.black { color: black; } - -.black-background { background-color: black; } - -.blue { color: #0000bf; } - -.blue-background { background-color: #0000fa; } - -.fuchsia { color: #bf00bf; } - -.fuchsia-background { background-color: #fa00fa; } - -.gray { color: #606060; } - -.gray-background { background-color: #7d7d7d; } - -.green { color: #006000; } - -.green-background { background-color: #007d00; } - -.lime { color: #00bf00; } - -.lime-background { background-color: #00fa00; } - -.maroon { color: #600000; } - -.maroon-background { background-color: #7d0000; } - -.navy { color: #000060; } - -.navy-background { background-color: #00007d; } - -.olive { color: #606000; } - -.olive-background { background-color: #7d7d00; } - -.purple { color: #600060; } - -.purple-background { background-color: #7d007d; } - -.red { color: #bf0000; } - -.red-background { background-color: #fa0000; } - -.silver { color: #909090; } - -.silver-background { background-color: #bcbcbc; } - -.teal { color: #006060; } - -.teal-background { background-color: #007d7d; } - -.white { color: #bfbfbf; } - -.white-background { background-color: #fafafa; } - -.yellow { color: #bfbf00; } - -.yellow-background { background-color: #fafa00; } - -// -// _awesome-icons.sccs -// - -span.icon>.fa { - cursor: default; -} - -.admonitionblock td.icon { - [class^="fa icon-"] { - font-size: 2.5em; - text-shadow: $icon-text-shadow; - cursor: default; - } - - .icon-note:before { - //@extend .fa-info-circle; - content: "\f05a"; - color: scale-color($success-color, $lightness: $rainbow-lightness); - //color: $success-color; - font-family: FontAwesome; - } - - .icon-tip:before { - // @extend .fa-lightbulb-o; - content: "\f0eb"; - color: scale-color($info-color, $lightness: $rainbow-lightness); - //color: $info-color; - font-family: FontAwesome; - } - - .icon-warning:before { - // @extend .fa-exclamation-triangle; - content: "\f071"; - color: scale-color($warning-color, $lightness: $rainbow-lightness); - //color: $warning-color; - font-family: FontAwesome; - } - - .icon-caution:before { - // @extend .fa-fire; - content: "\f06d"; - color: scale-color($alert-color, $lightness: $rainbow-lightness); - //color: $alert-color; - font-family: FontAwesome; - } - - .icon-important:before { - // @extend .icon-exclamation-circle; - content: "\f06a"; - color: scale-color($ci-2, $lightness: $rainbow-lightness); - //color: $ci-2; - font-family: FontAwesome; - } -} - -// alternatively could use ➊ through ➓ to get the numbered circles, -// then style them as appropriate; would need to output them in the text, though -.conum[data-value] { - display: inline-block; - color: #fff !important; - background-color: $body-font-color; - @include radius(100px); - text-align: center; - font-size: 0.75em; - //width: 1.5em; - //height: 1.5em; - //line-height: 1.5em; - width: 1.67em; - height: 1.67em; - line-height: 1.67em; - // FIXME make this font a variable - font-family: "Open Sans", "DejaVu Sans", sans-serif; - font-style: normal; - // QUESTION should the callout numbers be regular weight? - font-weight: bold; - // text-indent only seems to be required for webkit - //text-indent: -1px; - - & * { - color: #fff !important; - } - - & + b { - display: none; - } - - &:after { - content: attr(data-value); - } - - pre & { - position: relative; - top: -0.125em; - } -} - -// hack to disallow syntax highlighting from changing the color -b.conum * { - color: inherit !important; -} - -// hack for when highlight.js adds a bogus element into DOM -// QUESTION should we solve this w/ javascript instead? -.conum:not([data-value]):empty { - display: none; -} diff --git a/_sass/_11_syntax-highlighting.scss b/_sass/_11_syntax-highlighting.scss deleted file mode 100644 index f0a2a0c1..00000000 --- a/_sass/_11_syntax-highlighting.scss +++ /dev/null @@ -1,66 +0,0 @@ -@charset "utf-8"; -/* Syntax highlighting styles -------------------------------------------------------------------- */ - -.highlight { - background: #fff; - .c { color: #998; font-style: italic } // Comment - .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1 { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long -} diff --git a/_sass/_functions.scss b/_sass/_functions.scss deleted file mode 100644 index 60dd1e2a..00000000 --- a/_sass/_functions.scss +++ /dev/null @@ -1,147 +0,0 @@ -@charset "utf-8"; -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -// This is the default html and body font-size for the base rem value. -$rem-base: 16px !default; - -// IMPORT ONCE -// We use this to prevent styles from being loaded multiple times for compenents that rely on other components. -$modules: () !default; -@mixin exports($name) { - // Import from global scope - $modules: $modules !global; - // Check if a module is already on the list - $module_index: index($modules, $name); - @if (($module_index == null) or ($module_index == false)) { - $modules: append($modules, $name) !global; - @content; - } -} - -// -// @functions -// - - -// RANGES -// We use these functions to define ranges for various things, like media queries. -@function lower-bound($range){ - @if length($range) <= 0 { - @return 0; - } - @return nth($range,1); -} - -@function upper-bound($range) { - @if length($range) < 2 { - @return 999999999999; - } - @return nth($range, 2); -} - -// STRIP UNIT -// It strips the unit of measure and returns it -@function strip-unit($num) { - @return $num / ($num * 0 + 1); -} - -// TEXT INPUT TYPES - -@function text-inputs( $types: all, $selector: input ) { - - $return: (); - - $all-text-input-types: - text - password - date - datetime - datetime-local - month - week - email - number - search - tel - time - url - color - textarea; - - @if $types == all { $types: $all-text-input-types; } - - @each $type in $types { - @if $type == textarea { - @if $selector == input { - $return: append($return, unquote('#{$type}'), comma) - } @else { - $return: append($return, unquote('#{$type}#{$selector}'), comma) - } - } @else { - $return: append($return, unquote('#{$selector}[type="#{$type}"]'), comma) - } - } - - @return $return; - -} - -// CONVERT TO REM -@function convert-to-rem($value, $base-value: $rem-base) { - $value: strip-unit($value) / strip-unit($base-value) * 1rem; - @if ($value == 0rem) { $value: 0; } // Turn 0rem into 0 - @return $value; -} - -@function data($attr) { - @if $namespace { - @return '[data-' + $namespace + '-' + $attr + ']'; - } - - @return '[data-' + $attr + ']'; -} - -// REM CALC - -// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of rem's. -// Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported: -// -// rem-calc(10 20 30px 40); -// -// Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets -// -// rem-calc((10, 20, 30, 40px)); -// -// Optionally call with a different base (eg: 8px) to calculate rem. -// -// rem-calc(16px 32px 48px, 8px); -// -// If you require to comma separate your list -// -// rem-calc((16px, 32px, 48), 8px); - -@function rem-calc($values, $base-value: $rem-base) { - $max: length($values); - - @if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); } - - $remValues: (); - @for $i from 1 through $max { - $remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value)); - } - @return $remValues; -} - -// OLD EM CALC -// Deprecated: We'll drop support for this in 5.1.0, use rem-calc() -@function emCalc($values){ - @return rem-calc($values); -} - -// OLD EM CALC -// Deprecated: We'll drop support for this in 5.1.0, use rem-calc() -@function em-calc($values){ - @return rem-calc($values); -} diff --git a/_sass/foundation-components/_accordion.scss b/_sass/foundation-components/_accordion.scss deleted file mode 100644 index fb575095..00000000 --- a/_sass/foundation-components/_accordion.scss +++ /dev/null @@ -1,157 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// - -$include-html-accordion-classes: $include-html-classes !default; - -$accordion-navigation-padding: rem-calc(16) !default; -$accordion-navigation-bg-color: $silver !default; -$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default; -$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default; -$accordion-navigation-font-color: $jet !default; -$accordion-navigation-font-size: rem-calc(16) !default; -$accordion-navigation-font-family: $body-font-family !default; - -$accordion-content-padding: ($column-gutter/2) !default; -$accordion-content-active-bg-color: $white !default; - - -// Mixin: accordion-container() -// Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix -// Explicit Dependencies: a clearfix mixin *is* defined. -// Implicit Dependencies: None - -@mixin accordion-container() { - @include clearfix; - margin-bottom: 0; -} - -// Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){ -// @params $bg-color: [ color or string ]: Specify the background color for the navigation element -// @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered -// @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. -// @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible -// @params $font-color [ color or string ]: Color of the font for accordion -// @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element -// @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion - -@mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){ - display: block; - margin-bottom: 0 !important; - @if type-of($active_class) != "string" { - @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component." - } - @else { - &.#{ $active_class } > a { - background: $active-bg; - } - } - > a { - background: $bg; - color: $font-color; - @if type-of($padding) != number { - @warn "`#{$padding}` was read as #{type-of($padding)}"; - @if $accordion-navigation-padding != null { - @warn "#{$padding} was read as a #{type-of($padding)}"; - @warn "`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)"; - padding: $accordion-navigation-padding; - } - @else { - @warn "`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding"; - padding: null; - } - } - @else { - padding: $padding; - } - display: block; - font-family: $font-family; - @if type-of($font-size) != number { - @warn "`#{$font-size}` was read as a #{type-of($font-size)}"; - @if $accordion-navigation-font-size != null { - @warn "`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size})."; - font-size: $accordion-navigation-font-size; - } - @else{ - @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size."; - font-size: null; - - } - } - @else { - font-size: $font-size; - } - &:hover { - background: $hover-bg; - } - } -} - -// Mixin: accordion-content($bg, $padding, $active-class) -// @params $padding [ number ]: Padding for the content of the container -// @params $bg [ color ]: Background color for the content when it's visible -// @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. - -@mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){ - display: none; - @if type-of($padding) != "number" { - @warn "#{$padding} was read as a #{type-of($padding)}"; - @if $accordion-content-padding != null { - @warn "`#{$padding}` isn't a valid number. $accordion-content-padding used instead"; - padding: $accordion-content-padding; - } @else { - @warn "`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding."; - padding: null; - } - } @else { - padding: $padding; - } - - @if type-of($active_class) != "string" { - @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. " - } - @else { - &.#{$active_class} { - display: block; - background: $bg; - } - } -} - -@include exports("accordion") { - @if $include-html-accordion-classes { - .accordion { - @include clearfix; - margin-bottom: 0; - .accordion-navigation, dd { - display: block; - margin-bottom: 0 !important; - &.active > a { background: $accordion-navigation-active-bg-color; } - > a { - background: $accordion-navigation-bg-color; - color: $accordion-navigation-font-color; - padding: $accordion-navigation-padding; - display: block; - font-family: $accordion-navigation-font-family; - font-size: $accordion-navigation-font-size; - &:hover { background: $accordion-navigation-hover-bg-color; } - } - - > .content { - display: none; - padding: $accordion-content-padding; - &.active { - display: block; - background: $accordion-content-active-bg-color; - } - } - } - } - } -} diff --git a/_sass/foundation-components/_alert-boxes.scss b/_sass/foundation-components/_alert-boxes.scss deleted file mode 100644 index 493fbaa1..00000000 --- a/_sass/foundation-components/_alert-boxes.scss +++ /dev/null @@ -1,128 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Alert Box Variables -// -$include-html-alert-classes: $include-html-classes !default; - -// We use this to control alert padding. -$alert-padding-top: rem-calc(14) !default; -$alert-padding-default-float: $alert-padding-top !default; -$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10) !default; -$alert-padding-bottom: $alert-padding-top !default; - -// We use these to control text style. -$alert-font-weight: $font-weight-normal !default; -$alert-font-size: rem-calc(13) !default; -$alert-font-color: $white !default; -$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%) !default; - -// We use this for close hover effect. -$alert-function-factor: -14% !default; - -// We use these to control border styles. -$alert-border-style: solid !default; -$alert-border-width: 1px !default; -$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor) !default; -$alert-bottom-margin: rem-calc(20) !default; - -// We use these to style the close buttons -$alert-close-color: $oil !default; -$alert-close-top: 50% !default; -$alert-close-position: rem-calc(4) !default; -$alert-close-font-size: rem-calc(22) !default; -$alert-close-opacity: 0.3 !default; -$alert-close-opacity-hover: 0.5 !default; -$alert-close-padding: 9px 6px 4px !default; -$alert-close-background: inherit !default; - -// We use this to control border radius -$alert-radius: $global-radius !default; - -$alert-transition-speed: 300ms !default; -$alert-transition-ease: ease-out !default; - -// -// Alert Mixins -// - -// We use this mixin to create a default alert base. -@mixin alert-base { - border-style: $alert-border-style; - border-width: $alert-border-width; - display: block; - font-weight: $alert-font-weight; - margin-bottom: $alert-bottom-margin; - position: relative; - padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float; - font-size: $alert-font-size; - @include single-transition(opacity, $alert-transition-speed, $alert-transition-ease) -} - -// We use this mixin to add alert styles -// -// $bg - The background of the alert. Default: $primary-color. -@mixin alert-style($bg:$primary-color) { - - // This finds the lightness percentage of the background color. - $bg-lightness: lightness($bg); - - // We control which background color and border come through. - background-color: $bg; - border-color: scale-color($bg, $lightness: $alert-function-factor); - - // We control the text color for you based on the background color. - @if $bg-lightness > 70% { color: $alert-font-color-alt; } - @else { color: $alert-font-color; } - -} - -// We use this to create the close button. -@mixin alert-close { - font-size: $alert-close-font-size; - padding: $alert-close-padding; - line-height: 0; - position: absolute; - top: $alert-close-top; - margin-top: -($alert-close-font-size / 2); - #{$opposite-direction}: $alert-close-position; - color: $alert-close-color; - opacity: $alert-close-opacity; - background: $alert-close-background; - &:hover, - &:focus { opacity: $alert-close-opacity-hover; } -} - -// We use this to quickly create alerts with a single mixin. -// -// $bg - Background of alert. Default: $primary-color. -// $radius - Radius of alert box. Default: false. -@mixin alert($bg:$primary-color, $radius:false) { - @include alert-base; - @include alert-style($bg); - @include radius($radius); -} - -@include exports("alert-box") { - @if $include-html-alert-classes { - .alert-box { - @include alert; - - .close { @include alert-close; } - - &.radius { @include radius($alert-radius); } - &.round { @include radius($global-rounded); } - - &.success { @include alert-style($success-color); } - &.alert { @include alert-style($alert-color); } - &.secondary { @include alert-style($secondary-color); } - &.warning { @include alert-style($warning-color); } - &.info { @include alert-style($info-color); } - &.alert-close { opacity: 0} - } - } -} diff --git a/_sass/foundation-components/_block-grid.scss b/_sass/foundation-components/_block-grid.scss deleted file mode 100644 index 5c7bf146..00000000 --- a/_sass/foundation-components/_block-grid.scss +++ /dev/null @@ -1,132 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Block Grid Variables -// -$include-html-block-grid-classes: $include-html-classes !default; -$include-xl-html-block-grid-classes: false !default; - -// We use this to control the maximum number of block grid elements per row -$block-grid-elements: 12 !default; -$block-grid-default-spacing: rem-calc(20) !default; - -$align-block-grid-to-grid: false !default; -@if $align-block-grid-to-grid { - $block-grid-default-spacing: $column-gutter; -} - -// Enables media queries for block-grid classes. Set to false if writing semantic HTML. -$block-grid-media-queries: true !default; - -// -// Block Grid Mixins -// - -// Create a custom block grid -// -// $per-row - # of items to display per row. Default: false. -// $spacing - # of ems to use as padding on each block item. Default: rem-calc(20). -// $base-style - Apply a base style to block grid. Default: true. -@mixin block-grid( - $per-row:false, - $spacing:$block-grid-default-spacing, - $include-spacing:true, - $base-style:true) { - - @if $base-style { - display: block; - padding: 0; - @if $align-block-grid-to-grid { - margin: 0; - } @else { - margin: 0 (-$spacing/2); - } - @include clearfix; - - &>li { - display: block; - height: auto; - float: $default-float; - @if $include-spacing { - padding: 0 ($spacing/2) $spacing; - } - } - } - - @if $per-row { - &>li { - width: 100%/$per-row; - @if $include-spacing { - padding: 0 ($spacing/2) $spacing; - } - list-style: none; - - &:nth-of-type(1n) { clear: none; } - &:nth-of-type(#{$per-row}n+1) { clear: both; } - @if $align-block-grid-to-grid { - @include block-grid-aligned($per-row, $spacing); - } - } - } -} - -@mixin block-grid-aligned($per-row, $spacing) { - @for $i from 1 through $block-grid-elements { - @if $per-row >= $i { - $grid-column: '+' + $i; - @if $per-row == $i { - $grid-column: ''; - } - &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) { - padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1)))); - padding-right: ($spacing - (($spacing / $per-row) * $i)); - } - } - } -} - -// Generate presentational markup for block grid. -// -// $size - Name of class to use, i.e. "large" will generate .large-block-grid-1, .large-block-grid-2, etc. -@mixin block-grid-html-classes($size,$include-spacing) { - @for $i from 1 through $block-grid-elements { - .#{$size}-block-grid-#{($i)} { - @include block-grid($i,$block-grid-default-spacing,$include-spacing,false); - } - } -} - -@include exports("block-grid") { - @if $include-html-block-grid-classes { - - [class*="block-grid-"] { @include block-grid; } - - @if $block-grid-media-queries { - @media #{$small-up} { - @include block-grid-html-classes($size:small,$include-spacing:false); - } - - @media #{$medium-up} { - @include block-grid-html-classes($size:medium,$include-spacing:false); - } - - @media #{$large-up} { - @include block-grid-html-classes($size:large,$include-spacing:false); - } - - @if $include-xl-html-block-grid-classes { - @media #{$xlarge-up} { - @include block-grid-html-classes($size:xlarge,$include-spacing:false); - } - - @media #{$xxlarge-up} { - @include block-grid-html-classes($size:xxlarge,$include-spacing:false); - } - } - } - } -} diff --git a/_sass/foundation-components/_breadcrumbs.scss b/_sass/foundation-components/_breadcrumbs.scss deleted file mode 100644 index 612a146c..00000000 --- a/_sass/foundation-components/_breadcrumbs.scss +++ /dev/null @@ -1,132 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Breadcrumb Variables -// -$include-html-nav-classes: $include-html-classes !default; - -// We use this to set the background color for the breadcrumb container. -$crumb-bg: scale-color($secondary-color, $lightness: 55%) !default; - -// We use these to set the padding around the breadcrumbs. -$crumb-padding: rem-calc(9 14 9) !default; -$crumb-side-padding: rem-calc(12) !default; - -// We use these to control border styles. -$crumb-function-factor: -10% !default; -$crumb-border-size: 1px !default; -$crumb-border-style: solid !default; -$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor) !default; -$crumb-radius: $global-radius !default; - -// We use these to set various text styles for breadcrumbs. -$crumb-font-size: rem-calc(11) !default; -$crumb-font-color: $primary-color !default; -$crumb-font-color-current: $oil !default; -$crumb-font-color-unavailable: $aluminum !default; -$crumb-font-transform: uppercase !default; -$crumb-link-decor: underline !default; - -// We use these to control the slash between breadcrumbs -$crumb-slash-color: $base !default; -$crumb-slash: "/" !default; - -// -// Breadcrumb Mixins -// - -// We use this mixin to create a container around our breadcrumbs -@mixin crumb-container { - display: block; - padding: $crumb-padding; - overflow: hidden; - margin-#{$default-float}: 0; - list-style: none; - border-style: $crumb-border-style; - border-width: $crumb-border-size; - - // We control which background color and border come through. - background-color: $crumb-bg; - border-color: $crumb-border-color; -} - -// We use this mixin to create breadcrumb styles from list items. -@mixin crumbs { - - // A normal state will make the links look and act like clickable breadcrumbs. - margin: 0; - float: $default-float; - font-size: $crumb-font-size; - line-height: $crumb-font-size; - text-transform: $crumb-font-transform; - color: $crumb-font-color; - - &:hover a, &:focus a { text-decoration: $crumb-link-decor; } - - a { - color: $crumb-font-color; - } - - // Current is for the link of the current page - &.current { - cursor: $cursor-default-value; - color: $crumb-font-color-current; - a { - cursor: $cursor-default-value; - color: $crumb-font-color-current; - } - - &:hover, &:hover a, - &:focus, &:focus a { text-decoration: none; } - } - - // Unavailable removed color and link styles so it looks inactive. - &.unavailable { - color: $crumb-font-color-unavailable; - a { color: $crumb-font-color-unavailable; } - - &:hover, - &:hover a, - &:focus, - a:focus { - text-decoration: none; - color: $crumb-font-color-unavailable; - cursor: $cursor-default-value; - } - } - - &:before { - content: "#{$crumb-slash}"; - color: $crumb-slash-color; - margin: 0 $crumb-side-padding; - position: relative; - top: 1px; - } - - &:first-child:before { - content: " "; - margin: 0; - } -} - -@include exports("breadcrumbs") { - @if $include-html-nav-classes { - .breadcrumbs { - @include crumb-container; - @include radius($crumb-radius); - - &>* { - @include crumbs; - } - } - } -} - -/* Accessibility - hides the forward slash */ -[aria-label="breadcrumbs"] [aria-hidden="true"]:after { - content: "/"; - } diff --git a/_sass/foundation-components/_button-groups.scss b/_sass/foundation-components/_button-groups.scss deleted file mode 100644 index c989dfba..00000000 --- a/_sass/foundation-components/_button-groups.scss +++ /dev/null @@ -1,197 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "buttons"; - -// -// Button Group Variables -// -$include-html-button-classes: $include-html-classes !default; - -// Sets the margin for the right side by default, and the left margin if right-to-left direction is used -$button-bar-margin-opposite: rem-calc(10) !default; -$button-group-border-width: 1px !default; - -// -// Button Group Mixins -// - -// We use this to add styles for a button group container -@mixin button-group-container($styles:true, $float:false) { - @if $styles { - list-style: none; - margin: 0; - #{$default-float}: 0; - @include clearfix(); - } - @if $float { - float: #{$default-float}; - margin-#{$opposite-direction}: $button-bar-margin-opposite; - & div { overflow: hidden; } - } -} - -// We use this to control styles for button groups -@mixin button-group-style($radius:false, $even:false, $float:false, $orientation:horizontal) { - - > button, .button { - border-#{$default-float}: $button-group-border-width solid; - border-color: rgba(255, 255, 255, 0.5); - } - - &:first-child { - button, .button { - border-#{$default-float}: 0; - } - } - - // We use this to control the flow, or remove those styles completely. - @if $float { - margin: 0; - float: $float; - display: list-item; - // Make sure the first child doesn't get the negative margin. - &:first-child { margin-#{$default-float}: 0; } - } - @else { - margin: 0 -2px; - display: inline-block; - } - - @if $orientation == vertical { - display:block; - margin:0; - > button, .button { - border-top: $button-group-border-width solid; - border-color: rgba(255, 255, 255, 0.5); - border-left-width: 0; - margin:0; - display: block; - } - - &:first-child { - button, .button { - border-top: 0; - } - } - } - - // We use these to control left and right radius on first/last buttons in the group. - @if $radius == true { - &, - & > a, - & > button, - & > .button { @include radius(0); } - &:first-child, - &:first-child > a, - &:first-child > button, - &:first-child > .button { - @if $orientation == vertical { - @include side-radius(top, $button-radius); - } - @else { - @include side-radius($default-float, $button-radius); - } - } - &:last-child, - &:last-child > a, - &:last-child > button, - &:last-child > .button { - @if $orientation == vertical { - @include side-radius(bottom, $button-radius); - } - @else { - @include side-radius($opposite-direction, $button-radius); - } - } - } - @else if $radius { - &, - & > a, - & > button, - & > .button { @include radius(0); } - &:first-child, - &:first-child > a, - &:first-child > button, - &:first-child > .button { - @if $orientation == vertical { - @include side-radius(top, $radius); - } - @else { - @include side-radius($default-float, $radius); - } - } - &:last-child, - &:last-child > a, - &:last-child > button, - &:last-child > .button { - @if $orientation == vertical { - @include side-radius(bottom, $radius); - } - @else { - @include side-radius($opposite-direction, $radius); - } - } - } - - // We use this to make the buttons even width across their container - @if $even { - width: percentage((100/$even) / 100); - button, .button { width: 100%; } - } -} - -@include exports("button-group") { - @if $include-html-button-classes { - .button-group { @include button-group-container; - - & > li { @include button-group-style(); } - - &.stack { - & > li { @include button-group-style($orientation:vertical); float: none; } - } - - &.stack-for-small { - & > li { - @include button-group-style($orientation:horizontal); - @media #{$small-only} { - @include button-group-style($orientation:vertical); - } - } - } - - &.radius > * { @include button-group-style($radius:$button-radius, $float:null); } - &.radius.stack > * { @include button-group-style($radius:$button-radius, $float:null, $orientation:vertical); } - &.radius.stack-for-small > * { - @media #{$medium-up} { - @include button-group-style($radius:$button-radius, $orientation:horizontal); - } - @media #{$small-only} { - @include button-group-style($radius:$button-radius, $orientation:vertical); - } - } - - &.round > * { @include button-group-style($radius:$button-round, $float:null); } - &.round.stack > * { @include button-group-style($radius:$button-med, $float:null, $orientation:vertical); } - &.round.stack-for-small > * { - @media #{$medium-up} { - @include button-group-style($radius:$button-round, $orientation:horizontal); - } - @media #{$small-only} { - @include button-group-style($radius:$button-med, $orientation:vertical); - } - } - - @for $i from 2 through 8 { - &.even-#{$i} li { @include button-group-style($even:$i, $float:null); } - } - } - - .button-bar { - @include clearfix; - .button-group { @include button-group-container($styles:false, $float:true); } - } - } -} diff --git a/_sass/foundation-components/_buttons.scss b/_sass/foundation-components/_buttons.scss deleted file mode 100644 index 022f6d5e..00000000 --- a/_sass/foundation-components/_buttons.scss +++ /dev/null @@ -1,259 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-button-classes: $include-html-classes !default; - -// We use these to build padding for buttons. -$button-tny: rem-calc(10) !default; -$button-sml: rem-calc(14) !default; -$button-med: rem-calc(16) !default; -$button-lrg: rem-calc(18) !default; - -// We use this to control the display property. -$button-display: inline-block !default; -$button-margin-bottom: rem-calc(20) !default; - -// We use these to control button text styles. -$button-font-family: $body-font-family !default; -$button-font-color: $white !default; -$button-font-color-alt: $oil !default; -$button-font-tny: rem-calc(11) !default; -$button-font-sml: rem-calc(13) !default; -$button-font-med: rem-calc(16) !default; -$button-font-lrg: rem-calc(20) !default; -$button-font-weight: $font-weight-normal !default; -$button-font-align: center !default; - -// We use these to control various hover effects. -$button-function-factor: -20% !default; - -// We use these to control button border styles. -$button-border-width: 0 !default; -$button-border-style: solid !default; -$button-bg-color: $primary-color !default; -$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default; -$button-border-color: $button-bg-hover !default; -$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default; -$secondary-button-border-color: $secondary-button-bg-hover !default; -$success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor) !default; -$success-button-border-color: $success-button-bg-hover !default; -$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default; -$alert-button-border-color: $alert-button-bg-hover !default; -$warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor) !default; -$warning-button-border-color: $warning-button-bg-hover !default; -$info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor) !default; -$info-button-border-color: $info-button-bg-hover !default; - -// We use this to set the default radius used throughout the core. -$button-radius: $global-radius !default; -$button-round: $global-rounded !default; - -// We use this to set default opacity and cursor for disabled buttons. -$button-disabled-opacity: 0.7 !default; -$button-disabled-cursor: $cursor-default-value !default; - - -// -// @MIXIN -// -// We use this mixin to create a default button base. -// -// $style - Sets base styles. Can be set to false. Default: true. -// $display - Used to control display property. Default: $button-display || inline-block - -@mixin button-base($style:true, $display:$button-display) { - @if $style { - border-style: $button-border-style; - border-width: $button-border-width; - cursor: $cursor-pointer-value; - font-family: $button-font-family; - font-weight: $button-font-weight; - line-height: normal; - margin: 0 0 $button-margin-bottom; - position: relative; - text-decoration: none; - text-align: $button-font-align; - -webkit-appearance: none; - border-radius:0; - } - @if $display { display: $display; } -} - -// @MIXIN -// -// We use this mixin to add button size styles -// -// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12) -// $full-width - We can set $full-width:true to remove side padding extend width - Default: false - -@mixin button-size($padding:$button-med, $full-width:false) { - - // We control which padding styles come through, - // these can be turned off by setting $padding:false - @if $padding { - padding-top: $padding; - padding-#{$opposite-direction}: $padding * 2; - padding-bottom: $padding + rem-calc(1); - padding-#{$default-float}: $padding * 2; - - // We control the font-size based on mixin input. - @if $padding == $button-med { font-size: $button-font-med; } - @else if $padding == $button-tny { font-size: $button-font-tny; } - @else if $padding == $button-sml { font-size: $button-font-sml; } - @else if $padding == $button-lrg { font-size: $button-font-lrg; } - } - - // We can set $full-width:true to remove side padding extend width. - @if $full-width { - // We still need to check if $padding is set. - @if $padding { - padding-top: $padding; - padding-bottom: $padding + rem-calc(1); - } @else if $padding == false { - padding-top:0; - padding-bottom:0; - } - padding-right: 0; - padding-left: 0; - width: 100%; - } -} - -// @MIXIN -// -// we use this mixin to create the button hover and border colors - -// @MIXIN -// -// We use this mixin to add button color styles -// -// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color. -// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: true -// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false -// $bg-hover - Button Hover Background Color. Default: $button-bg-hover -// $border-color - Button Border Color. Default: $button-border-color -@mixin button-style($bg:$button-bg-color, $radius:false, $disabled:false, $bg-hover:null, $border-color:null) { - - // We control which background styles are used, - // these can be removed by setting $bg:false - @if $bg { - - @if $bg-hover == null { - $bg-hover: if($bg == $button-bg-color, $button-bg-hover, scale-color($bg, $lightness: $button-function-factor)); - } - - @if $border-color == null { - $border-color: if($bg == $button-bg-color, $button-border-color, scale-color($bg, $lightness: $button-function-factor)); - } - - // This find the lightness percentage of the background color. - $bg-lightness: lightness($bg); - $bg-hover-lightness: lightness($bg-hover); - - background-color: $bg; - border-color: $border-color; - &:hover, - &:focus { background-color: $bg-hover; } - - // We control the text color for you based on the background color. - color: if($bg-lightness > 70%, $button-font-color-alt, $button-font-color); - - &:hover, - &:focus { - color: if($bg-hover-lightness > 70%, $button-font-color-alt, $button-font-color); - } - } - - // We can set $disabled:true to create a disabled transparent button. - @if $disabled { - cursor: $button-disabled-cursor; - opacity: $button-disabled-opacity; - box-shadow: none; - &:hover, - &:focus { background-color: $bg; } - } - - // We can control how much button radius is used. - @if $radius == true { @include radius($button-radius); } - @else if $radius { @include radius($radius); } - -} - -// @MIXIN -// -// We use this to quickly create buttons with a single mixin. As @jaredhardy puts it, "the kitchen sink mixin" -// -// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12) -// $bg - Primary color set in settings file. Default: $button-bg. -// $radius - If true, set to button radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default:false. -// $full-width - We can set $full-width:true to remove side padding extend width. Default:false. -// $disabled - We can set $disabled:true to create a disabled transparent button. Default:false. -// $is-prefix - Not used? Default:false. -// $bg-hover - Button Hover Color - Default null - see button-style mixin -// $border-color - Button Border Color - Default null - see button-style mixin -// $transition - We can control whether or not to include the background-color transition property - Default:true. -@mixin button($padding:$button-med, $bg:$button-bg-color, $radius:false, $full-width:false, $disabled:false, $is-prefix:false, $bg-hover:null, $border-color:null, $transition: true) { - @include button-base; - @include button-size($padding, $full-width); - @include button-style($bg, $radius, $disabled, $bg-hover, $border-color); - - @if $transition { - @include single-transition(background-color); - } -} - - -@include exports("button") { - @if $include-html-button-classes { - - // Default styles applied outside of media query - button, .button { - @include button-base; - @include button-size; - @include button-style; - - @include single-transition(background-color); - - &.secondary { @include button-style($bg:$secondary-color, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); } - &.success { @include button-style($bg:$success-color, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); } - &.alert { @include button-style($bg:$alert-color, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); } - &.warning { @include button-style($bg:$warning-color, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); } - &.info { @include button-style($bg:$info-color, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); } - - &.large { @include button-size($padding:$button-lrg); } - &.small { @include button-size($padding:$button-sml); } - &.tiny { @include button-size($padding:$button-tny); } - &.expand { @include button-size($padding:null,$full-width:true); } - - &.left-align { text-align: left; text-indent: rem-calc(12); } - &.right-align { text-align: right; padding-right: rem-calc(12); } - - &.radius { @include button-style($bg:false, $radius:true); } - &.round { @include button-style($bg:false, $radius:$button-round); } - - &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover, $border-color:$button-border-color); - &.secondary { @include button-style($bg:$secondary-color, $disabled:true, $bg-hover:$secondary-button-bg-hover, $border-color:$secondary-button-border-color); } - &.success { @include button-style($bg:$success-color, $disabled:true, $bg-hover:$success-button-bg-hover, $border-color:$success-button-border-color); } - &.alert { @include button-style($bg:$alert-color, $disabled:true, $bg-hover:$alert-button-bg-hover, $border-color:$alert-button-border-color); } - &.warning { @include button-style($bg:$warning-color, $disabled:true, $bg-hover:$warning-button-bg-hover, $border-color:$warning-button-border-color); } - &.info { @include button-style($bg:$info-color, $disabled:true, $bg-hover:$info-button-bg-hover, $border-color:$info-button-border-color); } - } - } - - //firefox 2px fix - button::-moz-focus-inner {border:0; padding:0;} - - @media #{$medium-up} { - button, .button { - @include button-base($style:false, $display:inline-block); - @include button-size($padding:false, $full-width:false); - } - } - } -} diff --git a/_sass/foundation-components/_clearing.scss b/_sass/foundation-components/_clearing.scss deleted file mode 100644 index 737af299..00000000 --- a/_sass/foundation-components/_clearing.scss +++ /dev/null @@ -1,247 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-clearing-classes: $include-html-classes !default; - -// We use these to set the background colors for parts of Clearing. -$clearing-bg: $oil !default; -$clearing-caption-bg: $clearing-bg !default; -$clearing-carousel-bg: rgba(51,51,51,0.8) !default; -$clearing-img-bg: $clearing-bg !default; - -// We use these to style the close button -$clearing-close-color: $iron !default; -$clearing-close-size: 30px !default; - -// We use these to style the arrows -$clearing-arrow-size: 12px !default; -$clearing-arrow-color: $clearing-close-color !default; - -// We use these to style captions -$clearing-caption-font-color: $iron !default; -$clearing-caption-font-size: 0.875em !default; -$clearing-caption-padding: 10px 30px 20px !default; - -// We use these to make the image and carousel height and style -$clearing-active-img-height: 85% !default; -$clearing-carousel-height: 120px !default; -$clearing-carousel-thumb-width: 120px !default; -$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default; - -@include exports("clearing") { - @if $include-html-clearing-classes { - // We decided to not create a mixin for Clearing because it relies - // on predefined classes and structure to work properly. - // The variables above should give enough control. - - /* Clearing Styles */ - .clearing-thumbs, #{data('clearing')} { - @include clearfix; - margin-bottom: 0; - margin-#{$default-float}: 0; - list-style: none; - - li { - float: $default-float; - margin-#{$opposite-direction}: 10px; - } - - &[class*="block-grid-"] li { - margin-#{$opposite-direction}: 0; - } - } - - .clearing-blackout { - background: $clearing-bg; - position: fixed; - width: 100%; - height: 100%; - top: 0; - #{$default-float}: 0; - z-index: 998; - - .clearing-close { display: block; } - } - - .clearing-container { - position: relative; - z-index: 998; - height: 100%; - overflow: hidden; - margin: 0; - } - - .clearing-touch-label { - position: absolute; - top: 50%; - left: 50%; - color: $base; - font-size: 0.6em; - } - - .visible-img { - height: 95%; - position: relative; - - img { - position: absolute; - #{$default-float}: 50%; - top: 50%; - margin-#{$default-float}: -50%; - max-height: 100%; - max-width: 100%; - } - } - - .clearing-caption { - color: $clearing-caption-font-color; - font-size: $clearing-caption-font-size; - line-height: 1.3; - margin-bottom: 0; - text-align: center; - bottom: 0; - background: $clearing-caption-bg; - width: 100%; - padding: $clearing-caption-padding; - position: absolute; - #{$default-float}: 0; - } - - .clearing-close { - z-index: 999; - padding-#{$default-float}: 20px; - padding-top: 10px; - font-size: $clearing-close-size; - line-height: 1; - color: $clearing-close-color; - display: none; - - &:hover, - &:focus { color: $iron; } - } - - .clearing-assembled .clearing-container { height: 100%; - .carousel > ul { display: none; } - } - - // If you want to show a lightbox, but only have a single image come through as the thumbnail - .clearing-feature li { - display: none; - &.clearing-featured-img { - display: block; - } - } - - // Large screen overrides - @media #{$medium-up} { - .clearing-main-prev, - .clearing-main-next { - position: absolute; - height: 100%; - width: 40px; - top: 0; - & > span { - position: absolute; - top: 50%; - display: block; - width: 0; - height: 0; - border: solid $clearing-arrow-size; - &:hover { opacity: 0.8; } - } - } - .clearing-main-prev { - #{$default-float}: 0; - & > span { - #{$default-float}: 5px; - border-color: transparent; - border-#{$opposite-direction}-color: $clearing-arrow-color; - } - } - .clearing-main-next { - #{$opposite-direction}: 0; - & > span { - border-color: transparent; - border-#{$default-float}-color: $clearing-arrow-color; - } - } - - .clearing-main-prev.disabled, - .clearing-main-next.disabled { opacity: 0.3; } - - .clearing-assembled .clearing-container { - - .carousel { - background: $clearing-carousel-bg; - height: $clearing-carousel-height; - margin-top: 10px; - text-align: center; - - & > ul { - display: inline-block; - z-index: 999; - height: 100%; - position: relative; - float: none; - - li { - display: block; - width: $clearing-carousel-thumb-width; - min-height: inherit; - float: $default-float; - overflow: hidden; - margin-#{$opposite-direction}: 0; - padding: 0; - position: relative; - cursor: $cursor-pointer-value; - opacity: 0.4; - clear: none; - - &.fix-height { - img { - height: 100%; - max-width: none; - } - } - - a.th { - border: none; - box-shadow: none; - display: block; - } - - img { - cursor: $cursor-pointer-value !important; - width: 100% !important; - } - - &.visible { opacity: 1; } - &:hover { opacity: 0.8; } - } - } - } - - .visible-img { - background: $clearing-img-bg; - overflow: hidden; - height: $clearing-active-img-height; - } - } - - .clearing-close { - position: absolute; - top: 10px; - #{$opposite-direction}: 20px; - padding-#{$default-float}: 0; - padding-top: 0; - } - } - - } -} diff --git a/_sass/foundation-components/_dropdown-buttons.scss b/_sass/foundation-components/_dropdown-buttons.scss deleted file mode 100644 index 3e45e5a5..00000000 --- a/_sass/foundation-components/_dropdown-buttons.scss +++ /dev/null @@ -1,130 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-button-classes: $include-html-classes !default; - -// We use these to set the color of the pip in dropdown buttons -$dropdown-button-pip-color: $white !default; -$dropdown-button-pip-color-alt: $oil !default; - -$button-pip-tny: rem-calc(6) !default; -$button-pip-sml: rem-calc(7) !default; -$button-pip-med: rem-calc(9) !default; -$button-pip-lrg: rem-calc(11) !default; - -// We use these to style tiny dropdown buttons -$dropdown-button-padding-tny: $button-pip-tny * 7 !default; -$dropdown-button-pip-size-tny: $button-pip-tny !default; -$dropdown-button-pip-opposite-tny: $button-pip-tny * 3 !default; -$dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1) !default; - -// We use these to style small dropdown buttons -$dropdown-button-padding-sml: $button-pip-sml * 7 !default; -$dropdown-button-pip-size-sml: $button-pip-sml !default; -$dropdown-button-pip-opposite-sml: $button-pip-sml * 3 !default; -$dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1) !default; - -// We use these to style medium dropdown buttons -$dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3) !default; -$dropdown-button-pip-size-med: $button-pip-med - rem-calc(3) !default; -$dropdown-button-pip-opposite-med: $button-pip-med * 2.5 !default; -$dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2) !default; - -// We use these to style large dropdown buttons -$dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3) !default; -$dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default; -$dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5 !default; -$dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default; - -// @mixins -// -// Dropdown Button Mixin -// -// We use this mixin to build off of the button mixin and add dropdown button styles -// -// $padding - Determines the size of button you're working with. Default: medium. Options [tiny, small, medium, large] -// $pip-color - Color of the little triangle that points to the dropdown. Default: $white. -// $base-style - Add in base-styles. This can be set to false. Default:true - -@mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) { - - // We add in base styles, but they can be negated by setting to 'false'. - @if $base-style { - position: relative; - outline: none; - - // This creates the base styles for the triangle pip - &::after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: solid; - border-color: $dropdown-button-pip-color transparent transparent transparent; - top: 50%; - } - } - - // If we're dealing with tiny buttons, use these styles - @if $padding == tiny { - padding-#{$opposite-direction}: $dropdown-button-padding-tny; - &:after { - border-width: $dropdown-button-pip-size-tny; - #{$opposite-direction}: $dropdown-button-pip-opposite-tny; - margin-top: $dropdown-button-pip-top-tny; - } - } - - // If we're dealing with small buttons, use these styles - @if $padding == small { - padding-#{$opposite-direction}: $dropdown-button-padding-sml; - &::after { - border-width: $dropdown-button-pip-size-sml; - #{$opposite-direction}: $dropdown-button-pip-opposite-sml; - margin-top: $dropdown-button-pip-top-sml; - } - } - - // If we're dealing with default (medium) buttons, use these styles - @if $padding == medium { - padding-#{$opposite-direction}: $dropdown-button-padding-med; - &::after { - border-width: $dropdown-button-pip-size-med; - #{$opposite-direction}: $dropdown-button-pip-opposite-med; - margin-top: $dropdown-button-pip-top-med; - } - } - - // If we're dealing with large buttons, use these styles - @if $padding == large { - padding-#{$opposite-direction}: $dropdown-button-padding-lrg; - &::after { - border-width: $dropdown-button-pip-size-lrg; - #{$opposite-direction}: $dropdown-button-pip-opposite-lrg; - margin-top: $dropdown-button-pip-top-lrg; - } - } - - // We can control the pip color. We didn't use logic in this case, just set it and forget it. - @if $pip-color { - &::after { border-color: $pip-color transparent transparent transparent; } - } -} - -@include exports("dropdown-button") { - @if $include-html-button-classes { - .dropdown.button, button.dropdown { @include dropdown-button; - &.tiny { @include dropdown-button(tiny,$base-style:false); } - &.small { @include dropdown-button(small,$base-style:false); } - &.large { @include dropdown-button(large,$base-style:false); } - &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; } - } - } -} diff --git a/_sass/foundation-components/_dropdown.scss b/_sass/foundation-components/_dropdown.scss deleted file mode 100644 index 215a76c2..00000000 --- a/_sass/foundation-components/_dropdown.scss +++ /dev/null @@ -1,262 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-dropdown-classes: $include-html-classes !default; - -// We use these to controls height and width styles. -$f-dropdown-max-width: 200px !default; -$f-dropdown-height: auto !default; -$f-dropdown-max-height: none !default; - -// Used for bottom position -$f-dropdown-margin-top: 2px !default; - -// Used for right position -$f-dropdown-margin-left: $f-dropdown-margin-top !default; - -// Used for left position -$f-dropdown-margin-right: $f-dropdown-margin-top !default; - -// Used for top position -$f-dropdown-margin-bottom: $f-dropdown-margin-top !default; - -// We use this to control the background color -$f-dropdown-bg: $white !default; - -// We use this to set the border styles for dropdowns. -$f-dropdown-border-style: solid !default; -$f-dropdown-border-width: 1px !default; -$f-dropdown-border-color: scale-color($white, $lightness: -20%) !default; - -// We use these to style the triangle pip. -$f-dropdown-triangle-size: 6px !default; -$f-dropdown-triangle-color: $white !default; -$f-dropdown-triangle-side-offset: 10px !default; - -// We use these to control styles for the list elements. -$f-dropdown-list-style: none !default; -$f-dropdown-font-color: $charcoal !default; -$f-dropdown-font-size: rem-calc(14) !default; -$f-dropdown-list-padding: rem-calc(5, 10) !default; -$f-dropdown-line-height: rem-calc(18) !default; -$f-dropdown-list-hover-bg: $smoke !default; -$dropdown-mobile-default-float: 0 !default; - -// We use this to control the styles for when the dropdown has custom content. -$f-dropdown-content-padding: rem-calc(20) !default; - -// Default radius for dropdown. -$f-dropdown-radius: $global-radius !default; - -// -// @mixins -// -// -// NOTE: Make default max-width change between list and content types. Can add more width with classes, maybe .small, .medium, .large, etc.; -// We use this to style the dropdown container element. -// $content-list - Sets list-style. Default: list. Options: [list, content] -// $triangle - Sets if dropdown has triangle. Default:true. -// $max-width - Default: $f-dropdown-max-width || 200px. -@mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) { - position: absolute; - left: -9999px; - list-style: $f-dropdown-list-style; - margin-#{$default-float}: 0; - outline: none; - - > *:first-child { margin-top: 0; } - > *:last-child { margin-bottom: 0; } - - @if $content == list { - width: 100%; - max-height: $f-dropdown-max-height; - height: $f-dropdown-height; - background: $f-dropdown-bg; - border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color; - font-size: $f-dropdown-font-size; - z-index: 89; - } - @else if $content == content { - padding: $f-dropdown-content-padding; - width: 100%; - height: $f-dropdown-height; - max-height: $f-dropdown-max-height; - background: $f-dropdown-bg; - border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color; - font-size: $f-dropdown-font-size; - z-index: 89; - } - - @if $triangle == bottom { - margin-top: $f-dropdown-margin-top; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom); - position: absolute; - top: -($f-dropdown-triangle-size * 2); - #{$default-float}: $f-dropdown-triangle-side-offset; - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom); - position: absolute; - top: -(($f-dropdown-triangle-size + 1) * 2); - #{$default-float}: $f-dropdown-triangle-side-offset - 1; - z-index: 88; - } - - &.right:before { - #{$default-float}: auto; - #{$opposite-direction}: $f-dropdown-triangle-side-offset; - } - &.right:after { - #{$default-float}: auto; - #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1; - } - } - - @if $triangle == $default-float { - margin-top: 0; - margin-#{$default-float}: $f-dropdown-margin-right; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$opposite-direction}); - position: absolute; - top: $f-dropdown-triangle-side-offset; - #{$default-float}: -($f-dropdown-triangle-size * 2); - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$opposite-direction}); - position: absolute; - top: $f-dropdown-triangle-side-offset - 1; - #{$default-float}: -($f-dropdown-triangle-size * 2) - 2; - z-index: 88; - } - - } - - @if $triangle == $opposite-direction { - margin-top: 0; - margin-#{$default-float}: -$f-dropdown-margin-right; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, #{$default-float}); - position: absolute; - top: $f-dropdown-triangle-side-offset; - #{$opposite-direction}: -($f-dropdown-triangle-size * 2); - #{$default-float}: auto; - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, #{$default-float}); - position: absolute; - top: $f-dropdown-triangle-side-offset - 1; - #{$opposite-direction}: -($f-dropdown-triangle-size * 2) - 2; - #{$default-float}: auto; - z-index: 88; - } - - } - - @if $triangle == top { - margin-top: -$f-dropdown-margin-bottom; - margin-left: 0; - - &:before { - @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top); - position: absolute; - top: auto; - bottom: -($f-dropdown-triangle-size * 2); - #{$default-float}: $f-dropdown-triangle-side-offset; - #{$opposite-direction}: auto; - z-index: 89; - } - &:after { - @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top); - position: absolute; - top: auto; - bottom: -($f-dropdown-triangle-size * 2) - 2; - #{$default-float}: $f-dropdown-triangle-side-offset - 1; - #{$opposite-direction}: auto; - z-index: 88; - } - - } - - @if $max-width { max-width: $max-width; } - @else { max-width: $f-dropdown-max-width; } - -} - -// @MIXIN -// -// We use this to style the list elements or content inside the dropdown. - -@mixin dropdown-style { - font-size: $f-dropdown-font-size; - cursor: $cursor-pointer-value; - - line-height: $f-dropdown-line-height; - margin: 0; - - &:hover, - &:focus { background: $f-dropdown-list-hover-bg; } - - &.radius { @include radius($f-dropdown-radius); } - - a { - display: block; - padding: $f-dropdown-list-padding; - color: $f-dropdown-font-color; - } -} - -@include exports("dropdown") { - @if $include-html-dropdown-classes { - - /* Foundation Dropdowns */ - .f-dropdown { - @include dropdown-container(list, bottom); - - &.drop-#{$opposite-direction} { - @include dropdown-container(list, #{$default-float}); - } - - &.drop-#{$default-float} { - @include dropdown-container(list, #{$opposite-direction}); - } - - &.drop-top { - @include dropdown-container(list, top); - } - // max-width: none; - - li { @include dropdown-style; } - - // You can also put custom content in these dropdowns - &.content { @include dropdown-container(content, $triangle:false); } - - // Sizes - &.tiny { max-width: 200px; } - &.small { max-width: 300px; } - &.medium { max-width: 500px; } - &.large { max-width: 800px; } - &.mega { - width:100%!important; - max-width:100%!important; - - &.open{ - left:0!important; - } - } - } - - } -} diff --git a/_sass/foundation-components/_flex-video.scss b/_sass/foundation-components/_flex-video.scss deleted file mode 100644 index 631ca9b6..00000000 --- a/_sass/foundation-components/_flex-video.scss +++ /dev/null @@ -1,51 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-media-classes: $include-html-classes !default; - -// We use these to control video container padding and margins -$flex-video-padding-top: rem-calc(25) !default; -$flex-video-padding-bottom: 67.5% !default; -$flex-video-margin-bottom: rem-calc(16) !default; - -// We use this to control widescreen bottom padding -$flex-video-widescreen-padding-bottom: 56.34% !default; - -// -// @mixins -// - -@mixin flex-video-container { - position: relative; - padding-top: $flex-video-padding-top; - padding-bottom: $flex-video-padding-bottom; - height: 0; - margin-bottom: $flex-video-margin-bottom; - overflow: hidden; - - &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; } - &.vimeo { padding-top: 0; } - - iframe, - object, - embed, - video { - position: absolute; - top: 0; - #{$default-float}: 0; - width: 100%; - height: 100%; - } -} - -@include exports("flex-video") { - @if $include-html-media-classes { - .flex-video { @include flex-video-container; } - } -} \ No newline at end of file diff --git a/_sass/foundation-components/_forms.scss b/_sass/foundation-components/_forms.scss deleted file mode 100644 index 80124fd0..00000000 --- a/_sass/foundation-components/_forms.scss +++ /dev/null @@ -1,570 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "buttons"; - -// -// @variables -// -$include-html-form-classes: $include-html-classes !default; - -// We use this to set the base for lots of form spacing and positioning styles -$form-spacing: rem-calc(16) !default; - -// We use these to style the labels in different ways -$form-label-pointer: pointer !default; -$form-label-font-size: rem-calc(14) !default; -$form-label-font-weight: $font-weight-normal !default; -$form-label-line-height: 1.5 !default; -$form-label-font-color: scale-color($black, $lightness: 30%) !default; -$form-label-small-transform: capitalize !default; -$form-label-bottom-margin: 0 !default; -$input-font-family: inherit !default; -$input-font-color: rgba(0,0,0,0.75) !default; -$input-font-size: rem-calc(14) !default; -$input-bg-color: $white !default; -$input-focus-bg-color: scale-color($white, $lightness: -2%) !default; -$input-border-color: scale-color($white, $lightness: -20%) !default; -$input-focus-border-color: scale-color($white, $lightness: -40%) !default; -$input-border-style: solid !default; -$input-border-width: 1px !default; -$input-border-radius: $global-radius !default; -$input-disabled-bg: $gainsboro !default; -$input-disabled-cursor: $cursor-default-value !default; -$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default; -$input-include-glowing-effect: true !default; - -// We use these to style the fieldset border and spacing. -$fieldset-border-style: solid !default; -$fieldset-border-width: 1px !default; -$fieldset-border-color: $gainsboro !default; -$fieldset-padding: rem-calc(20) !default; -$fieldset-margin: rem-calc(18 0) !default; - -// We use these to style the legends when you use them -$legend-bg: $white !default; -$legend-font-weight: $font-weight-bold !default; -$legend-padding: rem-calc(0 3) !default; - -// We use these to style the prefix and postfix input elements -$input-prefix-bg: scale-color($white, $lightness: -5%) !default; -$input-prefix-border-color: scale-color($white, $lightness: -20%) !default; -$input-prefix-border-size: 1px !default; -$input-prefix-border-type: solid !default; -$input-prefix-overflow: hidden !default; -$input-prefix-font-color: $oil !default; -$input-prefix-font-color-alt: $white !default; - -// We use this setting to turn on/off HTML5 number spinners (the up/down arrows) -$input-number-spinners: true !default; - -// We use these to style the error states for inputs and labels -$input-error-message-padding: rem-calc(6 9 9) !default; -$input-error-message-top: -1px !default; -$input-error-message-font-size: rem-calc(12) !default; -$input-error-message-font-weight: $font-weight-normal !default; -$input-error-message-font-style: italic !default; -$input-error-message-font-color: $white !default; -$input-error-message-bg-color: $alert-color !default; -$input-error-message-font-color-alt: $oil !default; - -// We use this to style the glowing effect of inputs when focused -$glowing-effect-fade-time: 0.45s !default; -$glowing-effect-color: $input-focus-border-color !default; - -// Select variables -$select-bg-color: $ghost !default; -$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; - -// -// @MIXINS -// - -// We use this mixin to give us form styles for rows inside of forms -@mixin form-row-base { - .row { margin: 0 ((-$form-spacing) / 2); - - .column, - .columns { padding: 0 ($form-spacing / 2); } - - // Use this to collapse the margins of a form row - &.collapse { margin: 0; - - .column, - .columns { padding: 0; } - input { - @include side-radius($opposite-direction, 0); - } - - } - } - input.column, - input.columns, - textarea.column, - textarea.columns { padding-#{$default-float}: ($form-spacing / 2); } -} - -// @MIXIN -// -// We use this mixin to give all basic form elements their style -@mixin form-element { - background-color: $input-bg-color; - font-family: $input-font-family; - border: { - style: $input-border-style; - width: $input-border-width; - color: $input-border-color; - } - box-shadow: $input-box-shadow; - color: $input-font-color; - display: block; - font-size: $input-font-size; - margin: 0 0 $form-spacing 0; - padding: $form-spacing / 2; - height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); - width: 100%; - @include box-sizing(border-box); - @if $input-include-glowing-effect { - @include block-glowing-effect(focus, $glowing-effect-fade-time, $glowing-effect-color); - } - // Basic focus styles - &:focus { - background: $input-focus-bg-color; - border-color: $input-focus-border-color; - outline: none; - } - // Disbaled Styles - &:disabled { - background-color: $input-disabled-bg; - cursor: $input-disabled-cursor; - } - - // Disabled background input background color - &[disabled], - &[readonly], - fieldset[disabled] & { - background-color: $input-disabled-bg; - cursor: $input-disabled-cursor; - } -} - -// @MIXIN -// -// We use this mixin to create form labels -// -// $alignment - Alignment options. Default: false. Options: [right, inline, false] -// $base-style - Control whether or not the base styles come through. Default: true. -@mixin form-label($alignment:false, $base-style:true) { - - // Control whether or not the base styles come through. - @if $base-style { - font-size: $form-label-font-size; - color: $form-label-font-color; - cursor: $form-label-pointer; - display: block; - font-weight: $form-label-font-weight; - line-height: $form-label-line-height; - margin-bottom: $form-label-bottom-margin; - } - - // Alignment options - @if $alignment == right { - float: none !important; - text-align: right; - } - @else if $alignment == inline { - margin: 0 0 $form-spacing 0; - padding: $form-spacing / 2 + rem-calc($input-border-width) 0; - } -} - -// We use this mixin to create postfix/prefix form Labels -@mixin prefix-postfix-base { - display: block; - position: relative; - z-index: 2; - text-align: center; - width: 100%; - padding-top: 0; - padding-bottom: 0; - border-style: $input-prefix-border-type; - border-width: $input-prefix-border-size; - overflow: $input-prefix-overflow; - font-size: $form-label-font-size; - height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); - line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); -} - -// @MIXIN -// -// We use this mixin to create prefix label styles -// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default; -// $is-button - Toggle position settings if prefix is a button. Default:false -// -@mixin prefix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) { - - @if $bg { - $bg-lightness: lightness($bg); - background: $bg; - border-#{$opposite-direction}: none; - - // Control the font color based on background brightness - @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } - @else { color: $input-prefix-font-color-alt; } - } - - @if $border { - border-color: $border; - } - - @if $is-button { - padding-#{$default-float}: 0; - padding-#{$opposite-direction}: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; - } - -} - -// @MIXIN -// -// We use this mixin to create postfix label styles -// $bg - Default:$input-prefix-bg || scale-color($white, $lightness: -5%) !default; -// $is-button - Toggle position settings if prefix is a button. Default: false -@mixin postfix($bg:$input-prefix-bg, $border:$input-prefix-border-color, $is-button:false) { - - @if $bg { - $bg-lightness: lightness($bg); - background: $bg; - border-#{$default-float}: none; - - // Control the font color based on background brightness - @if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; } - @else { color: $input-prefix-font-color-alt; } - } - - @if $border { - border-color: $border; - } - - @if $is-button { - padding-#{$default-float}: 0; - padding-#{$opposite-direction}: 0; - padding-top: 0; - padding-bottom: 0; - text-align: center; - border: none; - } - -} - -// We use this mixin to style fieldsets -@mixin fieldset { - border: $fieldset-border-width $fieldset-border-style $fieldset-border-color; - padding: $fieldset-padding; - margin: $fieldset-margin; - - // and legend styles - legend { - font-weight: $legend-font-weight; - background: $legend-bg; - padding: $legend-padding; - margin: 0; - margin-#{$default-float}: rem-calc(-3); - } -} - -// @MIXIN -// -// We use this mixin to control border and background color of error inputs -// $color - Default: $alert-color (found in settings file) -@mixin form-error-color($color:$alert-color) { - border-color: $color; - background-color: rgba($color, 0.1); - - // Go back to normal on focus - &:focus { - background: $input-focus-bg-color; - border-color: $input-focus-border-color; - } -} - -// @MIXIN -// -// We use this simple mixin to style labels for error inputs -// $color - Default:$alert-color. Found in settings file -@mixin form-label-error-color($color:$alert-color) { color: $color; } - -// @MIXIN -// -// We use this mixin to create error message styles -// $bg - Default: $alert-color (Found in settings file) -@mixin form-error-message($bg:$input-error-message-bg-color) { - display: block; - padding: $input-error-message-padding; - margin-top: $input-error-message-top; - margin-bottom: $form-spacing; - font-size: $input-error-message-font-size; - font-weight: $input-error-message-font-weight; - font-style: $input-error-message-font-style; - - // We can control the text color based on the brightness of the background. - $bg-lightness: lightness($bg); - background: $bg; - @if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; } - @else { color: $input-error-message-font-color-alt; } -} - -// We use this mixin to style select elements -@mixin form-select { - -webkit-appearance: none !important; - border-radius: 0; - background-color: $select-bg-color; - - // Hide the dropdown arrow shown in newer IE versions - &::-ms-expand { - display: none; - } - - // The custom arrow has some fake horizontal padding so we can align it - // from the right side of the element without relying on CSS3 - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); - - // We can safely use leftmost and rightmost now - background-position: if($text-direction == 'rtl', 0%, 100%) center; - - background-repeat: no-repeat; - border: { - style: $input-border-style; - width: $input-border-width; - color: $input-border-color; - } - padding: ($form-spacing / 2); - font-size: $input-font-size; - font-family: $body-font-family; - color: $input-font-color; - line-height: normal; - @include radius(0); - &.radius { @include radius($global-radius); } - &:hover { - background-color: $select-hover-bg-color; - border-color: $input-focus-border-color; - } - // Disabled Styles - &:disabled { - background-color: $input-disabled-bg; - cursor: $input-disabled-cursor; - } -} - -// We use this mixin to turn on/off HTML5 number spinners -@mixin html5number($browser, $on:true) { - @if $on==false { - @if $browser==webkit { - -webkit-appearance: none; - margin: 0; - } @else if $browser==moz { - -moz-appearance: textfield; - } - } -} - -@include exports("form") { - @if $include-html-form-classes { - /* Standard Forms */ - form { margin: 0 0 $form-spacing; } - - /* Using forms within rows, we need to set some defaults */ - form .row { @include form-row-base; } - - /* Label Styles */ - label { @include form-label; - &.right { @include form-label(right,false); } - &.inline { @include form-label(inline,false); } - /* Styles for required inputs */ - small { - text-transform: $form-label-small-transform; - color: scale-color($form-label-font-color, $lightness: 15%); - } - } - - /* Attach elements to the beginning or end of an input */ - .prefix, - .postfix { @include prefix-postfix-base; } - - /* Adjust padding, alignment and radius if pre/post element is a button */ - .postfix.button { @include button-size(false,false); @include postfix(false, false, true); } - .prefix.button { @include button-size(false,false); @include prefix(false, false, true); } - - .prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); } - .postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); } - .prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); } - .postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); } - - /* Separate prefix and postfix styles when on span or label so buttons keep their own */ - span.prefix,label.prefix { @include prefix(); } - span.postfix,label.postfix { @include postfix(); } - - /* We use this to get basic styling on all basic form elements */ - #{text-inputs(all, 'input')} { - -webkit-appearance: none; - border-radius: 0; - @include form-element; - @if $input-include-glowing-effect == false { - @include single-transition(all, 0.15s, linear); - } - &.radius { - @include radius($input-border-radius); - } - } - - form { - .row { - .prefix-radius.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($opposite-direction, $button-radius); } - .prefix { @include radius(0); @include side-radius($default-float, $button-radius); } - } - .postfix-radius.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($default-float, $button-radius); } - .postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); } - } - .prefix-round.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($opposite-direction, $button-round); } - .prefix { @include radius(0); @include side-radius($default-float, $button-round); } - } - .postfix-round.row.collapse { - input, - textarea, - select { @include radius(0); @include side-radius($default-float, $button-round); } - .postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); } - } - } - } - - input[type="submit"] { - -webkit-appearance: none; - border-radius: 0; - } - - /* Respect enforced amount of rows for textarea */ - textarea[rows] { - height: auto; - } - - /* Not allow resize out of parent */ - textarea { - max-width: 100%; - } - - /* Add height value for select elements to match text input height */ - select { - @include form-select; - height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1)); - } - - /* Adjust margin for form elements below */ - input[type="file"], - input[type="checkbox"], - input[type="radio"], - select { - margin: 0 0 $form-spacing 0; - } - - input[type="checkbox"] + label, - input[type="radio"] + label { - display: inline-block; - margin-#{$default-float}: $form-spacing * .5; - margin-#{$opposite-direction}: $form-spacing; - margin-bottom: 0; - vertical-align: baseline; - } - - /* Normalize file input width */ - input[type="file"] { - width:100%; - } - - /* HTML5 Number spinners settings */ - input[type=number] { - @include html5number(moz, $input-number-spinners) - } - input[type="number"]::-webkit-inner-spin-button, - input[type="number"]::-webkit-outer-spin-button { - @include html5number(webkit, $input-number-spinners); - } - - /* We add basic fieldset styling */ - fieldset { - @include fieldset; - } - - /* Error Handling */ - - #{data('abide')} { - .error small.error, .error span.error, span.error, small.error { - @include form-error-message; - } - span.error, small.error { display: none; } - } - - span.error, small.error { - @include form-error-message; - } - - .error { - input, - textarea, - select { - margin-bottom: 0; - } - - input[type="checkbox"], - input[type="radio"] { - margin-bottom: $form-spacing - } - - label, - label.error { - @include form-label-error-color; - } - - small.error { - @include form-error-message; - } - - > label { - > small { - color: scale-color($form-label-font-color, $lightness: 15%); - background: transparent; - padding: 0; - text-transform: $form-label-small-transform; - font-style: normal; - font-size: 60%; - margin: 0; - display: inline; - } - } - - span.error-message { - display: block; - } - } - - input.error, - textarea.error, - select.error { - margin-bottom: 0; - } - label.error { @include form-label-error-color; } - } -} diff --git a/_sass/foundation-components/_global.scss b/_sass/foundation-components/_global.scss deleted file mode 100644 index 37d96eb1..00000000 --- a/_sass/foundation-components/_global.scss +++ /dev/null @@ -1,480 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "../functions"; -// -// Foundation Variables -// - -// Data attribute namespace -// styles get applied to [data-mysite-plugin], etc -$namespace: false !default; - -// The default font-size is set to 100% of the browser style sheet (usually 16px) -// for compatibility with browser-based text zoom or user-set defaults. - -// Since the typical default browser font-size is 16px, that makes the calculation for grid size. -// If you want your base font-size to be different and not have it affect the grid breakpoints, -// set $rem-base to $base-font-size and make sure $base-font-size is a px value. -$base-font-size: 100% !default; - -// $base-line-height is 24px while $base-font-size is 16px -$base-line-height: 1.5 !default; - -// -// Global Foundation Mixins -// - -// @mixins -// -// We use this to control border radius. -// $radius - Default: $global-radius || 4px -@mixin radius($radius:$global-radius) { - @if $radius { - border-radius: $radius; - } -} - -// @mixins -// -// We use this to create equal side border radius on elements. -// $side - Options: left, right, top, bottom -@mixin side-radius($side, $radius:$global-radius) { - @if ($side == left or $side == right) { - -webkit-border-bottom-#{$side}-radius: $radius; - -webkit-border-top-#{$side}-radius: $radius; - border-bottom-#{$side}-radius: $radius; - border-top-#{$side}-radius: $radius; - } @else { - -webkit-#{$side}-left-radius: $radius; - -webkit-#{$side}-right-radius: $radius; - border-#{$side}-left-radius: $radius; - border-#{$side}-right-radius: $radius; - } -} - -// @mixins -// -// We can control whether or not we have inset shadows edges. -// $active - Default: true, Options: false -@mixin inset-shadow($active:true) { - box-shadow: $shiny-edge-size $shiny-edge-color inset; - - @if $active { &:active { - box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } } -} - -// @mixins -// -// We use this to add transitions to elements -// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties -// $speed - Default: 300ms -// $ease - Default:ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/ -@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) { - transition: $property $speed $ease; -} - -// @mixins -// -// We use this to add box-sizing across browser prefixes -@mixin box-sizing($type:border-box) { - -webkit-box-sizing: $type; // Android < 2.3, iOS < 4 - -moz-box-sizing: $type; // Firefox < 29 - box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1 -} - -// @mixins -// -// We use this to create isosceles triangles -// $triangle-size - Used to set border-size. No default, set a px or em size. -// $triangle-color - Used to set border-color which makes up triangle. No default -// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right -@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { - content: ""; - display: block; - width: 0; - height: 0; - border: inset $triangle-size; - @if ($triangle-direction == top) { - border-color: $triangle-color transparent transparent transparent; - border-top-style: solid; - } - @if ($triangle-direction == bottom) { - border-color: transparent transparent $triangle-color transparent; - border-bottom-style: solid; - } - @if ($triangle-direction == left) { - border-color: transparent transparent transparent $triangle-color; - border-left-style: solid; - } - @if ($triangle-direction == right) { - border-color: transparent $triangle-color transparent transparent; - border-right-style: solid; - } -} - -// @mixins -// -// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon -// $width - Width of hamburger icon in rem -// $left - If false, icon will be centered horizontally || explicitly set value in rem -// $top - If false, icon will be centered vertically || explicitly set value in rem -// $thickness - thickness of lines in hamburger icon, set value in px -// $gap - spacing between the lines in hamburger icon, set value in px -// $color - icon color -// $hover-color - icon color during hover -// $offcanvas - Set to true of @include in offcanvas -@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) { - span::after { - content: ""; - position: absolute; - display: block; - height: 0; - - @if $offcanvas { - @if $top { - top: $top; - } - @else { - top: 50%; - margin-top: (-$width/2); - } - @if $left { - left: $left; - } - @else { - left: ($tabbar-menu-icon-width - $width)/2; - } - } - @else { - top: 50%; - margin-top: -($width/2); - #{$opposite-direction}: $topbar-link-padding; - } - - box-shadow: - 0 0 0 $thickness $color, - 0 $gap + $thickness 0 $thickness $color, - 0 (2 * $gap + 2*$thickness) 0 $thickness $color; - width: $width; - } - span:hover:after { - box-shadow: - 0 0 0 $thickness $hover-color, - 0 $gap + $thickness 0 $thickness $hover-color, - 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color; - } -} - -// We use this to do clear floats -@mixin clearfix { - &:before, &:after { content: " "; display: table; } - &:after { clear: both; } -} - -// @mixins -// -// We use this to add a glowing effect to block elements -// $selector - Used for selector state. Default: focus, Options: hover, active, visited -// $fade-time - Default: 300ms -// $glowing-effect-color - Default: fade-out($primary-color, .25) -@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) { - transition: box-shadow $fade-time, border-color $fade-time ease-in-out; - - &:#{$selector} { - box-shadow: 0 0 5px $glowing-effect-color; - border-color: $glowing-effect-color; - } -} - -// @mixins -// -// We use this to translate elements in 2D -// $horizontal: Default: 0 -// $vertical: Default: 0 -@mixin translate2d($horizontal:0, $vertical:0) { - transform: translate($horizontal,$vertical) -} - -// @mixins -// -// Makes an element visually hidden, but accessible. -// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility -@mixin element-invisible { - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - clip: rect(1px, 1px, 1px, 1px); -} - -// @mixins -// -// Turns off the element-invisible effect. -@mixin element-invisible-off { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; -} - -$white : #FFFFFF !default; -$ghost : #FAFAFA !default; -$snow : #F9F9F9 !default; -$vapor : #F6F6F6 !default; -$white-smoke : #F5F5F5 !default; -$silver : #EFEFEF !default; -$smoke : #EEEEEE !default; -$gainsboro : #DDDDDD !default; -$iron : #CCCCCC !default; -$base : #AAAAAA !default; -$aluminum : #999999 !default; -$jumbo : #888888 !default; -$monsoon : #777777 !default; -$steel : #666666 !default; -$charcoal : #555555 !default; -$tuatara : #444444 !default; -$oil : #333333 !default; -$jet : #222222 !default; -$black : #000000 !default; - -// We use these as default colors throughout -$primary-color: #008CBA !default; // bondi-blue -$secondary-color: #e7e7e7 !default; // white-lilac -$alert-color: #f04124 !default; // cinnabar -$success-color: #43AC6A !default; // sea-green -$warning-color: #f08a24 !default; // carrot -$info-color: #a0d3e8 !default; // cornflower - -// We use these to define default font stacks -$font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default; -$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default; -$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default; - -// We use these to define default font weights -$font-weight-normal: normal !default; -$font-weight-bold: bold !default; - -// We use these to control various global styles -$body-bg: #fff !default; -$body-font-color: #222 !default; -$body-font-family: $font-family-sans-serif !default; -$body-font-weight: $font-weight-normal !default; -$body-font-style: normal !default; - -// We use this to control font-smoothing -$font-smoothing: antialiased !default; - -// We use these to control text direction settings -$text-direction: ltr !default; -$default-float: left !default; -$opposite-direction: right !default; -@if $text-direction == ltr { - $default-float: left; - $opposite-direction: right; -} @else { - $default-float: right; - $opposite-direction: left; -} - -// We use these to make sure border radius matches unless we want it different. -$global-radius: 3px !default; -$global-rounded: 1000px !default; - -// We use these to control inset shadow shiny edges and depressions. -$shiny-edge-size: 0 1px 0 !default; -$shiny-edge-color: rgba(#fff, .5) !default; -$shiny-edge-active-color: rgba(#000, .2) !default; - -// We use this to control whether or not CSS classes come through in the gem files. -$include-html-classes: true !default; -$include-print-styles: true !default; -$include-html-global-classes: $include-html-classes !default; - -$column-gutter: rem-calc(30) !default; - -// Media Query Ranges -$small-range: (0, 40em) !default; -$medium-range: (40.063em, 64em) !default; -$large-range: (64.063em, 90em) !default; -$xlarge-range: (90.063em, 120em) !default; -$xxlarge-range: (120.063em, 99999999em) !default; - - -$screen: "only screen" !default; - -$landscape: "#{$screen} and (orientation: landscape)" !default; -$portrait: "#{$screen} and (orientation: portrait)" !default; - -$small-up: $screen !default; -$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default; - -$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default; -$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default; - -$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default; -$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default; - -$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default; -$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default; - -$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default; -$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default; - -// Legacy -$small: $medium-up; -$medium: $medium-up; -$large: $large-up; - - -//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet -$cursor-auto-value: auto !default; -$cursor-crosshair-value: crosshair !default; -$cursor-default-value: default !default; -$cursor-pointer-value: pointer !default; -$cursor-help-value: help !default; -$cursor-text-value: text !default; - - -@include exports("global") { - - // Meta styles are included in all builds, as they are a dependancy of the Javascript. - // Used to provide media query values for javascript components. - // Forward slash placed around everything to convince PhantomJS to read the value. - - meta.foundation-version { - font-family: "/5.5.0/"; - } - - meta.foundation-mq-small { - font-family: "/" + unquote($small-up) + "/"; - width: lower-bound($small-range); - } - - meta.foundation-mq-small-only { - font-family: "/" + unquote($small-only) + "/"; - width: lower-bound($small-range); - } - - meta.foundation-mq-medium { - font-family: "/" + unquote($medium-up) + "/"; - width: lower-bound($medium-range); - } - - meta.foundation-mq-medium-only { - font-family: "/" + unquote($medium-only) + "/"; - width: lower-bound($medium-range); - } - - meta.foundation-mq-large { - font-family: "/" + unquote($large-up) + "/"; - width: lower-bound($large-range); - } - - meta.foundation-mq-large-only { - font-family: "/" + unquote($large-only) + "/"; - width: lower-bound($large-range); - } - - meta.foundation-mq-xlarge { - font-family: "/" + unquote($xlarge-up) + "/"; - width: lower-bound($xlarge-range); - } - - meta.foundation-mq-xlarge-only { - font-family: "/" + unquote($xlarge-only) + "/"; - width: lower-bound($xlarge-range); - } - - meta.foundation-mq-xxlarge { - font-family: "/" + unquote($xxlarge-up) + "/"; - width: lower-bound($xxlarge-range); - } - - meta.foundation-data-attribute-namespace { - font-family: #{$namespace}; - } - - @if $include-html-global-classes { - - // Must be 100% for off canvas to work - html, body { height: 100%; } - - // Set box-sizing globally to handle padding and border widths - *, - *:before, - *:after { - @include box-sizing(border-box); - } - - html, - body { font-size: $base-font-size; } - - // Default body styles - body { - background: $body-bg; - color: $body-font-color; - padding: 0; - margin: 0; - font-family: $body-font-family; - font-weight: $body-font-weight; - font-style: $body-font-style; - line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150% - position: relative; - cursor: $cursor-auto-value; - } - - a:hover { cursor: $cursor-pointer-value; } - - // Grid Defaults to get images and embeds to work properly - img { max-width: 100%; height: auto; } - - img { -ms-interpolation-mode: bicubic; } - - #map_canvas, - .map_canvas { - img, - embed, - object { max-width: none !important; - } - } - - // Miscellaneous useful HTML classes - .left { float: left !important; } - .right { float: right !important; } - .clearfix { @include clearfix; } - - // Hide visually and from screen readers - .hide { - display: none !important; - visibility: hidden; - } - - // Hide visually and from screen readers, but maintain layout - .invisible { visibility: hidden; } - - // Font smoothing - // Antialiased font smoothing works best for light text on a dark background. - // Apply to single elements instead of globally to body. - // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac. - .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - - // Get rid of gap under images by making them display: inline-block; by default - img { - display: inline-block; - vertical-align: middle; - } - - // - // Global resets for forms - // - - // Make sure textarea takes on height automatically - textarea { height: auto; min-height: 50px; } - - // Make select elements 100% width by default - select { width: 100%; } - } -} diff --git a/_sass/foundation-components/_grid.scss b/_sass/foundation-components/_grid.scss deleted file mode 100644 index aa4e77cd..00000000 --- a/_sass/foundation-components/_grid.scss +++ /dev/null @@ -1,289 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-grid-classes: $include-html-classes !default; -$include-xl-html-grid-classes: false !default; - -$row-width: rem-calc(1000) !default; -$total-columns: 12 !default; - -$last-child-float: $opposite-direction !default; - -// -// Grid Functions -// - -// Deprecated: We'll drop support for this in 5.1, use grid-calc() -@function gridCalc($colNumber, $totalColumns) { - @warn "gridCalc() is deprecated, use grid-calc()"; - @return grid-calc($colNumber, $totalColumns); -} - -// @FUNCTION -// $colNumber - Found in settings file -// $totalColumns - Found in settings file -@function grid-calc($colNumber, $totalColumns) { - @return percentage(($colNumber / $totalColumns)); -} - -// -// @mixins -// - -// For creating container, nested, and collapsed rows. -// -// -// $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false. -@mixin grid-row($behavior: false) { - - // use @include grid-row(nest); to include a nested row - @if $behavior == nest { - width: auto; - margin-#{$default-float}: -($column-gutter/2); - margin-#{$opposite-direction}: -($column-gutter/2); - margin-top: 0; - margin-bottom: 0; - max-width: none; - } - - // use @include grid-row(collapse); to collapsed a container row margins - @else if $behavior == collapse { - width: 100%; - margin: 0; - max-width: $row-width; - } - - // use @include grid-row(nest-collapse); to collapse outer margins on a nested row - @else if $behavior == nest-collapse { - width: auto; - margin: 0; - max-width: none; - } - - // use @include grid-row; to use a container row - @else { - width: 100%; - margin-#{$default-float}: auto; - margin-#{$opposite-direction}: auto; - margin-top: 0; - margin-bottom: 0; - max-width: $row-width; - } - - // Clearfix for all rows - @include clearfix(); -} - -// Creates a column, should be used inside of a media query to control layouts -// -// $columns - The number of columns this should be -// $last-column - Is this the last column? Default: false. -// $center - Center these columns? Default: false. -// $offset - # of columns to offset. Default: false. -// $push - # of columns to push. Default: false. -// $pull - # of columns to pull. Default: false. -// $collapse - Get rid of gutter padding on column? Default: false. -// $float - Should this float? Default: true. Options: true, false, left, right. -@mixin grid-column( - $columns:false, - $last-column:false, - $center:false, - $offset:false, - $push:false, - $pull:false, - $collapse:false, - $float:true, - $position:false) { - - // If positioned for default .column, include relative position - // push and pull require position set - @if $position or $push or $pull { - position: relative; - } - - // If collapsed, get rid of gutter padding - @if $collapse { - padding-left: 0; - padding-right: 0; - } - - // Gutter padding whenever a column isn't set to collapse - // (use $collapse:null to do nothing) - @else if $collapse == false { - padding-left: ($column-gutter / 2); - padding-right: ($column-gutter / 2); - } - - // If a column number is given, calculate width - @if $columns { - width: grid-calc($columns, $total-columns); - - // If last column, float naturally instead of to the right - @if $last-column { float: $opposite-direction; } - } - - // Source Ordering, adds left/right depending on which you use. - @if $push { #{$default-float}: grid-calc($push, $total-columns); #{$opposite-direction}: auto; } - @if $pull { #{$opposite-direction}: grid-calc($pull, $total-columns); #{$default-float}: auto; } - - @if $float { - @if $float == left or $float == true { float: $default-float; } - @else if $float == right { float: $opposite-direction; } - @else { float: none; } - } - - // If centered, get rid of float and add appropriate margins - @if $center { - margin-#{$default-float}: auto; - margin-#{$opposite-direction}: auto; - float: none; - } - - // If offset, calculate appropriate margins - @if $offset { margin-#{$default-float}: grid-calc($offset, $total-columns) !important; } - -} - -// Create presentational classes for grid -// -// $size - Name of class to use, i.e. "large" will generate .large-1, .large-2, etc. -@mixin grid-html-classes($size) { - - @for $i from 0 through $total-columns - 1 { - .#{$size}-push-#{$i} { - @include grid-column($push:$i, $collapse:null, $float:false); - } - .#{$size}-pull-#{$i} { - @include grid-column($pull:$i, $collapse:null, $float:false); - } - } - - .column, - .columns { @include grid-column($columns:false, $position:true); } - - - @for $i from 1 through $total-columns { - .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } - } - - @for $i from 0 through $total-columns - 1 { - .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } - } - - .#{$size}-reset-order { - margin-#{$default-float}: 0; - margin-#{$opposite-direction}: 0; - left: auto; - right: auto; - float: $default-float; - } - - .column.#{$size}-centered, - .columns.#{$size}-centered { @include grid-column($center:true, $collapse:null, $float:false); } - - .column.#{$size}-uncentered, - .columns.#{$size}-uncentered { - margin-#{$default-float}: 0; - margin-#{$opposite-direction}: 0; - float: $default-float; - } - - // Fighting [class*="column"] + [class*="column"]:last-child - .column.#{$size}-centered:last-child, - .columns.#{$size}-centered:last-child{ - float: none; - } - - // Fighting .column.-centered:last-child - .column.#{$size}-uncentered:last-child, - .columns.#{$size}-uncentered:last-child { - float: $default-float; - } - - .column.#{$size}-uncentered.opposite, - .columns.#{$size}-uncentered.opposite { - float: $opposite-direction; - } - - .row { - &.#{$size}-collapse { - > .column, - > .columns { @include grid-column($collapse:true, $float:false); } - - .row {margin-left:0; margin-right:0;} - } - &.#{$size}-uncollapse { - > .column, - > .columns { - @include grid-column; - } - } - } -} - -@include exports("grid") { - @if $include-html-grid-classes { - .row { - @include grid-row; - - &.collapse { - > .column, - > .columns { @include grid-column($collapse:true, $float:false); } - - .row {margin-left:0; margin-right:0;} - } - - .row { @include grid-row($behavior:nest); - &.collapse { @include grid-row($behavior:nest-collapse); } - } - } - - .column, - .columns { @include grid-column($columns:$total-columns); } - - [class*="column"] + [class*="column"]:last-child { float: $last-child-float; } - [class*="column"] + [class*="column"].end { float: $default-float; } - - @media #{$small-up} { - @include grid-html-classes($size:small); - } - - @media #{$medium-up} { - @include grid-html-classes($size:medium); - // Old push and pull classes - @for $i from 0 through $total-columns - 1 { - .push-#{$i} { - @include grid-column($push:$i, $collapse:null, $float:false); - } - .pull-#{$i} { - @include grid-column($pull:$i, $collapse:null, $float:false); - } - } - } - @media #{$large-up} { - @include grid-html-classes($size:large); - @for $i from 0 through $total-columns - 1 { - .push-#{$i} { - @include grid-column($push:$i, $collapse:null, $float:false); - } - .pull-#{$i} { - @include grid-column($pull:$i, $collapse:null, $float:false); - } - } - } - } - @if $include-xl-html-grid-classes { - @media #{$xlarge-up} { - @include grid-html-classes($size:xlarge); - } - @media #{$xxlarge-up} { - @include grid-html-classes($size:xxlarge); - } - } -} diff --git a/_sass/foundation-components/_icon-bar.scss b/_sass/foundation-components/_icon-bar.scss deleted file mode 100644 index c5c48895..00000000 --- a/_sass/foundation-components/_icon-bar.scss +++ /dev/null @@ -1,329 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - - -// @name -// @dependencies _global.scss - -$include-html-icon-bar-classes: $include-html-classes !default; - -// @variables - -// We use these to style the icon-bar and items -$icon-bar-bg: $oil !default; -$icon-bar-font-color: $white !default; -$icon-bar-font-color-hover: $icon-bar-font-color !default; -$icon-bar-font-size: 1rem !default; -$icon-bar-hover-color: $primary-color !default; -$icon-bar-icon-color: $white !default; -$icon-bar-icon-color-hover: $icon-bar-icon-color !default; -$icon-bar-icon-size: 1.875rem !default; -$icon-bar-image-width: 1.875rem !default; -$icon-bar-image-height: 1.875rem !default; -$icon-bar-active-color: $primary-color !default; -$icon-bar-item-padding: 1.25rem !default; - -// We use this to set default opacity and cursor for disabled icons. -$icon-bar-disabled-opacity: 0.7 !default; -$icon-bar-disabled-cursor: $cursor-default-value !default; - -// -// @mixins -// - -// We use this mixin to create the base styles for our Icon bar element. -// -@mixin icon-bar-base() { - - width: 100%; - font-size: 0; - display: inline-block; - - & > * { - text-align: center; - font-size: $icon-bar-font-size; - width: 25%; - margin: 0 auto; - display: block; - padding: $icon-bar-item-padding; - float: left; - - i, img { - display: block; - margin: 0 auto; - - & + label { - margin-top: .0625rem; - } - } - - i { - font-size: $icon-bar-icon-size; - vertical-align: middle; - } - - img { - width: $icon-bar-image-width; - height: $icon-bar-image-height; - } - } - - &.label-right > * { - - i, img { - margin: 0 .0625rem 0 0; - display: inline-block; - - & + label { - margin-top: 0; - } - } - - label { display: inline-block; } - } - - &.vertical.label-right > * { - text-align: left; - } - - &.vertical, &.small-vertical{ - height: 100%; - width: auto; - - .item { - width: auto; - margin: auto; - float: none; - } - } - - &.medium-vertical { - @media #{$medium-up} { - height: 100%; - width: auto; - - .item { - width: auto; - margin: auto; - float: none; - } - } - } - &.large-vertical { - @media #{$large-up} { - height: 100%; - width: auto; - - .item { - width: auto; - margin: auto; - float: none; - } - } - } -} - -// We use this mixin to create the size styles for icon bars. -@mixin icon-bar-size( - $padding: $icon-bar-item-padding, - $font-size: $icon-bar-font-size, - $icon-size: $icon-bar-icon-size, - $image-width: $icon-bar-image-width, - $image-height: $icon-bar-image-height) { - - & > * { - font-size: $font-size; - padding: $padding; - - i, img { - - & + label { - margin-top: .0625rem; - } - } - - i { - font-size: $icon-size; - } - - img { - width: $image-width; - height: $image-height; - } - } - -} - -@mixin icon-bar-style( - $bar-bg:$icon-bar-bg, - $bar-font-color:$icon-bar-font-color, - $bar-font-color-hover:$icon-bar-font-color-hover, - $bar-hover-color:$icon-bar-hover-color, - $bar-icon-color:$icon-bar-icon-color, - $bar-icon-color-hover:$icon-bar-icon-color-hover, - $bar-active-color:$icon-bar-active-color, - $base-style:true, - $disabled:false) { - - @if $base-style { - - background: $bar-bg; - - & > * { - label { color: $bar-font-color; } - - i { color: $bar-icon-color; } - } - - & > a:hover { - - background: $bar-hover-color; - - label { color: $bar-font-color-hover; } - - i { color: $bar-icon-color-hover; } - } - - & > a.active { - - background: $bar-active-color; - - label { color: $bar-font-color-hover; } - - i { color: $bar-icon-color-hover; } - } - } - @if $disabled { - .item.disabled { - opacity: $icon-bar-disabled-opacity; - cursor: $icon-bar-disabled-cursor; - >* { - opacity: $icon-bar-disabled-opacity; - cursor: $icon-bar-disabled-cursor; - } - } - } - -} - -// We use this to quickly create icon bars with a single mixin -// $height - The overall calculated height of the icon bar (horizontal) -// $bar-bg - the background color of the bar -// $bar-font-color - the font color -// $bar-hover-color - okay these are pretty obvious variables -// $bar-icon-color - maybe we could skip explaining them all? Okay this one does change icon color if you use an icon font -// $bar-active-color - the color of an active / hover state -// $base-style - Apply base styles? Default: true. -// $disabled - Allow disabled icons? Default: false. - -@mixin icon-bar( - $bar-bg:$icon-bar-bg, - $bar-font-color:$icon-bar-font-color, - $bar-font-color-hover:$icon-bar-font-color-hover, - $bar-hover-color:$icon-bar-hover-color, - $bar-icon-color:$icon-bar-icon-color, - $bar-icon-color-hover:$icon-bar-icon-color-hover, - $bar-active-color:$icon-bar-active-color, - $padding: $icon-bar-item-padding, - $font-size: $icon-bar-font-size, - $icon-size: $icon-bar-icon-size, - $image-width: $icon-bar-image-width, - $image-height: $icon-bar-image-height, - $base-style:true, - $disabled:false) { - @include icon-bar-base(); - @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height); - @include icon-bar-style($bar-bg, $bar-font-color, $bar-font-color-hover, $bar-hover-color, $bar-icon-color, $bar-icon-color-hover, $bar-active-color, $base-style, $disabled); -} - -@include exports("icon-bar") { - @if $include-html-icon-bar-classes { - .icon-bar { - @include icon-bar; - } - } -} - -@if $include-html-icon-bar-classes { - - // toolbar styles - - .icon-bar { - - // Counts - - &.two-up { - .item { width: 50%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.three-up { - .item { width: 33.3333%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.four-up { - .item { width: 25%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.five-up { - .item { width: 20%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - &.six-up { - .item { width: 16.66667%; } - &.vertical .item, &.small-vertical .item { width: auto; } - &.medium-vertical .item { - @media #{$medium-up} { - width: auto; - } - } - &.large-vertical .item { - @media #{$large-up} { - width: auto; - } - } - } - } -} diff --git a/_sass/foundation-components/_inline-lists.scss b/_sass/foundation-components/_inline-lists.scss deleted file mode 100644 index 9ee162df..00000000 --- a/_sass/foundation-components/_inline-lists.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-inline-list-classes: $include-html-classes !default; - -// We use this to control the margins and padding of the inline list. -$inline-list-top-margin: 0 !default; -$inline-list-opposite-margin: 0 !default; -$inline-list-bottom-margin: rem-calc(17) !default; -$inline-list-default-float-margin: rem-calc(-22) !default; -$inline-list-default-float-list-margin: rem-calc(22) !default; - -$inline-list-padding: 0 !default; - -// We use this to control the overflow of the inline list. -$inline-list-overflow: hidden !default; - -// We use this to control the list items -$inline-list-display: block !default; - -// We use this to control any elements within list items -$inline-list-children-display: block !default; - -// -// @mixins -// -// We use this mixin to create inline lists -@mixin inline-list { - margin: $inline-list-top-margin auto $inline-list-bottom-margin auto; - margin-#{$default-float}: $inline-list-default-float-margin; - margin-#{$opposite-direction}: $inline-list-opposite-margin; - padding: $inline-list-padding; - list-style: none; - overflow: $inline-list-overflow; - - & > li { - list-style: none; - float: $default-float; - margin-#{$default-float}: $inline-list-default-float-list-margin; - display: $inline-list-display; - &>* { display: $inline-list-children-display; } - } -} - -@include exports("inline-list") { - @if $include-html-inline-list-classes { - .inline-list { - @include inline-list(); - } - } -} diff --git a/_sass/foundation-components/_joyride.scss b/_sass/foundation-components/_joyride.scss deleted file mode 100644 index 37ac2335..00000000 --- a/_sass/foundation-components/_joyride.scss +++ /dev/null @@ -1,222 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-joyride-classes: $include-html-classes !default; - -// Controlling default Joyride styles -$joyride-tip-bg: $oil !default; -$joyride-tip-default-width: 300px !default; -$joyride-tip-padding: rem-calc(18 20 24) !default; -$joyride-tip-border: solid 1px $charcoal !default; -$joyride-tip-radius: 4px !default; -$joyride-tip-position-offset: 22px !default; - -// Here, we're setting the tip font styles -$joyride-tip-font-color: $white !default; -$joyride-tip-font-size: rem-calc(14) !default; -$joyride-tip-header-weight: $font-weight-bold !default; - -// This changes the nub size -$joyride-tip-nub-size: 10px !default; - -// This adjusts the styles for the timer when its enabled -$joyride-tip-timer-width: 50px !default; -$joyride-tip-timer-height: 3px !default; -$joyride-tip-timer-color: $steel !default; - -// This changes up the styles for the close button -$joyride-tip-close-color: $monsoon !default; -$joyride-tip-close-size: 24px !default; -$joyride-tip-close-weight: $font-weight-normal !default; - -// When Joyride is filling the screen, we use this style for the bg -$joyride-screenfill: rgba(0,0,0,0.5) !default; - - -// We decided not to make a mixin for this because it relies on -// predefined classes to work properly. -@include exports("joyride") { - @if $include-html-joyride-classes { - - /* Foundation Joyride */ - .joyride-list { display: none; } - - /* Default styles for the container */ - .joyride-tip-guide { - display: none; - position: absolute; - background: $joyride-tip-bg; - color: $joyride-tip-font-color; - z-index: 101; - top: 0; - #{$default-float}: 2.5%; - font-family: inherit; - font-weight: $font-weight-normal; - width: 95%; - } - - .lt-ie9 .joyride-tip-guide { - max-width:800px; - #{$default-float}: 50%; - margin-#{$default-float}:-400px; - } - - .joyride-content-wrapper { - width: 100%; - - padding: $joyride-tip-padding; - - .button { margin-bottom: 0 !important; } - - .joyride-prev-tip { margin-right: 10px; } - } - - /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ - .joyride-tip-guide { - .joyride-nub { - display: block; - position: absolute; - #{$default-float}: $joyride-tip-position-offset; - width: 0; - height: 0; - border: $joyride-tip-nub-size solid $joyride-tip-bg; - - &.top { - border-top-style: solid; - border-color: $joyride-tip-bg; - border-top-color: transparent !important; - border-#{$default-float}-color: transparent !important; - border-#{$opposite-direction}-color: transparent !important; - top: -($joyride-tip-nub-size*2); - } - &.bottom { - border-bottom-style: solid; - border-color: $joyride-tip-bg !important; - border-bottom-color: transparent !important; - border-#{$default-float}-color: transparent !important; - border-#{$opposite-direction}-color: transparent !important; - bottom: -($joyride-tip-nub-size*2); - } - - &.right { right: -($joyride-tip-nub-size*2); } - &.left { left: -($joyride-tip-nub-size*2); } - } - } - - /* Typography */ - .joyride-tip-guide h1, - .joyride-tip-guide h2, - .joyride-tip-guide h3, - .joyride-tip-guide h4, - .joyride-tip-guide h5, - .joyride-tip-guide h6 { - line-height: 1.25; - margin: 0; - font-weight: $joyride-tip-header-weight; - color: $joyride-tip-font-color; - } - .joyride-tip-guide p { - margin: rem-calc(0 0 18 0); - font-size: $joyride-tip-font-size; - line-height: 1.3; - } - - .joyride-timer-indicator-wrap { - width: $joyride-tip-timer-width; - height: $joyride-tip-timer-height; - border: $joyride-tip-border; - position: absolute; - #{$opposite-direction}: rem-calc(17); - bottom: rem-calc(16); - } - .joyride-timer-indicator { - display: block; - width: 0; - height: inherit; - background: $joyride-tip-timer-color; - } - - .joyride-close-tip { - position: absolute; - #{$opposite-direction}: 12px; - top: 10px; - color: $joyride-tip-close-color !important; - text-decoration: none; - font-size: $joyride-tip-close-size; - font-weight: $joyride-tip-close-weight; - line-height: .5 !important; - - &:hover, - &:focus { color: $smoke !important; } - } - - .joyride-modal-bg { - position: fixed; - height: 100%; - width: 100%; - background: transparent; - background: $joyride-screenfill; - z-index: 100; - display: none; - top: 0; - #{$default-float}: 0; - cursor: $cursor-pointer-value; - } - - .joyride-expose-wrapper { - background-color: $white; - position: absolute; - border-radius: 3px; - z-index: 102; - box-shadow: 0 0 15px $white; - } - - .joyride-expose-cover { - background: transparent; - border-radius: 3px; - position: absolute; - z-index: 9999; - top: 0; - left: 0; - } - - - /* Styles for screens that are at least 768px; */ - @media #{$small} { - .joyride-tip-guide { width: $joyride-tip-default-width; #{$default-float}: inherit; - .joyride-nub { - &.bottom { - border-color: $joyride-tip-bg !important; - border-bottom-color: transparent !important; - border-#{$default-float}-color: transparent !important; - border-#{$opposite-direction}-color: transparent !important; - bottom: -($joyride-tip-nub-size*2); - } - &.right { - border-color: $joyride-tip-bg !important; - border-top-color: transparent !important; - border-right-color: transparent !important; border-bottom-color: transparent !important; - top: $joyride-tip-position-offset; - left: auto; - right: -($joyride-tip-nub-size*2); - } - &.left { - border-color: $joyride-tip-bg !important; - border-top-color: transparent !important; - border-left-color: transparent !important; - border-bottom-color: transparent !important; - top: $joyride-tip-position-offset; - left: -($joyride-tip-nub-size*2); - right: auto; - } - } - } - } - } -} diff --git a/_sass/foundation-components/_keystrokes.scss b/_sass/foundation-components/_keystrokes.scss deleted file mode 100644 index adebd6b1..00000000 --- a/_sass/foundation-components/_keystrokes.scss +++ /dev/null @@ -1,61 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-keystroke-classes: $include-html-classes !default; - -// We use these to control text styles. -$keystroke-font: "Consolas", "Menlo", "Courier", monospace !default; -$keystroke-font-size: inherit !default; -$keystroke-font-color: $jet !default; -$keystroke-font-color-alt: $white !default; -$keystroke-function-factor: -7% !default; - -// We use this to control keystroke padding. -$keystroke-padding: rem-calc(2 4 0) !default; - -// We use these to control background and border styles. -$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default; -$keystroke-border-style: solid !default; -$keystroke-border-width: 1px !default; -$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default; -$keystroke-radius: $global-radius !default; - -// -// @mixins -// -// We use this mixin to create keystroke styles. -// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default; -@mixin keystroke($bg:$keystroke-bg) { - // This find the lightness percentage of the background color. - $bg-lightness: lightness($bg); - - background-color: $bg; - border-color: scale-color($bg, $lightness: $keystroke-function-factor); - - // We adjust the font color based on the brightness of the background. - @if $bg-lightness > 70% { color: $keystroke-font-color; } - @else { color: $keystroke-font-color-alt; } - - border-style: $keystroke-border-style; - border-width: $keystroke-border-width; - margin: 0; - font-family: $keystroke-font; - font-size: $keystroke-font-size; - padding: $keystroke-padding; -} - -@include exports("keystroke") { - @if $include-html-keystroke-classes { - .keystroke, - kbd { - @include keystroke; - @include radius($keystroke-radius); - } - } -} diff --git a/_sass/foundation-components/_labels.scss b/_sass/foundation-components/_labels.scss deleted file mode 100644 index 8d302d86..00000000 --- a/_sass/foundation-components/_labels.scss +++ /dev/null @@ -1,106 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-label-classes: $include-html-classes !default; - -// We use these to style the labels -$label-padding: rem-calc(4 8 4) !default; -$label-radius: $global-radius !default; - -// We use these to style the label text -$label-font-sizing: rem-calc(11) !default; -$label-font-weight: $font-weight-normal !default; -$label-font-color: $oil !default; -$label-font-color-alt: $white !default; -$label-font-family: $body-font-family !default; - -// -// @mixins -// -// We use this mixin to create a default label base. -@mixin label-base { - font-weight: $label-font-weight; - font-family: $label-font-family; - text-align: center; - text-decoration: none; - line-height: 1; - white-space: nowrap; - display: inline-block; - position: relative; - margin-bottom: auto; -} - -// @mixins -// -// We use this mixin to add label size styles. -// $padding - Used to determine label padding. Default: $label-padding || rem-calc(4 8 4) !default -// $text-size - Used to determine label text-size. Default: $text-size found in settings -@mixin label-size($padding:$label-padding, $text-size:$label-font-sizing) { - @if $padding { padding: $padding; } - @if $text-size { font-size: $text-size; } -} - -// @mixins -// -// We use this mixin to add label styles. -// $bg - Default: $primary-color (found in settings file) -// $radius - Default: false, Options: true, sets radius to $global-radius (found in settings file) -@mixin label-style($bg:$primary-color, $radius:false) { - - // We control which background color comes through - @if $bg { - - // This find the lightness percentage of the background color. - $bg-lightness: lightness($bg); - - background-color: $bg; - - // We control the text color for you based on the background color. - @if $bg-lightness < 70% { color: $label-font-color-alt; } - @else { color: $label-font-color; } - } - - // We use this to control the radius on labels. - @if $radius == true { @include radius($label-radius); } - @else if $radius { @include radius($radius); } - -} - -// @mixins -// -// We use this to add close buttons to alerts -// $padding - Default: $label-padding, -// $text-size - Default: $label-font-sizing, -// $bg - Default: $primary-color(found in settings file) -// $radius - Default: false, Options: true which sets radius to $global-radius (found in settings file) -@mixin label($padding:$label-padding, $text-size:$label-font-sizing, $bg:$primary-color, $radius:false) { - - @include label-base; - @include label-size($padding, $text-size); - @include label-style($bg, $radius); -} - -@include exports("label") { - @if $include-html-label-classes { - .label { - @include label-base; - @include label-size; - @include label-style; - - &.radius { @include label-style(false, true); } - &.round { @include label-style(false, $radius:1000px); } - - &.alert { @include label-style($alert-color); } - &.warning { @include label-style($warning-color); } - &.success { @include label-style($success-color); } - &.secondary { @include label-style($secondary-color); } - &.info { @include label-style($info-color); } - } - } -} diff --git a/_sass/foundation-components/_magellan.scss b/_sass/foundation-components/_magellan.scss deleted file mode 100644 index fb10c7d1..00000000 --- a/_sass/foundation-components/_magellan.scss +++ /dev/null @@ -1,34 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-magellan-classes: $include-html-classes !default; - -$magellan-bg: $white !default; -$magellan-padding: 10px !default; - -@include exports("magellan") { - @if $include-html-magellan-classes { - - #{data('magellan-expedition')}, #{data('magellan-expedition-clone')} { - background: $magellan-bg; - z-index: 50; - min-width: 100%; - padding: $magellan-padding; - - .sub-nav { - margin-bottom: 0; - dd { margin-bottom: 0; } - a { - line-height: 1.8em; - } - } - } - - } -} diff --git a/_sass/foundation-components/_offcanvas.scss b/_sass/foundation-components/_offcanvas.scss deleted file mode 100644 index 8c865320..00000000 --- a/_sass/foundation-components/_offcanvas.scss +++ /dev/null @@ -1,515 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "type"; - -// Off Canvas Tab Bar Variables -$include-html-off-canvas-classes: $include-html-classes !default; - -$tabbar-bg: $oil !default; -$tabbar-height: rem-calc(45) !default; -$tabbar-icon-width: $tabbar-height !default; -$tabbar-line-height: $tabbar-height !default; -$tabbar-color: $white !default; -$tabbar-middle-padding: 0 rem-calc(10) !default; - -// Off Canvas Divider Styles -$tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default; -$tabbar-right-section-border: $tabbar-left-section-border; - - -// Off Canvas Tab Bar Headers -$tabbar-header-color: $white !default; -$tabbar-header-weight: $font-weight-bold !default; -$tabbar-header-line-height: $tabbar-height !default; -$tabbar-header-margin: 0 !default; - -// Off Canvas Menu Variables -$off-canvas-width: rem-calc(250) !default; -$off-canvas-bg: $oil !default; -$off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%) !default; - -// Off Canvas Menu List Variables -$off-canvas-label-padding: 0.3rem rem-calc(15) !default; -$off-canvas-label-color: $aluminum !default; -$off-canvas-label-text-transform: uppercase !default; -$off-canvas-label-font-size: rem-calc(12) !default; -$off-canvas-label-font-weight: $font-weight-bold !default; -$off-canvas-label-bg: $tuatara !default; -$off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default; -$off-canvas-label-border-bottom: none !default; -$off-canvas-label-margin:0 !default; -$off-canvas-link-padding: rem-calc(10, 15) !default; -$off-canvas-link-color: rgba($white, 0.7) !default; -$off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default; -$off-canvas-back-bg: #444 !default; -$off-canvas-back-border-top: $off-canvas-label-border-top !default; -$off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default; -$off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default; -$off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default; -$off-canvas-back-hover-border-bottom: none !default; - -// Off Canvas Menu Icon Variables -$tabbar-menu-icon-color: $white !default; -$tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default; - -$tabbar-menu-icon-text-indent: rem-calc(35) !default; -$tabbar-menu-icon-width: $tabbar-icon-width !default; -$tabbar-menu-icon-height: $tabbar-height !default; -$tabbar-menu-icon-padding: 0 !default; - -$tabbar-hamburger-icon-width: rem-calc(16) !default; -$tabbar-hamburger-icon-left: false !default; -$tabbar-hamburger-icon-top: false !default; -$tabbar-hamburger-icon-thickness: 1px !default; -$tabbar-hamburger-icon-gap: 6px !default; - -// Off Canvas Back-Link Overlay -$off-canvas-overlay-transition: background 300ms ease !default; -$off-canvas-overlay-cursor: pointer !default; -$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default; -$off-canvas-overlay-background: rgba($white, 0.2) !default; -$off-canvas-overlay-background-hover: rgba($white, 0.05) !default; - -// Transition Variables -$menu-slide: "transform 500ms ease" !default; - - -// MIXINS -// Remove transition flicker on phones -@mixin kill-flicker { - // -webkit-transform: translateZ(0x); - -webkit-backface-visibility: hidden; -} - -// Basic properties for the content wraps -@mixin wrap-base { - position: relative; - width: 100%; -} - -@mixin translate3d($tx,$ty,$tz) { - -ms-transform: translate($tx,$ty); - -webkit-transform: translate3d($tx,$ty,$tz); - -moz-transform: translate3d($tx,$ty,$tz); - -ms-transform: translate3d($tx,$ty,$tz); - -o-transform: translate3d($tx,$ty,$tz); - transform: translate3d($tx,$ty,$tz) -} - -// basic styles for off-canvas menu container -@mixin off-canvas-menu($position) { - @include kill-flicker; - * { @include kill-flicker; } - width: $off-canvas-width; - top: 0; - bottom: 0; - position: absolute; - overflow-x: hidden; - overflow-y: auto; - background: $off-canvas-bg; - z-index: 1001; - box-sizing: content-box; - transition: transform 500ms ease 0s; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - - @if $position == left { - @include translate3d(-100%,0,0); - left: 0; - } - @if $position == right { - @include translate3d(100%,0,0); - right: 0; - } -} - -// OFF CANVAS WRAP -// Wrap visible content and prevent scroll bars -@mixin off-canvas-wrap { - @include kill-flicker; - @include wrap-base; - overflow: hidden; - &.move-right, - &.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; } -} - -// INNER WRAP -// Main content area that moves to reveal the off-canvas nav -@mixin inner-wrap { - // @include kill-flicker; - // removed for now till chrome fixes backface issue - @include wrap-base; - @include clearfix; - -webkit-transition: -webkit-#{$menu-slide}; - -moz-transition: -moz-#{$menu-slide}; - -ms-transition: -ms-#{$menu-slide}; - -o-transition: -o-#{$menu-slide}; - transition: #{$menu-slide}; -} - -// TAB BAR -// This is the tab bar base -@mixin tab-bar-base { - @include kill-flicker; - - // base styles - background: $tabbar-bg; - color: $tabbar-color; - height: $tabbar-height; - line-height: $tabbar-line-height; - - // make sure it's below the .exit-off-canvas link - position: relative; - // z-index: 999; - - // Typography - h1,h2,h3,h4,h5,h6 { - color: $tabbar-header-color; - font-weight: $tabbar-header-weight; - line-height: $tabbar-header-line-height; - margin: $tabbar-header-margin; - } - h1,h2,h3,h4 { font-size: $h5-font-size; } -} - -// SMALL SECTIONS -// These are small sections on the left and right that contain the off-canvas toggle buttons; -@mixin tabbar-small-section($position) { - width: $tabbar-icon-width; - height: $tabbar-height; - position: absolute; - top: 0; - @if $position == left { - border-right: $tabbar-left-section-border; - // box-shadow: 1px 0 0 scale-color($tabbar-bg, $lightness: 13%); - left: 0; - } - @if $position == right { - border-left: $tabbar-right-section-border; - // box-shadow: -1px 0 0 scale-color($tabbar-bg, $lightness: -50%); - right:0; - } -} - -@mixin tab-bar-section { - padding: $tabbar-middle-padding; - position: absolute; - text-align: center; - height: $tabbar-height; - top: 0; - @media #{$medium-up} { - &.left { text-align: left; } - &.right { text-align: right; } - } - - // still need to make these non-presentational - &.left { - left: 0; - right: $tabbar-icon-width; - } - &.right { - left: $tabbar-icon-width; - right: 0; - } - &.middle { - left: $tabbar-icon-width; - right: $tabbar-icon-width; - } -} - -// OFF CANVAS LIST -// This is the list of links in the off-canvas menu -@mixin off-canvas-list { - list-style-type: none; - padding:0; - margin:0; - - li { - label { - display: block; - padding: $off-canvas-label-padding; - color: $off-canvas-label-color; - text-transform: $off-canvas-label-text-transform; - font-size: $off-canvas-label-font-size; - font-weight: $off-canvas-label-font-weight; - background: $off-canvas-label-bg; - border-top: $off-canvas-label-border-top; - border-bottom: $off-canvas-label-border-bottom; - margin: $off-canvas-label-margin; - } - a { - display: block; - padding: $off-canvas-link-padding; - color: $off-canvas-link-color; - border-bottom: $off-canvas-link-border-bottom; - transition: background 300ms ease; - &:hover { - background: $off-canvas-bg-hover; - } - } - } - -} - -// BACK LINK -// This is an overlay that, when clicked, will toggle off the off canvas menu -@mixin back-link { - @include kill-flicker; - - transition: $off-canvas-overlay-transition; - cursor: $off-canvas-overlay-cursor; - box-shadow: $off-canvas-overlay-box-shadow; - - // fill the screen - display: block; - position: absolute; - background: $off-canvas-overlay-background; - top: 0; - bottom: 0; - left:0; - right:0; - z-index: 1002; - -webkit-tap-highlight-color: rgba(0,0,0,0); - - @media #{$medium-up} { - &:hover { - background: $off-canvas-overlay-background-hover; - } - } -} - -// -// DEFAULT CLASSES -// -@include exports("offcanvas") { - @if $include-html-off-canvas-classes { - - .off-canvas-wrap { @include off-canvas-wrap; } - .inner-wrap { @include inner-wrap; } - - .tab-bar { @include tab-bar-base; } - - .left-small { @include tabbar-small-section($position: left); } - .right-small { @include tabbar-small-section($position: right); } - - .tab-bar-section { @include tab-bar-section; } - - // MENU BUTTON - // This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future. - .tab-bar .menu-icon { - text-indent: $tabbar-menu-icon-text-indent; - width: $tabbar-menu-icon-width; - height: $tabbar-menu-icon-height; - display: block; - padding: $tabbar-menu-icon-padding; - color: $tabbar-menu-icon-color; - position: relative; - transform: translate3d(0,0,0); - - // @include for the hamburger menu-icon - // - // Arguments as follows: ($width, $left, $top, $thickness, $gap, $color, $hover-color) - // $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width. - // $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False - // $top - If false, icon will be centered vertically || explicitly set value in rem Default: = False - // $thickness - thickness of lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-thickness = 1px - // $gap - spacing between the lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-gap = 6px - // $color - icon color Default: $tabbar-menu-icon-color - // $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover - // $offcanvas - Set to true - @include hamburger($tabbar-hamburger-icon-width, $tabbar-hamburger-icon-left, $tabbar-hamburger-icon-top, $tabbar-hamburger-icon-thickness, $tabbar-hamburger-icon-gap, $tabbar-menu-icon-color, $tabbar-menu-icon-hover, true) - } - - .left-off-canvas-menu { @include off-canvas-menu($position: left); } - .right-off-canvas-menu { @include off-canvas-menu($position: right); } - - ul.off-canvas-list { @include off-canvas-list; } - - - // ANIMATION CLASSES - // These classes are added with JS and trigger the actual animation. - .move-right { - > .inner-wrap { - @include translate3d($off-canvas-width,0,0); - } - .exit-off-canvas { @include back-link;} - } - - .move-left { - > .inner-wrap { - @include translate3d(-($off-canvas-width),0,0); - - } - .exit-off-canvas { @include back-link; } - } - .offcanvas-overlap { - .left-off-canvas-menu, .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; - } - .exit-off-canvas { @include back-link; } - } - .offcanvas-overlap-left { - .right-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; - } - .exit-off-canvas { @include back-link; } - } - .offcanvas-overlap-right { - .left-off-canvas-menu { - -ms-transform: none; - -webkit-transform: none; - -moz-transform: none; - -o-transform: none; - transform: none; - z-index: 1003; - } - .exit-off-canvas { @include back-link; } - } - - // Older browsers - .no-csstransforms { - .left-off-canvas-menu { left: -($off-canvas-width); } - .right-off-canvas-menu { right: -($off-canvas-width); } - - .move-left > .inner-wrap { right: $off-canvas-width; } - .move-right > .inner-wrap { left: $off-canvas-width; } - } - - } -} - -// -// Off-Canvas Submenu Classes -// -@mixin off-canvas-submenu($position) { - @include kill-flicker; - * { @include kill-flicker; } - width: $off-canvas-width; - top: 0; - bottom: 0; - position: absolute; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - background: $off-canvas-bg; - z-index: 1002; - box-sizing: content-box; - -webkit-overflow-scrolling: touch; - @if $position == left { - @include translate3d(-100%,0,0); - left: 0; - } - @if $position == right { - @include translate3d(100%,0,0); - right: 0; - } - -webkit-transition: -webkit-#{$menu-slide}; - -moz-transition: -moz-#{$menu-slide}; - -ms-transition: -ms-#{$menu-slide}; - -o-transition: -o-#{$menu-slide}; - transition: #{$menu-slide}; - - //back button style like label - .back > a { - padding: $off-canvas-label-padding; - color: $off-canvas-label-color; - text-transform: $off-canvas-label-text-transform; - font-weight: $off-canvas-label-font-weight; - background: $off-canvas-back-bg; - border-top: $off-canvas-back-border-top; - border-bottom: $off-canvas-back-border-bottom; - &:hover { - background: $off-canvas-back-hover-bg; - border-top: $off-canvas-back-hover-border-top; - border-bottom: $off-canvas-back-hover-border-bottom; - } - margin: $off-canvas-label-margin; - @if $position == right { - @if $text-direction == rtl { - &:before { - @include icon-double-arrows($position: left); - } - } @else { - &:after { - @include icon-double-arrows($position: right); - } - } - } - @if $position == left { - @if $text-direction == rtl { - &:after { - @include icon-double-arrows($position: right); - } - } @else { - &:before { - @include icon-double-arrows($position: left); - } - } - } - } -} -//Left double angle quote or Right double angle quote chars -@mixin icon-double-arrows ($position){ - @if $position == left { - content: "\AB"; - @if $text-direction == rtl { - margin-left: 0.5rem; - } @else { - margin-right: 0.5rem; - } - } - @if $position == right { - content: "\BB"; - @if $text-direction == rtl { - margin-right: 0.5rem; - } @else { - margin-left: 0.5rem; - } - } - display: inline; -} - -@if $include-html-off-canvas-classes { - .left-submenu { - @include off-canvas-submenu($position: left); - &.move-right, &.offcanvas-overlap-right, &.offcanvas-overlap { - @include translate3d(0%,0,0); - } - } - - .right-submenu { - @include off-canvas-submenu($position: right); - &.move-left, &.offcanvas-overlap-left, &.offcanvas-overlap { - @include translate3d(0%,0,0); - } - } - - @if $text-direction == rtl { - .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - @include icon-double-arrows($position: left); - } - .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - @include icon-double-arrows($position: right); - } - } @else { - .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { - @include icon-double-arrows($position: right); - } - .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { - @include icon-double-arrows($position: left); - } - } -} diff --git a/_sass/foundation-components/_orbit.scss b/_sass/foundation-components/_orbit.scss deleted file mode 100644 index 3228d8a7..00000000 --- a/_sass/foundation-components/_orbit.scss +++ /dev/null @@ -1,368 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// @variables -// -$include-html-orbit-classes: $include-html-classes !default; - -// We use these to control the caption styles -$orbit-container-bg: none !default; -$orbit-caption-bg: rgba(51,51,51, 0.8) !default; -$orbit-caption-font-color: $white !default; -$orbit-caption-font-size: rem-calc(14) !default; -$orbit-caption-position: "bottom" !default; // Supported values: "bottom", "under" -$orbit-caption-padding: rem-calc(10 14) !default; -$orbit-caption-height: auto !default; - -// We use these to control the left/right nav styles -$orbit-nav-bg: transparent !default; -$orbit-nav-bg-hover: rgba(0,0,0,0.3) !default; -$orbit-nav-arrow-color: $white !default; -$orbit-nav-arrow-color-hover: $white !default; - -// We use these to control the timer styles -$orbit-timer-bg: rgba(255,255,255,0.3) !default; -$orbit-timer-show-progress-bar: true !default; - -// We use these to control the bullet nav styles -$orbit-bullet-nav-color: $iron !default; -$orbit-bullet-nav-color-active: $aluminum !default; -$orbit-bullet-radius: rem-calc(9) !default; - -// We use these to controls the style of slide numbers -$orbit-slide-number-bg: rgba(0,0,0,0) !default; -$orbit-slide-number-font-color: $white !default; -$orbit-slide-number-padding: rem-calc(5) !default; - -// Graceful Loading Wrapper and preloader -$wrapper-class: "slideshow-wrapper" !default; -$preloader-class: "preloader" !default; - -// Hide controls on small -$orbit-nav-hide-for-small: true !default; -$orbit-bullet-hide-for-small: true !default; -$orbit-timer-hide-for-small: true !default; - - -@include exports("orbit") { - @if $include-html-orbit-classes { - - @-webkit-keyframes rotate { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); } - } - @-moz-keyframes rotate { - from { -moz-transform: rotate(0deg); } - to { -moz-transform: rotate(360deg); } - } - @-o-keyframes rotate { - from { -o-transform: rotate(0deg); } - to { -o-transform: rotate(360deg); } - } - @keyframes rotate { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } - } - - /* Orbit Graceful Loading */ - .#{$wrapper-class} { - position: relative; - - ul { - // Prevent bullets showing before .orbit-container is loaded - list-style-type: none; - margin: 0; - - // Hide all list items - li, - li .orbit-caption { display: none; } - - // ...except for the first one - li:first-child { display: block; } - } - - .orbit-container { background-color: transparent; - - // Show images when .orbit-container is loaded - li { display: block; - - .orbit-caption { display: block; } - } - .orbit-bullets li { - display: inline-block; - } - } - - // Orbit preloader - .#{$preloader-class} { - display: block; - width: 40px; - height: 40px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -20px; - margin-left: -20px; - border: solid 3px; - border-color: $charcoal $white; - @include radius(1000px); - animation-name: rotate; - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-timing-function: linear; - } - } - - - .orbit-container { - overflow: hidden; - width: 100%; - position: relative; - background: $orbit-container-bg; - - .orbit-slides-container { - list-style: none; - margin: 0; - padding: 0; - position: relative; - - // Prevents images (and captions) from disappearing after first rotation on Chrome for Android - -webkit-transform: translateZ(0); - - img { display: block; max-width: 100%; } - - &>* { - position: absolute; - top: 0; - width: 100%; - @if $text-direction == rtl { - margin-right: 100%; - } - @else { - margin-left: 100%; - } - - &:first-child { - @if $text-direction == rtl { - margin-right: 0; - } - @else { - margin-left: 0; - } - } - - .orbit-caption { - @if $orbit-caption-position == "bottom" { - position: absolute; - bottom: 0; - } @else if $orbit-caption-position == "under" { - position: relative; - } - - background-color: $orbit-caption-bg; - color: $orbit-caption-font-color; - width: 100%; - padding: $orbit-caption-padding; - font-size: $orbit-caption-font-size; - } - } - } - - .orbit-slide-number { - position: absolute; - top: 10px; - #{$default-float}: 10px; - font-size: 12px; - span { font-weight: 700; padding: $orbit-slide-number-padding;} - color: $orbit-slide-number-font-color; - background: $orbit-slide-number-bg; - z-index: 10; - } - - .orbit-timer { - position: absolute; - top: 12px; - #{$opposite-direction}: 10px; - height: 6px; - width: 100px; - z-index: 10; - .orbit-progress { - @if $orbit-timer-show-progress-bar { - height: 3px; - background-color: $orbit-timer-bg; - display: block; - width: 0; - position: relative; - right: 20px; - top: 5px; - } - } - - // Play button - & > span { - display: none; - position: absolute; - top: 0; - #{$opposite-direction}: 0; - width: 11px; - height: 14px; - border: solid 4px $white; - border-top: none; - border-bottom: none; - } - - // Pause button - &.paused { - & > span { - #{$opposite-direction}: -4px; - top: 0; - width: 11px; - height: 14px; - border: inset 8px; - border-left-style: solid; - border-color: transparent; - border-left-color: $white; - &.dark { - border-left-color: $oil; - } - } - } - } - - - - &:hover .orbit-timer > span { display: block; } - - // Let's get those controls to be right in the center on each side - .orbit-prev, - .orbit-next { - position: absolute; - top: 45%; - margin-top: -25px; - width: 36px; - height: 60px; - line-height: 50px; - color: white; - background-color: $orbit-nav-bg; - text-indent: -9999px !important; - z-index: 10; - - &:hover { - background-color: $orbit-nav-bg-hover; - } - - & > span { - position: absolute; - top: 50%; - margin-top: -10px; - display: block; - width: 0; - height: 0; - border: inset 10px; - } - } - .orbit-prev { #{$default-float}: 0; - & > span { - border-#{$opposite-direction}-style: solid; - border-color: transparent; - border-#{$opposite-direction}-color: $orbit-nav-arrow-color; - } - &:hover > span { - border-#{$opposite-direction}-color: $orbit-nav-arrow-color-hover; - } - } - .orbit-next { #{$opposite-direction}: 0; - & > span { - border-color: transparent; - border-#{$default-float}-style: solid; - border-#{$default-float}-color: $orbit-nav-arrow-color; - #{$default-float}: 50%; - margin-#{$default-float}: -4px; - } - &:hover > span { - border-#{$default-float}-color: $orbit-nav-arrow-color-hover; - } - } - } - - .orbit-bullets-container { text-align: center; } - .orbit-bullets { - margin: 0 auto 30px auto; - overflow: hidden; - position: relative; - top: 10px; - float: none; - text-align: center; - display: block; - - li { - cursor:pointer; - display: inline-block; - width: $orbit-bullet-radius; - height: $orbit-bullet-radius; - background: $orbit-bullet-nav-color; - // float: $default-float; - float: none; - margin-#{$opposite-direction}: 6px; - @include radius(1000px); - - &.active { - background: $orbit-bullet-nav-color-active; - } - - &:last-child { margin-#{$opposite-direction}: 0; } - } - } - - .touch { - .orbit-container { - .orbit-prev, - .orbit-next { display: none; } - } - - .orbit-bullets { display: none; } - } - - - @media #{$medium-up} { - - .touch { - .orbit-container { - .orbit-prev, - .orbit-next { display: inherit; } - } - - .orbit-bullets { display: block; } - } - - } - - @media #{$small-only} { - .orbit-stack-on-small { - .orbit-slides-container {height: auto !important;} - .orbit-slides-container > * { - position: relative; - margin:0 !important; - opacity:1 !important; - } - - .orbit-slide-number { - display: none; - } - } - - @if $orbit-timer-hide-for-small { - .orbit-timer{display: none;} - } - @if $orbit-nav-hide-for-small { - .orbit-next,.orbit-prev{display: none;} - } - @if $orbit-bullet-hide-for-small { - .orbit-bullets{display: none;} - } - } - } -} diff --git a/_sass/foundation-components/_pagination.scss b/_sass/foundation-components/_pagination.scss deleted file mode 100644 index da6aada9..00000000 --- a/_sass/foundation-components/_pagination.scss +++ /dev/null @@ -1,162 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-pagination-classes: $include-html-classes !default; - -// We use these to control the pagination container -$pagination-height: rem-calc(24) !default; -$pagination-margin: rem-calc(-5) !default; - -// We use these to set the list-item properties -$pagination-li-float: $default-float !default; -$pagination-li-height: rem-calc(24) !default; -$pagination-li-font-color: $jet !default; -$pagination-li-font-size: rem-calc(14) !default; -$pagination-li-margin: rem-calc(5) !default; - -// We use these for the pagination anchor links -$pagination-link-pad: rem-calc(1 10 1) !default; -$pagination-link-font-color: $aluminum !default; -$pagination-link-active-bg: scale-color($white, $lightness: -10%) !default; - -// We use these for disabled anchor links -$pagination-link-unavailable-cursor: default !default; -$pagination-link-unavailable-font-color: $aluminum !default; -$pagination-link-unavailable-bg-active: transparent !default; - -// We use these for currently selected anchor links -$pagination-link-current-background: $primary-color !default; -$pagination-link-current-font-color: $white !default; -$pagination-link-current-font-weight: $font-weight-bold !default; -$pagination-link-current-cursor: default !default; -$pagination-link-current-active-bg: $primary-color !default; - -// @mixins -// -// Style the pagination container. Currently only used when centering elements. -// $center - Default: false, Options: true -@mixin pagination-container($center:false) { - @if $center { text-align: center; } -} - -// @mixins -// Style unavailable list items -@mixin pagination-unavailable-item { - a, button { - cursor: $pagination-link-unavailable-cursor; - color: $pagination-link-unavailable-font-color; - } - &:hover a, - & a:focus, - - &:hover button, - & button:focus - { background: $pagination-link-unavailable-bg-active; } -} -// @mixins -// Style the current list item. Do not assume that the current item has -// an anchor element. -// $has-anchor - Default: true, Options: false -@mixin pagination-current-item($has-anchor: true) { - @if $has-anchor { - a, button { - background: $pagination-link-current-background; - color: $pagination-link-current-font-color; - font-weight: $pagination-link-current-font-weight; - cursor: $pagination-link-current-cursor; - - &:hover, - &:focus { background: $pagination-link-current-active-bg; } - } - } @else { - height: auto; - padding: $pagination-link-pad; - background: $pagination-link-current-background; - color: $pagination-link-current-font-color; - font-weight: $pagination-link-current-font-weight; - cursor: $pagination-link-current-cursor; - @include radius; - - &:hover, - &:focus { background: $pagination-link-current-active-bg; } - } -} - -// @mixins -// -// We use this mixin to set the properties for the creating Foundation pagination -// $center - Left or center align the li elements. Default: false -// $base-style - Sets base styles for pagination. Default: true, Options: false -// $use-default-classes - Makes unavailable & current classes available for use. Default: true -@mixin pagination($center:false, $base-style:true, $use-default-classes:true) { - - @if $base-style { - display: block; - min-height: $pagination-height; - margin-#{$default-float}: $pagination-margin; - - li { - height: $pagination-li-height; - color: $pagination-li-font-color; - font-size: $pagination-li-font-size; - margin-#{$default-float}: $pagination-li-margin; - - a, button { - display: block; - padding: $pagination-link-pad; - color: $pagination-link-font-color; - background: none; - @include radius; - font-weight: normal; - font-size: 1em; - line-height: inherit; - @include single-transition(background-color); - } - - &:hover a, - a:focus, - &:hover button, - button:focus - { background: $pagination-link-active-bg; } - - @if $use-default-classes { - &.unavailable { @include pagination-unavailable-item(); } - &.current { @include pagination-current-item(); } - } - } - } - - // Left or center align the li elements - li { - @if $center { - float: none; - display: inline-block; - } @else { - float: $pagination-li-float; - display: block; - } - } -} - -@include exports("pagination") { - @if $include-pagination-classes { - ul.pagination { - @include pagination; - } - - /* Pagination centred wrapper */ - .pagination-centered { - @include pagination-container(true); - - ul.pagination { - @include pagination(true, false); - } - } - } -} diff --git a/_sass/foundation-components/_panels.scss b/_sass/foundation-components/_panels.scss deleted file mode 100644 index b3018e32..00000000 --- a/_sass/foundation-components/_panels.scss +++ /dev/null @@ -1,101 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-panel-classes: $include-html-classes !default; - -// We use these to control the background and border styles -$panel-bg: scale-color($white, $lightness: -5%) !default; -$panel-border-style: solid !default; -$panel-border-size: 1px !default; - -// We use this % to control how much we darken things on hover -$panel-function-factor: -11% !default; -$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default; - -// We use these to set default inner padding and bottom margin -$panel-margin-bottom: rem-calc(20) !default; -$panel-padding: rem-calc(20) !default; - -// We use these to set default font colors -$panel-font-color: $oil !default; -$panel-font-color-alt: $white !default; - -$panel-header-adjust: true !default; -$callout-panel-link-color: $primary-color !default; -$callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default; -// -// @mixins -// -// We use this mixin to create panels. -// $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default -// $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20) -// $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true -@mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) { - - @if $bg { - $bg-lightness: lightness($bg); - - border-style: $panel-border-style; - border-width: $panel-border-size; - border-color: scale-color($bg, $lightness: $panel-function-factor); - margin-bottom: $panel-margin-bottom; - padding: $padding; - - background: $bg; - @if $bg-lightness >= 50% { color: $panel-font-color; } - @else { color: $panel-font-color-alt; } - - // Respect the padding, fool. - &>:first-child { margin-top: 0; } - &>:last-child { margin-bottom: 0; } - - @if $adjust { - // We set the font color based on the darkness of the bg. - @if $bg-lightness >= 50% { - h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; } - } - @else { - h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; } - } - - // reset header line-heights for panels - h1,h2,h3,h4,h5,h6 { - line-height: 1; margin-bottom: rem-calc(20) / 2; - &.subheader { line-height: 1.4; } - } - } - } -} - -@include exports("panel") { - @if $include-html-panel-classes { - - /* Panels */ - .panel { @include panel; - - &.callout { - @include panel(scale-color($primary-color, $lightness: 94%)); - a:not(.button) { - color: $callout-panel-link-color; - - &:hover, - &:focus { - color: $callout-panel-link-color-hover; - } - } - } - - &.radius { - @include radius; - } - - } - - } -} diff --git a/_sass/foundation-components/_pricing-tables.scss b/_sass/foundation-components/_pricing-tables.scss deleted file mode 100644 index 97b14c44..00000000 --- a/_sass/foundation-components/_pricing-tables.scss +++ /dev/null @@ -1,150 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-pricing-classes: $include-html-classes !default; - -// We use this to control the border color -$price-table-border: solid 1px $gainsboro !default; - -// We use this to control the bottom margin of the pricing table -$price-table-margin-bottom: rem-calc(20) !default; - -// We use these to control the title styles -$price-title-bg: $oil !default; -$price-title-padding: rem-calc(15 20) !default; -$price-title-align: center !default; -$price-title-color: $smoke !default; -$price-title-weight: $font-weight-normal !default; -$price-title-size: rem-calc(16) !default; -$price-title-font-family: $body-font-family !default; - -// We use these to control the price styles -$price-money-bg: $vapor !default; -$price-money-padding: rem-calc(15 20) !default; -$price-money-align: center !default; -$price-money-color: $oil !default; -$price-money-weight: $font-weight-normal !default; -$price-money-size: rem-calc(32) !default; -$price-money-font-family: $body-font-family !default; - - -// We use these to control the description styles -$price-bg: $white !default; -$price-desc-color: $monsoon !default; -$price-desc-padding: rem-calc(15) !default; -$price-desc-align: center !default; -$price-desc-font-size: rem-calc(12) !default; -$price-desc-weight: $font-weight-normal !default; -$price-desc-line-height: 1.4 !default; -$price-desc-bottom-border: dotted 1px $gainsboro !default; - -// We use these to control the list item styles -$price-item-color: $oil !default; -$price-item-padding: rem-calc(15) !default; -$price-item-align: center !default; -$price-item-font-size: rem-calc(14) !default; -$price-item-weight: $font-weight-normal !default; -$price-item-bottom-border: dotted 1px $gainsboro !default; - -// We use these to control the CTA area styles -$price-cta-bg: $white !default; -$price-cta-align: center !default; -$price-cta-padding: rem-calc(20 20 0) !default; - -// @mixins -// -// We use this to create the container element for the pricing tables -@mixin pricing-table-container { - border: $price-table-border; - margin-#{$default-float}: 0; - margin-bottom: $price-table-margin-bottom; - - & * { - list-style: none; - line-height: 1; - } -} -// @mixins -// -// We use this mixin to create the pricing table title styles -@mixin pricing-table-title { - background-color: $price-title-bg; - padding: $price-title-padding; - text-align: $price-title-align; - color: $price-title-color; - font-weight: $price-title-weight; - font-size: $price-title-size; - font-family: $price-title-font-family; -} - -// @mixins -// -// We use this mixin to control the pricing table price styles -@mixin pricing-table-price { - background-color: $price-money-bg; - padding: $price-money-padding; - text-align: $price-money-align; - color: $price-money-color; - font-weight: $price-money-weight; - font-size: $price-money-size; - font-family: $price-money-font-family; -} - -// @mixins -// -// We use this mixin to create the description styles for the pricing table -@mixin pricing-table-description { - background-color: $price-bg; - padding: $price-desc-padding; - text-align: $price-desc-align; - color: $price-desc-color; - font-size: $price-desc-font-size; - font-weight: $price-desc-weight; - line-height: $price-desc-line-height; - border-bottom: $price-desc-bottom-border; -} - -// @mixins -// -// We use this mixin to style the bullet items in the pricing table -@mixin pricing-table-bullet { - background-color: $price-bg; - padding: $price-item-padding; - text-align: $price-item-align; - color: $price-item-color; - font-size: $price-item-font-size; - font-weight: $price-item-weight; - border-bottom: $price-item-bottom-border; -} - -// @mixins -// -// We use this mixin to style the CTA area of the pricing tables -@mixin pricing-table-cta { - background-color: $price-cta-bg; - text-align: $price-cta-align; - padding: $price-cta-padding; -} - -@include exports("pricing-table") { - @if $include-html-pricing-classes { - - /* Pricing Tables */ - .pricing-table { - @include pricing-table-container; - - .title { @include pricing-table-title; } - .price { @include pricing-table-price; } - .description { @include pricing-table-description; } - .bullet-item { @include pricing-table-bullet; } - .cta-button { @include pricing-table-cta; } - } - - } -} diff --git a/_sass/foundation-components/_progress-bars.scss b/_sass/foundation-components/_progress-bars.scss deleted file mode 100644 index 974a710d..00000000 --- a/_sass/foundation-components/_progress-bars.scss +++ /dev/null @@ -1,79 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// -$include-html-media-classes: $include-html-classes !default; - -// We use this to set the progress bar height -$progress-bar-height: rem-calc(25) !default; -$progress-bar-color: $vapor !default; - -// We use these to control the border styles -$progress-bar-border-color: scale-color($white, $lightness: 20%) !default; -$progress-bar-border-size: 1px !default; -$progress-bar-border-style: solid !default; -$progress-bar-border-radius: $global-radius !default; - -// We use these to control the margin & padding -$progress-bar-pad: rem-calc(2) !default; -$progress-bar-margin-bottom: rem-calc(10) !default; - -// We use these to set the meter colors -$progress-meter-color: $primary-color !default; -$progress-meter-secondary-color: $secondary-color !default; -$progress-meter-success-color: $success-color !default; -$progress-meter-alert-color: $alert-color !default; - -// @mixins -// -// We use this to set up the progress bar container -@mixin progress-container { - background-color: $progress-bar-color; - height: $progress-bar-height; - border: $progress-bar-border-size $progress-bar-border-style $progress-bar-border-color; - padding: $progress-bar-pad; - margin-bottom: $progress-bar-margin-bottom; -} - -// @mixins -// -// $bg - Default: $progress-meter-color || $primary-color -@mixin progress-meter($bg:$progress-meter-color) { - background: $bg; - height: 100%; - display: block; -} - - -@include exports("progress-bar") { - @if $include-html-media-classes { - - /* Progress Bar */ - .progress { - @include progress-container; - - // Meter - .meter { - @include progress-meter; - } - &.secondary .meter { @include progress-meter($bg:$progress-meter-secondary-color); } - &.success .meter { @include progress-meter($bg:$progress-meter-success-color); } - &.alert .meter { @include progress-meter($bg:$progress-meter-alert-color); } - - &.radius { @include radius($progress-bar-border-radius); - .meter { @include radius($progress-bar-border-radius - 1); } - } - - &.round { @include radius(1000px); - .meter { @include radius(999px); } - } - - } - - } -} diff --git a/_sass/foundation-components/_range-slider.scss b/_sass/foundation-components/_range-slider.scss deleted file mode 100644 index 30203eab..00000000 --- a/_sass/foundation-components/_range-slider.scss +++ /dev/null @@ -1,168 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _range-slider.scss -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-range-slider-classes: $include-html-classes !default; - -// These variabels define the slider bar styles -$range-slider-bar-width: 100% !default; -$range-slider-bar-height: rem-calc(16) !default; - -$range-slider-bar-border-width: 1px !default; -$range-slider-bar-border-style: solid !default; -$range-slider-bar-border-color: $gainsboro !default; -$range-slider-radius: $global-radius !default; -$range-slider-round: $global-rounded !default; -$range-slider-bar-bg-color: $ghost !default; -$range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%) !default; - -// Vertical bar styles -$range-slider-vertical-bar-width: rem-calc(16) !default; -$range-slider-vertical-bar-height: rem-calc(200) !default; - -// These variabels define the slider handle styles -$range-slider-handle-width: rem-calc(32) !default; -$range-slider-handle-height: rem-calc(22) !default; -$range-slider-handle-position-top: rem-calc(-5) !default; -$range-slider-handle-bg-color: $primary-color !default; -$range-slider-handle-border-width: 1px !default; -$range-slider-handle-border-style: solid !default; -$range-slider-handle-border-color: none !default; -$range-slider-handle-radius: $global-radius !default; -$range-slider-handle-round: $global-rounded !default; -$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default; -$range-slider-handle-cursor: pointer !default; - -$range-slider-disabled-opacity: 0.7 !default; - -// -// @mixins -// - -@mixin range-slider-bar-base($vertical: false) { - display: block; - position: relative; - width: $range-slider-bar-width; - height: $range-slider-bar-height; - border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color; - margin: rem-calc(20 0); - -ms-touch-action: none; - touch-action: none; - @if $vertical == true { - display: inline-block; - width: $range-slider-vertical-bar-width; - height: $range-slider-vertical-bar-height; - } -} -@mixin range-slider-bar-style( - $bg: true, - $radius: false, - $round: false, - $disabled: false) { - @if $bg == true { background: $range-slider-bar-bg-color; } - @if $radius == true { @include radius($range-slider-radius); } - @if $round == true { @include radius($range-slider-round); } - @if $disabled == true { - cursor: $cursor-default-value; - opacity: $range-slider-disabled-opacity; - } -} - -@mixin range-slider-bar( - $bg: $range-slider-bar-bg-color, - $radius:false) { - @include range-slider-bar-base; - @include range-slider-bar-style; -} - -@mixin range-slider-handle-base() { - display: inline-block; - position: absolute; - z-index: 1; - top: $range-slider-handle-position-top; - width: $range-slider-handle-width; - height: $range-slider-handle-height; - border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color; - cursor: $range-slider-handle-cursor; - - // This removes the 300ms touch delay on Windows 8 - -ms-touch-action: manipulation; - touch-action: manipulation; -} -@mixin range-slider-handle-style( - $bg: true, - $radius: false, - $round: false, - $disabled: false) { - @if $bg == true { background: $range-slider-handle-bg-color; } - @if $radius == true { @include radius($range-slider-radius); } - @if $round == true { @include radius($range-slider-round); } - @if $disabled == true { - cursor: $cursor-default-value; - opacity: $range-slider-disabled-opacity; - } - &:hover { - background: $range-slider-handle-bg-hover-color; - } -} -@mixin range-slider-handle() { - @include range-slider-handle-base; - @include range-slider-handle-style; -} - -// CSS Generation -@include exports("range-slider-bar") { - @if $include-html-range-slider-classes { - .range-slider { - @include range-slider-bar-base; - @include range-slider-bar-style($bg:true, $radius:false); - &.vertical-range { - @include range-slider-bar-base($vertical: true); - .range-slider-handle { - margin-top: 0; - margin-#{$default-float}: -($range-slider-handle-width / 4); - position: absolute; - bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width); - } - .range-slider-active-segment { - width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); - height: auto; - bottom: 0; - } - } - &.radius { - @include range-slider-bar-style($radius:true); - .range-slider-handle { @include range-slider-handle-style($radius: true); } - } - &.round { - @include range-slider-bar-style($round:true); - .range-slider-handle { @include range-slider-handle-style($round: true); } - } - &.disabled, &[disabled] { - @include range-slider-bar-style($disabled:true); - .range-slider-handle { @include range-slider-handle-style($disabled: true); } - } - } - .range-slider-active-segment { - display: inline-block; - position: absolute; - height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2)); - background: $range-slider-active-segment-bg-color; - } - .range-slider-handle { - @include range-slider-handle-base; - @include range-slider-handle-style($bg:true, $radius: false); - } - } -} diff --git a/_sass/foundation-components/_reveal.scss b/_sass/foundation-components/_reveal.scss deleted file mode 100644 index 140173fe..00000000 --- a/_sass/foundation-components/_reveal.scss +++ /dev/null @@ -1,223 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "grid"; - -// -// @name _reveal.scss -// @dependencies _global.scss -// - -$include-html-reveal-classes: $include-html-classes !default; - -// We use these to control the style of the reveal overlay. -$reveal-overlay-bg: rgba($black, .45) !default; -$reveal-overlay-bg-old: $black !default; - -// We use these to control the style of the modal itself. -$reveal-modal-bg: $white !default; -$reveal-position-top: rem-calc(100) !default; -$reveal-default-width: 80% !default; -$reveal-max-width: $row-width !default; -$reveal-modal-padding: rem-calc(20) !default; -$reveal-box-shadow: 0 0 10px rgba($black,.4) !default; - -// We use these to style the reveal close button -$reveal-close-font-size: rem-calc(40) !default; -$reveal-close-top: rem-calc(10) !default; -$reveal-close-side: rem-calc(22) !default; -$reveal-close-color: $base !default; -$reveal-close-weight: $font-weight-bold !default; - -// We use this to set the default radius used throughout the core. -$reveal-radius: $global-radius !default; -$reveal-round: $global-rounded !default; - -// We use these to control the modal border -$reveal-border-style: solid !default; -$reveal-border-width: 1px !default; -$reveal-border-color: $steel !default; - -$reveal-modal-class: "reveal-modal" !default; -$close-reveal-modal-class: "close-reveal-modal" !default; - -// -// @mixins -// - -// We use this to create the reveal background overlay styles -@mixin reveal-bg( $include-z-index-value: true ) { - //position: fixed; - position: absolute; // allows modal background to extend beyond window position - top: 0; - bottom: 0; - left: 0; - right: 0; - background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future. - background: $reveal-overlay-bg; - z-index: if( $include-z-index-value, 1004, auto ); - display: none; - #{$default-float}: 0; -} - -// We use this mixin to create the structure of a reveal modal -// -// $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false -// $width - Sets reveal width Default: $reveal-default-width || 80% -// -@mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) { - @if $base-style { - visibility: hidden; - display: none; - position: absolute; - z-index: 1005; - width: 100vw; - top:0; - border-radius: $border-radius; - #{$default-float}: 0; - - @media #{$small-only} { - min-height:100vh; - } - - // Make sure rows don't have a min-width on them - .column, .columns { min-width: 0; } - - // Get rid of margin from first and last element inside modal - & > :first-child { margin-top: 0; } - - & > :last-child { margin-bottom: 0; } - } - - @if $width { - @media #{$medium-up} { - width: $width; - max-width: $max-width; - left: 0; - right: 0; - margin: 0 auto; - } - } -} - -// We use this to style the reveal modal defaults -// -// $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white -// $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding. -// $border - Choose whether reveal uses a border. Default: true, Options: false -// $border-style - Set reveal border style. Default: $reveal-border-style || solid -// $border-width - Width of border (i.e. 1px). Default: $reveal-border-width. -// $border-color - Color of border. Default: $reveal-border-color. -// $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false -// $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false -// $top-offset - Default: $reveal-position-top || 50px -@mixin reveal-modal-style( - $bg:false, - $padding:false, - $border:false, - $border-style:$reveal-border-style, - $border-width:$reveal-border-width, - $border-color:$reveal-border-color, - $box-shadow:false, - $radius:false, - $top-offset:false) { - - @if $bg { background-color: $bg; } - @if $padding != false { padding: $padding; } - - @if $border { border: $border-style $border-width $border-color; } - - // We can choose whether or not to include the default box-shadow. - @if $box-shadow { - box-shadow: $reveal-box-shadow; - } - - // We can control how much radius is used on the modal - @if $radius == true { @include radius($reveal-radius); } - @else if $radius { @include radius($radius); } - - @if $top-offset { - @media #{$medium-up} { - top: $top-offset; - } - } -} - -// We use this to create a close button for the reveal modal -// -// $color - Default: $reveal-close-color || $base -@mixin reveal-close($color:$reveal-close-color) { - font-size: $reveal-close-font-size; - line-height: 1; - position: absolute; - top: $reveal-close-top; - #{$opposite-direction}: $reveal-close-side; - color: $color; - font-weight: $reveal-close-weight; - cursor: $cursor-pointer-value; -} - -@include exports("reveal") { - @if $include-html-reveal-classes { - - // Reveal Modals - .reveal-modal-bg { @include reveal-bg; } - - .#{$reveal-modal-class} { - @include reveal-modal-base; - @include reveal-modal-style( - $bg:$reveal-modal-bg, - $padding:$reveal-modal-padding, - $border:true, - $box-shadow:true, - $radius:false, - $top-offset:$reveal-position-top - ); - @include reveal-modal-style($padding:$reveal-modal-padding * 1.5); - - &.radius { @include reveal-modal-style($radius:true); } - &.round { @include reveal-modal-style($radius:$reveal-round); } - &.collapse { @include reveal-modal-style($padding:0); } - &.tiny { @include reveal-modal-base(false, 30%); } - &.small { @include reveal-modal-base(false, 40%); } - &.medium { @include reveal-modal-base(false, 60%); } - &.large { @include reveal-modal-base(false, 70%); } - &.xlarge { @include reveal-modal-base(false, 95%); } - &.full { - @include reveal-modal-base(false, 100vw); - top:0; - left:0; - height:100%; - height: 100vh; - min-height:100vh; - max-width: none !important; - margin-left: 0 !important; - } - - .#{$close-reveal-modal-class} { @include reveal-close; } - } - - dialog { - @extend .#{$reveal-modal-class}; - display: none; - - &::backdrop, & + .backdrop { - @include reveal-bg(false); - } - - &[open]{ - display: block; - } - } - - // Reveal Print Styles: It should be invisible, adds no value being printed. - @media print { - dialog, .#{$reveal-modal-class} { - display: none; - background: $white !important; - } - } - } -} diff --git a/_sass/foundation-components/_side-nav.scss b/_sass/foundation-components/_side-nav.scss deleted file mode 100644 index d16be157..00000000 --- a/_sass/foundation-components/_side-nav.scss +++ /dev/null @@ -1,116 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @variables -// - -$include-html-nav-classes: $include-html-classes !default; - -// We use this to control padding. -$side-nav-padding: rem-calc(14 0) !default; - -// We use these to control list styles. -$side-nav-list-type: none !default; -$side-nav-list-position: outside !default; -$side-nav-list-margin: rem-calc(0 0 7 0) !default; - -// We use these to control link styles. -$side-nav-link-color: $primary-color !default; -$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default; -$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default; -$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default; -$side-nav-link-margin: 0 !default; -$side-nav-link-padding: rem-calc(7 14) !default; -$side-nav-font-size: rem-calc(14) !default; -$side-nav-font-weight: $font-weight-normal !default; -$side-nav-font-weight-active: $side-nav-font-weight !default; -$side-nav-font-family: $body-font-family !default; -$side-nav-font-family-active: $side-nav-font-family !default; - -// We use these to control heading styles. -$side-nav-heading-color: $side-nav-link-color !default; -$side-nav-heading-font-size: $side-nav-font-size !default; -$side-nav-heading-font-weight: bold !default; -$side-nav-heading-text-transform: uppercase !default; - -// We use these to control border styles -$side-nav-divider-size: 1px !default; -$side-nav-divider-style: solid !default; -$side-nav-divider-color: scale-color($white, $lightness: 10%) !default; - - -// -// @mixins -// - - -// We use this to style the side-nav -// -// $divider-color - Border color of divider. Default: $side-nav-divider-color. -// $font-size - Font size of nav items. Default: $side-nav-font-size. -// $link-color - Color of navigation links. Default: $side-nav-link-color. -// $link-color-hover - Color of navigation links when hovered. Default: $side-nav-link-color-hover. -@mixin side-nav( - $divider-color:$side-nav-divider-color, - $font-size:$side-nav-font-size, - $link-color:$side-nav-link-color, - $link-color-hover:$side-nav-link-color-hover, - $link-bg-hover:$side-nav-link-bg-hover) { - display: block; - margin: 0; - padding: $side-nav-padding; - list-style-type: $side-nav-list-type; - list-style-position: $side-nav-list-position; - font-family: $side-nav-font-family; - - li { - margin: $side-nav-list-margin; - font-size: $font-size; - font-weight: $side-nav-font-weight; - - a:not(.button) { - display: block; - color: $link-color; - margin: $side-nav-link-margin; - padding: $side-nav-link-padding; - &:hover, - &:focus { - background: $link-bg-hover; - color: $link-color-hover; - } - } - - &.active > a:first-child:not(.button) { - color: $side-nav-link-color-active; - font-weight: $side-nav-font-weight-active; - font-family: $side-nav-font-family-active; - } - - &.divider { - border-top: $side-nav-divider-size $side-nav-divider-style; - height: 0; - padding: 0; - list-style: none; - border-top-color: $divider-color; - } - - &.heading { - color: $side-nav-heading-color; - font: { - size: $side-nav-heading-font-size; - weight: $side-nav-heading-font-weight; - } - text-transform: $side-nav-heading-text-transform; - } - } -} - -@include exports("side-nav") { - @if $include-html-nav-classes { - .side-nav { @include side-nav; } - } -} diff --git a/_sass/foundation-components/_split-buttons.scss b/_sass/foundation-components/_split-buttons.scss deleted file mode 100644 index 00b9f7ac..00000000 --- a/_sass/foundation-components/_split-buttons.scss +++ /dev/null @@ -1,191 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "buttons"; -@import "dropdown-buttons"; - -// -// @name _split-buttons.scss -// @dependencies _buttons.scss, _global.scss -// - -// -// @variables -// - -$include-html-button-classes: $include-html-classes !default; - -// We use these to control different shared styles for Split Buttons -$split-button-function-factor: 10% !default; -$split-button-pip-color: $white !default; -$split-button-pip-color-alt: $oil !default; -$split-button-active-bg-tint: rgba(0,0,0,0.1) !default; - -// We use these to control tiny split buttons -$split-button-padding-tny: $button-pip-tny * 10 !default; -$split-button-span-width-tny: $button-pip-tny * 6 !default; -$split-button-pip-size-tny: $button-pip-tny !default; -$split-button-pip-top-tny: $button-pip-tny * 2 !default; -$split-button-pip-default-float-tny: rem-calc(-6) !default; - -// We use these to control small split buttons -$split-button-padding-sml: $button-pip-sml * 10 !default; -$split-button-span-width-sml: $button-pip-sml * 6 !default; -$split-button-pip-size-sml: $button-pip-sml !default; -$split-button-pip-top-sml: $button-pip-sml * 1.5 !default; -$split-button-pip-default-float-sml: rem-calc(-6) !default; - -// We use these to control medium split buttons -$split-button-padding-med: $button-pip-med * 9 !default; -$split-button-span-width-med: $button-pip-med * 5.5 !default; -$split-button-pip-size-med: $button-pip-med - rem-calc(3) !default; -$split-button-pip-top-med: $button-pip-med * 1.5 !default; -$split-button-pip-default-float-med: rem-calc(-6) !default; - -// We use these to control large split buttons -$split-button-padding-lrg: $button-pip-lrg * 8 !default; -$split-button-span-width-lrg: $button-pip-lrg * 5 !default; -$split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6) !default; -$split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5) !default; -$split-button-pip-default-float-lrg: rem-calc(-6) !default; - - -// -// @mixins -// - -// We use this mixin to create split buttons that build upon the button mixins -// -// $padding - Type of padding to apply. Default: medium. Options: tiny, small, medium, large. -// $pip-color - Color of the triangle. Default: $split-button-pip-color. -// $span-border - Border color of button divider. Default: $primary-color. -// $base-style - Apply base style to split button. Default: true. -@mixin split-button( - $padding:medium, - $pip-color:$split-button-pip-color, - $span-border:$primary-color, - $base-style:true) { - - // With this, we can control whether or not the base styles come through. - @if $base-style { - position: relative; - - // Styling for the split arrow clickable area - span { - display: block; - height: 100%; - position: absolute; - #{$opposite-direction}: 0; - top: 0; - border-#{$default-float}: solid 1px; - - // Building the triangle pip indicator - &:after { - position: absolute; - content: ""; - width: 0; - height: 0; - display: block; - border-style: inset; - top: 50%; - - #{$default-float}: 50%; - } - - &:active { background-color: $split-button-active-bg-tint; } - } - } - - // Control the border color for the span area of the split button - @if $span-border { - span { - border-#{$default-float}-color: rgba(255,255,255,0.5); - } - } - - // Style of the button and clickable area for tiny sizes - @if $padding == tiny { - padding-#{$opposite-direction}: $split-button-padding-tny; - - span { width: $split-button-span-width-tny; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-tny; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-tny; - } - } - } - - // Style of the button and clickable area for small sizes - @else if $padding == small { - padding-#{$opposite-direction}: $split-button-padding-sml; - - span { width: $split-button-span-width-sml; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-sml; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-sml; - } - } - } - - // Style of the button and clickable area for default (medium) sizes - @else if $padding == medium { - padding-#{$opposite-direction}: $split-button-padding-med; - - span { width: $split-button-span-width-med; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-med; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-med; - } - } - } - - // Style of the button and clickable area for large sizes - @else if $padding == large { - padding-#{$opposite-direction}: $split-button-padding-lrg; - - span { width: $split-button-span-width-lrg; - &:after { - border-top-style: solid; - border-width: $split-button-pip-size-lrg; - top: 48%; - margin-#{$default-float}: $split-button-pip-default-float-lrg; - } - } - } - - // Control the color of the triangle pip - @if $pip-color { - span:after { border-color: $pip-color transparent transparent transparent; } - } -} - -@include exports("split-button") { - @if $include-html-button-classes { - - .split.button { @include split-button; - - &.secondary { @include split-button(false, $split-button-pip-color, $secondary-color, false); } - &.alert { @include split-button(false, false, $alert-color, false); } - &.success { @include split-button(false, false, $success-color, false); } - - &.tiny { @include split-button(tiny, false, false, false); } - &.small { @include split-button(small, false, false, false); } - &.large { @include split-button(large, false, false, false); } - &.expand { padding-left: 2rem; } - - &.secondary { @include split-button(false, $split-button-pip-color-alt, false, false); } - - &.radius span { @include side-radius($opposite-direction, $global-radius); } - &.round span { @include side-radius($opposite-direction, 1000px); } - } - - } -} diff --git a/_sass/foundation-components/_sub-nav.scss b/_sass/foundation-components/_sub-nav.scss deleted file mode 100644 index 53644991..00000000 --- a/_sass/foundation-components/_sub-nav.scss +++ /dev/null @@ -1,123 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _sub-nav.scss -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-nav-classes: $include-html-classes !default; - -// We use these to control margin and padding -$sub-nav-list-margin: rem-calc(-4 0 18) !default; -$sub-nav-list-padding-top: rem-calc(4) !default; - -// We use this to control the definition -$sub-nav-font-family: $body-font-family !default; -$sub-nav-font-size: rem-calc(14) !default; -$sub-nav-font-color: $aluminum !default; -$sub-nav-font-weight: $font-weight-normal !default; -$sub-nav-text-decoration: none !default; -$sub-nav-padding: rem-calc(3 16) !default; -$sub-nav-border-radius: 3px !default; -$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default; - - -// We use these to control the active item styles - -$sub-nav-active-font-weight: $font-weight-normal !default; -$sub-nav-active-bg: $primary-color !default; -$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default; -$sub-nav-active-color: $white !default; -$sub-nav-active-padding: $sub-nav-padding !default; -$sub-nav-active-cursor: default !default; - -$sub-nav-item-divider: "" !default; -$sub-nav-item-divider-margin: rem-calc(12) !default; - -// -// @mixins -// - - -// Create a sub-nav item -// -// $font-color - Font color. Default: $sub-nav-font-color. -// $font-size - Font size. Default: $sub-nav-font-size. -// $active-bg - Background of active nav item. Default: $sub-nav-active-bg. -// $active-bg-hover - Background of active nav item, when hovered. Default: $sub-nav-active-bg-hover. -@mixin sub-nav( - $font-color: $sub-nav-font-color, - $font-size: $sub-nav-font-size, - $active-bg: $sub-nav-active-bg, - $active-bg-hover: $sub-nav-active-bg-hover) { - display: block; - width: auto; - overflow: hidden; - margin: $sub-nav-list-margin; - padding-top: $sub-nav-list-padding-top; - - dt { - text-transform: uppercase; - } - - dt, - dd, - li { - float: $default-float; - display: inline; - margin-#{$default-float}: rem-calc(16); - margin-bottom: 0; - font-family: $sub-nav-font-family; - font-weight: $sub-nav-font-weight; - font-size: $font-size; - color: $font-color; - - a { - text-decoration: $sub-nav-text-decoration; - color: $sub-nav-font-color; - padding: $sub-nav-padding; - &:hover { - color: $sub-nav-font-color-hover; - } - } - - &.active a { - @include radius($sub-nav-border-radius); - font-weight: $sub-nav-active-font-weight; - background: $active-bg; - padding: $sub-nav-active-padding; - cursor: $sub-nav-active-cursor; - color: $sub-nav-active-color; - &:hover { - background: $active-bg-hover; - } - } - @if $sub-nav-item-divider != "" { - margin-#{$default-float}: 0; - - &:before { - content: "#{$sub-nav-item-divider}"; - margin: 0 $sub-nav-item-divider-margin; - } - - &:first-child:before { - content: ""; - margin: 0; - } - } - } -} - -@include exports("sub-nav") { - @if $include-html-nav-classes { - .sub-nav { @include sub-nav; } - } -} diff --git a/_sass/foundation-components/_switches.scss b/_sass/foundation-components/_switches.scss deleted file mode 100644 index 33f42846..00000000 --- a/_sass/foundation-components/_switches.scss +++ /dev/null @@ -1,238 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-form-classes: $include-html-classes !default; - -// Controlling background color for the switch container -$switch-bg: $gainsboro !default; - -// We use these to control the switch heights for our default classes -$switch-height-tny: 1.5rem !default; -$switch-height-sml: 1.75rem !default; -$switch-height-med: 2rem !default; -$switch-height-lrg: 2.5rem !default; -$switch-bottom-margin: 1.5rem !default; - -// We use these to style the switch-paddle -$switch-paddle-bg: $white !default; -$switch-paddle-transition-speed: .15s !default; -$switch-paddle-transition-ease: ease-out !default; -$switch-active-color: $primary-color !default; - - -// -// @mixins -// - -// We use this mixin to create the base styles for our switch element. -// -// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed. -// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease. -@mixin switch-base( - $transition-speed:$switch-paddle-transition-speed, - $transition-ease:$switch-paddle-transition-ease) { - - padding: 0; - border: none; - position: relative; - outline: 0; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - - // Default label styles for type and transition - label { - display: block; - margin-bottom: ($switch-height-med / 2); - position: relative; - color: transparent; - background: $switch-bg; - text-indent: 100%; - width: $switch-height-med * 2; height: $switch-height-med; - cursor: pointer; - - // Transition for the switch label to follow paddle - @include single-transition(left, $transition-speed, $transition-ease); - } - - // So that we don't need to recreate the form with any JS, we use the - // existing checkbox or radio button, but we cleverly position and hide it. - input { - opacity: 0; - position: absolute; - top: 9px; - left: 10px; - padding:0; - - & + label { margin-left: 0; margin-right: 0; } - } - - // The paddle for the switch is created from an after psuedoclass - // content element. This is sized and positioned, and reacts to - // the state of the input. - - label:after { - content: ""; - display: block; - background: $switch-paddle-bg; - position: absolute; - top: .25rem; - left: .25rem; - width: $switch-height-med - 0.5rem; - height: $switch-height-med - 0.5rem; - - -webkit-transition: left $transition-speed $transition-ease; - -moz-transition: left $transition-speed $transition-ease; - -o-transition: translate3d(0,0,0); - transition: left $transition-speed $transition-ease; - - -webkit-transform: translate3d(0,0,0); - -moz-transform: translate3d(0,0,0); - -o-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - input:checked + label { - background: $switch-active-color; - } - - input:checked + label:after { - left: $switch-height-med + 0.25rem; - } -} - -// We use this mixin to create the size styles for switches. -// -// $height - Height (in px) of the switch. Default: $switch-height-med. -// $font-size - Font size of text in switch. Default: $switch-font-size-med. -// $line-height - Line height of switch. Default: 2.3rem. -@mixin switch-size($height: $switch-height-med) { - - label { - width: $height * 2; - height: $height; - } - - label:after { - width: $height - 0.5rem; - height: $height - 0.5rem; - } - - input:checked + label:after { - left: $height + 0.25rem; - } - -} - -// We use this mixin to add color and other fanciness to the switches. -// -// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg. -// $active-color - Background color of positive side of switch. Default: $switch-positive-color. -// $negative-color - Background color of negative side of switch. Default: $switch-negative-color. -// $radius - Radius to apply to switch. Default: false. -// $base-style - Apply base styles? Default: true. -@mixin switch-style( - $paddle-bg:$switch-paddle-bg, - $active-color:$switch-active-color, - $radius:false, - $base-style:true) { - - @if $base-style { - - label { - color: transparent; - background: $switch-bg; - } - - label:after { - background: $paddle-bg; - } - - input:checked + label { - background: $active-color; - } - } - - // Setting up the radius for switches - @if $radius == true { - label { - border-radius: 2rem; - } - label:after { - border-radius: 2rem; - } - } - @else if $radius { - label { - border-radius: $radius; - } - label:after { - border-radius: $radius; - } - } - -} - -// We use this to quickly create switches with a single mixin -// -// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed. -// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease. -// $height - Height (in px) of the switch. Default: $switch-height-med. -// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg. -// $active-color - Background color of an active switch. Default: $switch-active-color. -// $radius - Radius to apply to switch. Default: false. -// $base-style - Apply base styles? Default: true. -@mixin switch( - $transition-speed: $switch-paddle-transition-speed, - $transition-ease: $switch-paddle-transition-ease, - $height: $switch-height-med, - $paddle-bg: $switch-paddle-bg, - $active-color: $switch-active-color, - $radius:false, - $base-style:true) { - @include switch-base($transition-speed, $transition-ease); - @include switch-size($height); - @include switch-style($paddle-bg, $active-color, $radius, $base-style); -} - -@include exports("switch") { - @if $include-html-form-classes { - .switch { - @include switch; - - // Large radio switches - &.large { @include switch-size($switch-height-lrg); } - - // Small radio switches - &.small { @include switch-size($switch-height-sml); } - - // Tiny radio switches - &.tiny { @include switch-size($switch-height-tny); } - - // Add a radius to the switch - &.radius { - label { @include radius(4px); } - label:after { @include radius(3px); } - } - - // Make the switch completely round, like a pill - &.round { @include radius(1000px); - label { @include radius(2rem); } - label:after { @include radius(2rem); } - } - - } - } -} diff --git a/_sass/foundation-components/_tables.scss b/_sass/foundation-components/_tables.scss deleted file mode 100644 index ba3e42e6..00000000 --- a/_sass/foundation-components/_tables.scss +++ /dev/null @@ -1,135 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _tables.scss -// @dependencies _global.scss -// - -// -// @variables -// - -$include-html-table-classes: $include-html-classes !default; - -// These control the background color for the table and even rows -$table-bg: $white !default; -$table-even-row-bg: $snow !default; - -// These control the table cell border style -$table-border-style: solid !default; -$table-border-size: 1px !default; -$table-border-color: $gainsboro !default; - -// These control the table head styles -$table-head-bg: $white-smoke !default; -$table-head-font-size: rem-calc(14) !default; -$table-head-font-color: $jet !default; -$table-head-font-weight: $font-weight-bold !default; -$table-head-padding: rem-calc(8 10 10) !default; - -// These control the table foot styles -$table-foot-bg: $table-head-bg !default; -$table-foot-font-size: $table-head-font-size !default; -$table-foot-font-color: $table-head-font-color !default; -$table-foot-font-weight: $table-head-font-weight !default; -$table-foot-padding: $table-head-padding !default; - -// These control the caption -$table-caption-bg: transparent !default; -$table-caption-font-color: $table-head-font-color !default; -$table-caption-font-size: rem-calc(16) !default; -$table-caption-font-weight: bold !default; - -// These control the row padding and font styles -$table-row-padding: rem-calc(9 10) !default; -$table-row-font-size: rem-calc(14) !default; -$table-row-font-color: $jet !default; -$table-line-height: rem-calc(18) !default; - -// These are for controlling the layout, display and margin of tables -$table-layout: auto !default; -$table-display: table-cell !default; -$table-margin-bottom: rem-calc(20) !default; - - -// -// @mixins -// - -@mixin table { - background: $table-bg; - margin-bottom: $table-margin-bottom; - border: $table-border-style $table-border-size $table-border-color; - table-layout: $table-layout; - - caption { - background: $table-caption-bg; - color: $table-caption-font-color; - font: { - size: $table-caption-font-size; - weight: $table-caption-font-weight; - } - } - - thead { - background: $table-head-bg; - - tr { - th, - td { - padding: $table-head-padding; - font-size: $table-head-font-size; - font-weight: $table-head-font-weight; - color: $table-head-font-color; - } - } - } - - tfoot { - background: $table-foot-bg; - - tr { - th, - td { - padding: $table-foot-padding; - font-size: $table-foot-font-size; - font-weight: $table-foot-font-weight; - color: $table-foot-font-color; - } - } - } - - tr { - th, - td { - padding: $table-row-padding; - font-size: $table-row-font-size; - color: $table-row-font-color; - text-align: $default-float; - } - - &.even, - &.alt, - &:nth-of-type(even) { background: $table-even-row-bg; } - } - - thead tr th, - tfoot tr th, - tfoot tr td, - tbody tr th, - tbody tr td, - tr td { display: $table-display; line-height: $table-line-height; } -} - - -@include exports("table") { - @if $include-html-table-classes { - table { - @include table; - } - } -} diff --git a/_sass/foundation-components/_tabs.scss b/_sass/foundation-components/_tabs.scss deleted file mode 100644 index 40493784..00000000 --- a/_sass/foundation-components/_tabs.scss +++ /dev/null @@ -1,123 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "grid"; - -// -// @variables -// - -$include-html-tabs-classes: $include-html-classes !default; - -$tabs-navigation-padding: rem-calc(16) !default; -$tabs-navigation-bg-color: $silver !default; -$tabs-navigation-active-bg-color: $white !default; -$tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%) !default; -$tabs-navigation-font-color: $jet !default; -$tabs-navigation-active-font-color: $tabs-navigation-font-color !default; -$tabs-navigation-font-size: rem-calc(16) !default; -$tabs-navigation-font-family: $body-font-family !default; - -$tabs-content-margin-bottom: rem-calc(24) !default; -$tabs-content-padding: ($column-gutter/2) !default; - -$tabs-vertical-navigation-margin-bottom: 1.25rem !default; - -@include exports("tab") { - @if $include-html-tabs-classes { - .tabs { - @include clearfix; - margin-bottom: 0 !important; - margin-left: 0; - dd, .tab-title { - position: relative; - margin-bottom: 0 !important; - list-style: none; - float: $default-float; - > a { - outline: none; - display: block; - background: { - color: $tabs-navigation-bg-color; - } - color: $tabs-navigation-font-color; - padding: $tabs-navigation-padding $tabs-navigation-padding * 2; - font-family: $tabs-navigation-font-family; - font-size: $tabs-navigation-font-size; - &:hover { - background: { - color: $tabs-navigation-hover-bg-color; - } - } - } - &.active a { - background: { - color: $tabs-navigation-active-bg-color; - } - color:$tabs-navigation-active-font-color; - } - } - &.radius { - dd:first-child, .tab:first-child { - a { @include side-radius($default-float, $global-radius); } - } - dd:last-child, .tab:last-child { - a { @include side-radius($opposite-direction, $global-radius); } - } - } - &.vertical { - dd, .tab-title { - position: inherit; - float: none; - display: block; - top: auto; - } - } - } - - .tabs-content { - @include clearfix; - margin-bottom: $tabs-content-margin-bottom; - width: 100%; - > .content { - display: none; - float: $default-float; - padding: $tabs-content-padding 0; - width: 100%; - &.active { display: block; float: none; } - &.contained { padding: $tabs-content-padding; } - } - &.vertical { - display: block; - > .content { padding: 0 $tabs-content-padding; } - } - } - @media #{$medium-up} { - .tabs { - &.vertical { - width: 20%; - max-width: 20%; - float: $default-float; - margin: 0 0 $tabs-vertical-navigation-margin-bottom; - } - } - .tabs-content { - &.vertical { - width: 80%; - max-width: 80%; - float: $default-float; - margin-#{$default-float}: -1px; - padding-#{$default-float}: 1rem; - } - } - } - .no-js { - .tabs-content > .content { - display: block; - float: none; - } - } - } -} diff --git a/_sass/foundation-components/_thumbs.scss b/_sass/foundation-components/_thumbs.scss deleted file mode 100644 index 4a0596e6..00000000 --- a/_sass/foundation-components/_thumbs.scss +++ /dev/null @@ -1,66 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// @name _thumbs.scss -// @dependencies _globals.scss -// - -// -// @variables -// - -$include-html-media-classes: $include-html-classes !default; - -// We use these to control border styles -$thumb-border-style: solid !default; -$thumb-border-width: 4px !default; -$thumb-border-color: $white !default; -$thumb-box-shadow: 0 0 0 1px rgba($black,.2) !default; -$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default; - -// Radius and transition speed for thumbs -$thumb-radius: $global-radius !default; -$thumb-transition-speed: 200ms !default; - -// -// @mixins -// - -// We use this to create image thumbnail styles. -// -// $border-width - Width of border around thumbnail. Default: $thumb-border-width. -// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow. -// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover. -@mixin thumb( - $border-width:$thumb-border-width, - $box-shadow:$thumb-box-shadow, - $box-shadow-hover:$thumb-box-shadow-hover) { - line-height: 0; - display: inline-block; - border: $thumb-border-style $border-width $thumb-border-color; - max-width: 100%; - box-shadow: $box-shadow; - - &:hover, - &:focus { - box-shadow: $box-shadow-hover; - } -} - - -@include exports("thumb") { - @if $include-html-media-classes { - - /* Image Thumbnails */ - .th { - @include thumb; - @include single-transition(all,$thumb-transition-speed,ease-out); - - &.radius { @include radius($thumb-radius); } - } - } -} \ No newline at end of file diff --git a/_sass/foundation-components/_toolbar.scss b/_sass/foundation-components/_toolbar.scss deleted file mode 100644 index e39934dc..00000000 --- a/_sass/foundation-components/_toolbar.scss +++ /dev/null @@ -1,70 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source -// toolbar styles - -.toolbar { - background: $oil; - width: 100%; - font-size: 0; - display: inline-block; - - &.label-bottom .tab .tab-content { - i, img { margin-bottom: 10px; } - } - - &.label-right .tab .tab-content { - i, img { margin-right: 10px; display: inline-block;} - label { display: inline-block; } - } - - &.vertical.label-right .tab .tab-content { - text-align: left; - } - - &.vertical { - height: 100%; - width: auto; - - .tab { - width: auto; - margin: auto; - float: none; - } - } - - .tab { - text-align: center; - width: 25%; - margin: 0 auto; - display: block; - padding: 20px; - float: left; - - &:hover { - background: rgba($white, 0.1); - } - } -} - -.toolbar .tab-content { - font-size: 16px; - text-align: center; - - label { color: $iron; } - - i { - font-size: 30px; - display: block; - margin: 0 auto; - color: $iron; - vertical-align: middle; - } - - img { - width: 30px; - height: 30px; - display: block; - margin: 0 auto; - } -} \ No newline at end of file diff --git a/_sass/foundation-components/_tooltips.scss b/_sass/foundation-components/_tooltips.scss deleted file mode 100644 index f94ff349..00000000 --- a/_sass/foundation-components/_tooltips.scss +++ /dev/null @@ -1,142 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Tooltip Variables -// -$include-html-tooltip-classes: $include-html-classes !default; - -$has-tip-border-bottom: dotted 1px $iron !default; -$has-tip-font-weight: $font-weight-bold !default; -$has-tip-font-color: $oil !default; -$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%) !default; -$has-tip-font-color-hover: $primary-color !default; -$has-tip-cursor-type: help !default; - -$tooltip-padding: rem-calc(12) !default; -$tooltip-bg: $oil !default; -$tooltip-font-size: rem-calc(14) !default; -$tooltip-font-weight: $font-weight-normal !default; -$tooltip-font-color: $white !default; -$tooltip-line-height: 1.3 !default; -$tooltip-close-font-size: rem-calc(10) !default; -$tooltip-close-font-weight: $font-weight-normal !default; -$tooltip-close-font-color: $monsoon !default; -$tooltip-font-size-sml: rem-calc(14) !default; -$tooltip-radius: $global-radius !default; -$tooltip-rounded: $global-rounded !default; -$tooltip-pip-size: 5px !default; -$tooltip-max-width: 300px !default; - -@include exports("tooltip") { - @if $include-html-tooltip-classes { - - /* Tooltips */ - .has-tip { - border-bottom: $has-tip-border-bottom; - cursor: $has-tip-cursor-type; - font-weight: $has-tip-font-weight; - color: $has-tip-font-color; - - &:hover, - &:focus { - border-bottom: $has-tip-border-bottom-hover; - color: $has-tip-font-color-hover; - } - - &.tip-left, - &.tip-right { float: none !important; } - } - - .tooltip { - display: none; - position: absolute; - z-index: 1006; - font-weight: $tooltip-font-weight; - font-size: $tooltip-font-size; - line-height: $tooltip-line-height; - padding: $tooltip-padding; - max-width: $tooltip-max-width; - #{$default-float}: 50%; - width: 100%; - color: $tooltip-font-color; - background: $tooltip-bg; - - &>.nub { - display: block; - #{$default-float}: $tooltip-pip-size; - position: absolute; - width: 0; - height: 0; - border: solid $tooltip-pip-size; - border-color: transparent transparent $tooltip-bg transparent; - top: -($tooltip-pip-size * 2); - pointer-events: none; - - &.rtl { - left: auto; - #{$opposite-direction}: $tooltip-pip-size; - } - } - - &.radius { - @include radius($tooltip-radius); - } - &.round { - @include radius($tooltip-rounded); - &>.nub { - left: 2rem; - } - } - - &.opened { - color: $has-tip-font-color-hover !important; - border-bottom: $has-tip-border-bottom-hover !important; - } - } - - .tap-to-close { - display: block; - font-size: $tooltip-close-font-size; - color: $tooltip-close-font-color; - font-weight: $tooltip-close-font-weight; - } - - @media #{$small} { - .tooltip { - &>.nub { - border-color: transparent transparent $tooltip-bg transparent; - top: -($tooltip-pip-size * 2); - } - &.tip-top>.nub { - border-color: $tooltip-bg transparent transparent transparent; - top: auto; - bottom: -($tooltip-pip-size * 2); - } - - &.tip-left, - &.tip-right { float: none !important; } - - &.tip-left>.nub { - border-color: transparent transparent transparent $tooltip-bg; - right: -($tooltip-pip-size * 2); - left: auto; - top: 50%; - margin-top: -$tooltip-pip-size; - } - &.tip-right>.nub { - border-color: transparent $tooltip-bg transparent transparent; - right: auto; - left: -($tooltip-pip-size * 2); - top: 50%; - margin-top: -$tooltip-pip-size; - } - - } - } - - } -} diff --git a/_sass/foundation-components/_top-bar.scss b/_sass/foundation-components/_top-bar.scss deleted file mode 100644 index a75f99df..00000000 --- a/_sass/foundation-components/_top-bar.scss +++ /dev/null @@ -1,691 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; -@import "grid"; -@import "buttons"; -@import "forms"; - -// -// Top Bar Variables -// -$include-html-top-bar-classes: $include-html-classes !default; - -// Background color for the top bar -$topbar-bg-color: $oil !default; -$topbar-bg: $topbar-bg-color !default; - -// Height and margin -$topbar-height: rem-calc(45) !default; -$topbar-margin-bottom: 0 !default; - -// Controlling the styles for the title in the top bar -$topbar-title-weight: $font-weight-normal !default; -$topbar-title-font-size: rem-calc(17) !default; - -// Set the link colors and styles for top-level nav -$topbar-link-color: $white !default; -$topbar-link-color-hover: $white !default; -$topbar-link-color-active: $white !default; -$topbar-link-color-active-hover: $white !default; -$topbar-link-weight: $font-weight-normal !default; -$topbar-link-font-size: rem-calc(13) !default; -$topbar-link-hover-lightness: -10% !default; // Darken by 10% -$topbar-link-bg: $topbar-bg !default; -$topbar-link-bg-hover: $oil !default; -$topbar-link-bg-color-hover: $charcoal !default; -$topbar-link-bg-active: $primary-color !default; -$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%) !default; -$topbar-link-font-family: $body-font-family !default; -$topbar-link-text-transform: none !default; -$topbar-link-padding: ($topbar-height / 3) !default; -$topbar-back-link-size: rem-calc(18) !default; -$topbar-link-dropdown-padding: rem-calc(20) !default; -$topbar-button-font-size: 0.75rem !default; -$topbar-button-top: 7px !default; - -// Style the top bar dropdown elements -$topbar-dropdown-bg: $oil !default; -$topbar-dropdown-link-color: $white !default; -$topbar-dropdown-link-color-hover: $topbar-link-color-hover !default; -$topbar-dropdown-link-bg: $oil !default; -$topbar-dropdown-link-bg-hover: $oil !default; -$topbar-dropdown-link-weight: $font-weight-normal !default; -$topbar-dropdown-toggle-size: 5px !default; -$topbar-dropdown-toggle-color: $white !default; -$topbar-dropdown-toggle-alpha: 0.4 !default; - -$topbar-dropdown-label-color: $monsoon !default; -$topbar-dropdown-label-text-transform: uppercase !default; -$topbar-dropdown-label-font-weight: $font-weight-bold !default; -$topbar-dropdown-label-font-size: rem-calc(10) !default; -$topbar-dropdown-label-bg: $oil !default; - -// Top menu icon styles -$topbar-menu-link-transform: uppercase !default; -$topbar-menu-link-font-size: rem-calc(13) !default; -$topbar-menu-link-weight: $font-weight-bold !default; -$topbar-menu-link-color: $white !default; -$topbar-menu-icon-color: $white !default; -$topbar-menu-link-color-toggled: $jumbo !default; -$topbar-menu-icon-color-toggled: $jumbo !default; - -// Transitions and breakpoint styles -$topbar-transition-speed: 300ms !default; -// Using rem-calc for the below breakpoint causes issues with top bar -$topbar-breakpoint: #{lower-bound($medium-range)} !default; // Change to 9999px for always mobile layout -$topbar-media-query: $medium-up !default; - -// Top-bar input styles -$topbar-input-height: rem-calc(28) !default; - -// Divider Styles -$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%) !default; -$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%) !default; - -// Sticky Class -$topbar-sticky-class: ".sticky" !default; -$topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item -$topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text from dropdown subnavigation li - -// Accessibility mixins for hiding and showing the menu dropdown items -@mixin topbar-hide-dropdown { - // Makes an element visually hidden by default, but visible when focused. - display: block; - @include element-invisible(); -} - -@mixin topbar-show-dropdown { - display: block; - @include element-invisible-off(); - position: absolute !important; // Reset the position from static to absolute -} - -@include exports("top-bar") { - - @if $include-html-top-bar-classes { - - // Used to provide media query values for javascript components. - // This class is generated despite the value of $include-html-top-bar-classes - // to ensure width calculations work correctly. - meta.foundation-mq-topbar { - font-family: "/" + unquote($topbar-media-query) + "/"; - width: $topbar-breakpoint; - } - - /* Wrapped around .top-bar to contain to grid width */ - .contain-to-grid { - width: 100%; - background: $topbar-bg; - - .top-bar { margin-bottom: $topbar-margin-bottom; } - } - - // Wrapped around .top-bar to make it stick to the top - .fixed { - width: 100%; - #{$default-float}: 0; - position: fixed; - top: 0; - z-index: 99; - - &.expanded:not(.top-bar) { - overflow-y: auto; - height: auto; - width: 100%; - max-height: 100%; - - .title-area { - position: fixed; - width: 100%; - z-index: 99; - } - // Ensure you can scroll the menu on small screens - .top-bar-section { - z-index: 98; - margin-top: $topbar-height; - } - } - } - - .top-bar { - overflow: hidden; - height: $topbar-height; - line-height: $topbar-height; - position: relative; - background: $topbar-bg; - margin-bottom: $topbar-margin-bottom; - - // Topbar Global list Styles - ul { - margin-bottom: 0; - list-style: none; - } - - .row { max-width: none; } - - form, - input { margin-bottom: 0; } - - input { - height: $topbar-input-height; - padding-top: .35rem; - padding-bottom: .35rem; - font-size: $topbar-button-font-size; - } - - .button, button { - padding-top: .35rem + rem-calc(1); - padding-bottom: .35rem + rem-calc(1); - margin-bottom: 0; - font-size: $topbar-button-font-size; - // position: relative; - // top: -1px; - - // Corrects a slight misalignment when put next to an input field - @media #{$small-only} { - position: relative; - top: -1px; - } - } - - // Title Area - .title-area { - position: relative; - margin: 0; - } - - .name { - height: $topbar-height; - margin: 0; - font-size: $rem-base; - - h1, h2, h3, h4, p, span { - line-height: $topbar-height; - font-size: $topbar-title-font-size; - margin: 0; - a { - font-weight: $topbar-title-weight; - color: $topbar-link-color; - width: 75%; - display: block; - padding: 0 $topbar-link-padding; - } - } - } - - // Menu toggle button on small devices - .toggle-topbar { - position: absolute; - #{$opposite-direction}: 0; - top: 0; - - a { - color: $topbar-link-color; - text-transform: $topbar-menu-link-transform; - font-size: $topbar-menu-link-font-size; - font-weight: $topbar-menu-link-weight; - position: relative; - display: block; - padding: 0 $topbar-link-padding; - height: $topbar-height; - line-height: $topbar-height; - } - - // Adding the class "menu-icon" will add the 3-line icon people love and adore. - &.menu-icon { - top: 50%; - margin-top: -16px; - - a { - @if $text-direction == rtl { - text-indent: -58px; - } - height: 34px; - line-height: 33px; - padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding; - color: $topbar-menu-link-color; - position: relative; - - & { - // @include hamburger icon - // - // We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon - // $width - Width of hamburger icon - // $left - If false, icon will be centered horizontally || explicitly set value in rem - // $top - If false, icon will be centered vertically || explicitly set value in rem - // $thickness - thickness of lines in hamburger icon, set value in px - // $gap - spacing between the lines in hamburger icon, set value in px - // $color - icon color - // $hover-color - icon color during hover, here it isn't set b/c it would override $topbar-menu-icon-color-toggled - // $offcanvas - Set to false of @include in topbar - @include hamburger(16px, false, 0, 1px, 6px, $topbar-menu-icon-color, "", false); - } - } - } - } - - // Change things up when the top-bar is expanded - &.expanded { - height: auto; - background: transparent; - - .title-area { background: $topbar-bg; } - - .toggle-topbar { - a { color: $topbar-menu-link-color-toggled; - span::after { - // Shh, don't tell, but box-shadows create the menu icon :) - // Change the color of the bars when the menu is expanded, using given thickness from hamburger() above - box-shadow: 0 0 0 1px $topbar-menu-icon-color-toggled, - 0 7px 0 1px $topbar-menu-icon-color-toggled, - 0 14px 0 1px $topbar-menu-icon-color-toggled; - } - } - } - } - } - - // Right and Left Navigation that stacked by default - .top-bar-section { - #{$default-float}: 0; - position: relative; - width: auto; - @include single-transition($default-float, $topbar-transition-speed); - - ul { - padding: 0; - width: 100%; - height: auto; - display: block; - font-size: $rem-base; - margin: 0; - } - - .divider, - [role="separator"] { - border-top: $topbar-divider-border-top; - clear: both; - height: 1px; - width: 100%; - } - - ul li { - background: $topbar-dropdown-bg; - & > a { - display: block; - width: 100%; - color: $topbar-link-color; - padding: 12px 0 12px 0; - padding-#{$default-float}: $topbar-link-padding; - font-family: $topbar-link-font-family; - font-size: $topbar-link-font-size; - font-weight: $topbar-link-weight; - text-transform: $topbar-link-text-transform; - - &.button { - font-size: $topbar-link-font-size; - padding-#{$opposite-direction}: $topbar-link-padding; - padding-#{$default-float}: $topbar-link-padding; - @include button-style($bg:$primary-color); - } - &.button.secondary { @include button-style($bg:$secondary-color); } - &.button.success { @include button-style($bg:$success-color); } - &.button.alert { @include button-style($bg:$alert-color); } - &.button.warning { @include button-style($bg:$warning-color); } - } - - > button { - font-size: $topbar-link-font-size; - padding-#{$opposite-direction}: $topbar-link-padding; - padding-#{$default-float}: $topbar-link-padding; - @include button-style($bg:$primary-color); - - &.secondary { @include button-style($bg:$secondary-color); } - &.success { @include button-style($bg:$success-color); } - &.alert { @include button-style($bg:$alert-color); } - &.warning { @include button-style($bg:$warning-color); } - } - - // Apply the hover link color when it has that class - &:hover:not(.has-form) > a { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - color: $topbar-link-color-hover; - } - - // Apply the active link color when it has that class - &.active > a { - background: $topbar-link-bg-active; - color: $topbar-link-color-active; - &:hover { - background: $topbar-link-bg-active-hover; - color: $topbar-link-color-active-hover; - } - } - } - - // Add some extra padding for list items contains buttons - .has-form { padding: $topbar-link-padding; } - - // Styling for list items that have a dropdown within them. - .has-dropdown { - position: relative; - - & > a { - &:after { - @if ($topbar-arrows){ - @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float); - } - margin-#{$opposite-direction}: $topbar-link-padding; - margin-top: -($topbar-dropdown-toggle-size / 2) - 2; - position: absolute; - top: 50%; - #{$opposite-direction}: 0; - } - } - - &.moved { position: static; - & > .dropdown { - @include topbar-show-dropdown(); - width: 100%; - } - & > a:after { - display: none; - } - } - } - - // Styling elements inside of dropdowns - .dropdown { - padding: 0; - position: absolute; - -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); - box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); - #{$default-float}: 100%; - top: 0; - z-index: 99; - @include topbar-hide-dropdown(); - - li { - width: 100%; - height: auto; - - a { - font-weight: $topbar-dropdown-link-weight; - padding: 8px $topbar-link-padding; - &.parent-link { - font-weight: $topbar-link-weight; - } - } - - &.title h5, &.parent-link { - // Back Button - margin-bottom: 0; - margin-top: 0; - font-size: $topbar-back-link-size; - a { - color: $topbar-link-color; - // line-height: ($topbar-height / 2); - display: block; - &:hover { background:none; } - } - } - &.has-form { padding: 8px $topbar-link-padding; } - .button, button { top: auto; } - } - - label { - padding: 8px $topbar-link-padding 2px; - margin-bottom: 0; - text-transform: $topbar-dropdown-label-text-transform; - color: $topbar-dropdown-label-color; - font-weight: $topbar-dropdown-label-font-weight; - font-size: $topbar-dropdown-label-font-size; - } - } - } - - .js-generated { display: block; } - - - // Top Bar styles intended for screen sizes above the breakpoint. - @media #{$topbar-media-query} { - .top-bar { - background: $topbar-bg; - @include clearfix; - overflow: visible; - - .toggle-topbar { display: none; } - - .title-area { float: $default-float; } - .name h1 a { width: auto; } - - input, - .button, - button { - font-size: rem-calc(14); - position: relative; - height: $topbar-input-height; - top: (($topbar-height - $topbar-input-height) / 2); - } - - &.expanded { background: $topbar-bg; } - } - - .contain-to-grid .top-bar { - max-width: $row-width; - margin: 0 auto; - margin-bottom: $topbar-margin-bottom; - } - - .top-bar-section { - @include single-transition(none,0,0); - #{$default-float}: 0 !important; - - ul { - width: auto; - height: auto !important; - display: inline; - - li { - float: $default-float; - .js-generated { display: none; } - } - } - - li { - &.hover { - > a:not(.button) { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - color: $topbar-link-color-hover; - } - } - &:not(.has-form) { - a:not(.button) { - padding: 0 $topbar-link-padding; - line-height: $topbar-height; - background: $topbar-link-bg; - &:hover { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - } - } - } - &.active:not(.has-form) { - a:not(.button) { - padding: 0 $topbar-link-padding; - line-height: $topbar-height; - color: $topbar-link-color-active; - background: $topbar-link-bg-active; - &:hover { - background: $topbar-link-bg-active-hover; - color: $topbar-link-color-active-hover; - } - } - } - } - - .has-dropdown { - @if($topbar-arrows){ - & > a { - padding-#{$opposite-direction}: $topbar-link-padding + $topbar-link-dropdown-padding !important; - &:after { - @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top); - margin-top: -($topbar-dropdown-toggle-size / 2); - top: ($topbar-height / 2); - } - } - } - - &.moved { position: relative; - & > .dropdown { - @include topbar-hide-dropdown(); - } - } - - &.hover, &.not-click:hover { - & > .dropdown { - @include topbar-show-dropdown(); - } - } - > a:focus + .dropdown { - @include topbar-show-dropdown(); - } - - .dropdown li.has-dropdown { - & > a { - @if ($topbar-dropdown-arrows){ - &:after { - border: none; - content: "\00bb"; - top: 1rem; - margin-top: -1px; - #{$opposite-direction}: 5px; - line-height: 1.2; - } - } - } - } - } - - .dropdown { - #{$default-float}: 0; - top: auto; - background: transparent; - min-width: 100%; - - li { - a { - color: $topbar-dropdown-link-color; - line-height: $topbar-height; - white-space: nowrap; - padding: 12px $topbar-link-padding; - background: $topbar-dropdown-link-bg; - } - - &:not(.has-form):not(.active) { - & > a:not(.button) { - color: $topbar-dropdown-link-color; - background: $topbar-dropdown-link-bg; - } - - &:hover > a:not(.button) { - color: $topbar-dropdown-link-color-hover; - background-color: $topbar-link-bg-color-hover; - @if ($topbar-dropdown-link-bg-hover) { - background: $topbar-dropdown-link-bg-hover; - } - } - } - - label { - white-space: nowrap; - background: $topbar-dropdown-label-bg; - } - - // Second Level Dropdowns - .dropdown { - #{$default-float}: 100%; - top: 0; - } - } - } - - & > ul > .divider, - & > ul > [role="separator"] { - border-bottom: none; - border-top: none; - border-#{$opposite-direction}: $topbar-divider-border-bottom; - clear: none; - height: $topbar-height; - width: 0; - } - - .has-form { - background: $topbar-link-bg; - padding: 0 ($topbar-height / 3); - height: $topbar-height; - } - - // Position overrides for ul.right and ul.left - .#{$opposite-direction} { - li .dropdown { - #{$default-float}: auto; - #{$opposite-direction}: 0; - - li .dropdown { #{$opposite-direction}: 100%; } - } - } - .#{$default-float} { - li .dropdown { - #{$opposite-direction}: auto; - #{$default-float}: 0; - - li .dropdown { #{$default-float}: 100%; } - } - } - } - - // Degrade gracefully when Javascript is disabled. Displays dropdown and changes - // background & text color on hover. - .no-js .top-bar-section { - ul li { - // Apply the hover link color when it has that class - &:hover > a { - background-color: $topbar-link-bg-color-hover; - @if ($topbar-link-bg-hover) { - background: $topbar-link-bg-hover; - } - color: $topbar-link-color-hover; - } - - // Apply the active link color when it has that class - &:active > a { - background: $topbar-link-bg-active; - color: $topbar-link-color-active; - } - } - - .has-dropdown { - &:hover { - & > .dropdown { - @include topbar-show-dropdown(); - } - } - > a:focus + .dropdown { - @include topbar-show-dropdown(); - } - } - } - } - } -} diff --git a/_sass/foundation-components/_type.scss b/_sass/foundation-components/_type.scss deleted file mode 100644 index 29be5a1b..00000000 --- a/_sass/foundation-components/_type.scss +++ /dev/null @@ -1,527 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -$include-html-type-classes: $include-html-classes !default; - -// We use these to control header font styles -$header-font-family: $body-font-family !default; -$header-font-weight: $font-weight-normal !default; -$header-font-style: $font-weight-normal !default; -$header-font-color: $jet !default; -$header-line-height: 1.4 !default; -$header-top-margin: .2rem !default; -$header-bottom-margin: .5rem !default; -$header-text-rendering: optimizeLegibility !default; - -// We use these to control header font sizes -$h1-font-size: rem-calc(44) !default; -$h2-font-size: rem-calc(37) !default; -$h3-font-size: rem-calc(27) !default; -$h4-font-size: rem-calc(23) !default; -$h5-font-size: rem-calc(18) !default; -$h6-font-size: 1rem !default; - -// We use these to control header size reduction on small screens -$h1-font-reduction: rem-calc(10) !default; -$h2-font-reduction: rem-calc(10) !default; -$h3-font-reduction: rem-calc(5) !default; -$h4-font-reduction: rem-calc(5) !default; -$h5-font-reduction: 0 !default; -$h6-font-reduction: 0 !default; - -// These control how subheaders are styled. -$subheader-line-height: 1.4 !default; -$subheader-font-color: scale-color($header-font-color, $lightness: 35%) !default; -$subheader-font-weight: $font-weight-normal !default; -$subheader-top-margin: .2rem !default; -$subheader-bottom-margin: .5rem !default; -$subheader-left-margin: .2rem !default; - -// A general styling -$small-font-size: 60% !default; -$small-font-color: scale-color($header-font-color, $lightness: 35%) !default; - -// We use these to style paragraphs -$paragraph-font-family: inherit !default; -$paragraph-font-weight: $font-weight-normal !default; -$paragraph-font-size: 1rem !default; -$paragraph-line-height: 1.6 !default; -$paragraph-margin-bottom: rem-calc(20) !default; -$paragraph-aside-font-size: rem-calc(14) !default; -$paragraph-aside-line-height: 1.35 !default; -$paragraph-aside-font-style: italic !default; -$paragraph-text-rendering: optimizeLegibility !default; - -// We use these to style tags -$code-color: $oil !default; -$code-font-family: $font-family-monospace !default; -$code-font-weight: $font-weight-normal !default; -$code-background-color: scale-color($secondary-color, $lightness: 70%) !default; -$code-border-size: 1px !default; -$code-border-style: solid !default; -$code-border-color: scale-color($code-background-color, $lightness: -10%) !default; -$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default; - -// We use these to style anchors -$anchor-text-decoration: none !default; -$anchor-text-decoration-hover: none !default; -$anchor-font-color: $primary-color !default; -$anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default; - -// We use these to style the
element -$hr-border-width: 1px !default; -$hr-border-style: solid !default; -$hr-border-color: $gainsboro !default; -$hr-margin: rem-calc(20) !default; - -// We use these to style lists -$list-font-family: $paragraph-font-family !default; -$list-font-size: $paragraph-font-size !default; -$list-line-height: $paragraph-line-height !default; -$list-margin-bottom: $paragraph-margin-bottom !default; -$list-style-position: outside !default; -$list-side-margin: 1.1rem !default; -$list-ordered-side-margin: 1.4rem !default; -$list-side-margin-no-bullet: 0 !default; -$list-nested-margin: rem-calc(20) !default; -$definition-list-header-weight: $font-weight-bold !default; -$definition-list-header-margin-bottom: .3rem !default; -$definition-list-margin-bottom: rem-calc(12) !default; - -// We use these to style blockquotes -$blockquote-font-color: scale-color($header-font-color, $lightness: 35%) !default; -$blockquote-padding: rem-calc(9 20 0 19) !default; -$blockquote-border: 1px solid $gainsboro !default; -$blockquote-cite-font-size: rem-calc(13) !default; -$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%) !default; -$blockquote-cite-link-color: $blockquote-cite-font-color !default; - -// Acronym styles -$acronym-underline: 1px dotted $gainsboro !default; - -// We use these to control padding and margin -$microformat-padding: rem-calc(10 12) !default; -$microformat-margin: rem-calc(0 0 20 0) !default; - -// We use these to control the border styles -$microformat-border-width: 1px !default; -$microformat-border-style: solid !default; -$microformat-border-color: $gainsboro !default; - -// We use these to control full name font styles -$microformat-fullname-font-weight: $font-weight-bold !default; -$microformat-fullname-font-size: rem-calc(15) !default; - -// We use this to control the summary font styles -$microformat-summary-font-weight: $font-weight-bold !default; - -// We use this to control abbr padding -$microformat-abbr-padding: rem-calc(0 1) !default; - -// We use this to control abbr font styles -$microformat-abbr-font-weight: $font-weight-bold !default; -$microformat-abbr-font-decoration: none !default; - -// Text alignment class names -$align-class-names: - small-only, - small, - medium-only, - medium, - large-only, - large, - xlarge-only, - xlarge, - xxlarge-only, - xxlarge; - -// Text alignment breakpoints -$align-class-breakpoints: - $small-only, - $small-up, - $medium-only, - $medium-up, - $large-only, - $large-up, - $xlarge-only, - $xlarge-up, - $xxlarge-only, - $xxlarge-up; - -// Generates text align and justify classes -@mixin align-classes{ - .text-left { text-align: left !important; } - .text-right { text-align: right !important; } - .text-center { text-align: center !important; } - .text-justify { text-align: justify !important; } - - @for $i from 1 through length($align-class-names) { - @media #{(nth($align-class-breakpoints, $i))} { - .#{(nth($align-class-names, $i))}-text-left { text-align: left !important; } - .#{(nth($align-class-names, $i))}-text-right { text-align: right !important; } - .#{(nth($align-class-names, $i))}-text-center { text-align: center !important; } - .#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; } - } - } -} - -// -// Typography Placeholders -// - -// These will throw a deprecation warning if used within a media query. -@mixin lead { - font-size: $paragraph-font-size + rem-calc(3.5); - line-height: 1.6; -} - -@mixin subheader { - line-height: $subheader-line-height; - color: $subheader-font-color; - font-weight: $subheader-font-weight; - margin-top: $subheader-top-margin; - margin-bottom: $subheader-bottom-margin; - margin-left: $subheader-left-margin; -} -@include exports("type") { - @if $include-html-type-classes { - // Responsive Text alignment - @include align-classes; - - /* Typography resets */ - div, - dl, - dt, - dd, - ul, - ol, - li, - h1, - h2, - h3, - h4, - h5, - h6, - pre, - form, - p, - blockquote, - th, - td { - margin:0; - padding:0; - } - - /* Default Link Styles */ - a { - color: $anchor-font-color; - text-decoration: $anchor-text-decoration; - line-height: inherit; - - &:hover, - &:focus { - color: $anchor-font-color-hover; - @if $anchor-text-decoration-hover != $anchor-text-decoration { - text-decoration: $anchor-text-decoration-hover; - } - } - - img { border:none; } - } - - /* Default paragraph styles */ - p { - font-family: $paragraph-font-family; - font-weight: $paragraph-font-weight; - font-size: $paragraph-font-size; - line-height: $paragraph-line-height; - margin-bottom: $paragraph-margin-bottom; - text-rendering: $paragraph-text-rendering; - - &.lead { @include lead; } - - & aside { - font-size: $paragraph-aside-font-size; - line-height: $paragraph-aside-line-height; - font-style: $paragraph-aside-font-style; - } - } - - /* Default header styles */ - h1, h2, h3, h4, h5, h6 { - font-family: $header-font-family; - font-weight: $header-font-weight; - font-style: $header-font-style; - color: $header-font-color; - text-rendering: $header-text-rendering; - margin-top: $header-top-margin; - margin-bottom: $header-bottom-margin; - line-height: $header-line-height; - - small { - font-size: $small-font-size; - color: $small-font-color; - line-height: 0; - } - } - - h1 { font-size: $h1-font-size - $h1-font-reduction; } - h2 { font-size: $h2-font-size - $h2-font-reduction; } - h3 { font-size: $h3-font-size - $h3-font-reduction; } - h4 { font-size: $h4-font-size - $h4-font-reduction; } - h5 { font-size: $h5-font-size - $h5-font-reduction; } - h6 { font-size: $h6-font-size - $h6-font-reduction; } - - .subheader { @include subheader; } - - hr { - border: $hr-border-style $hr-border-color; - border-width: $hr-border-width 0 0; - clear: both; - margin: $hr-margin 0 ($hr-margin - rem-calc($hr-border-width)); - height: 0; - } - - /* Helpful Typography Defaults */ - em, - i { - font-style: italic; - line-height: inherit; - } - - strong, - b { - font-weight: $font-weight-bold; - line-height: inherit; - } - - small { - font-size: $small-font-size; - line-height: inherit; - } - - code { - font-family: $code-font-family; - font-weight: $code-font-weight; - color: $code-color; - background-color: $code-background-color; - border-width: $code-border-size; - border-style: $code-border-style; - border-color: $code-border-color; - padding: $code-padding; - } - - /* Lists */ - ul, - ol, - dl { - font-size: $list-font-size; - line-height: $list-line-height; - margin-bottom: $list-margin-bottom; - list-style-position: $list-style-position; - font-family: $list-font-family; - } - - ul { - margin-#{$default-float}: $list-side-margin; - &.no-bullet { - margin-#{$default-float}: $list-side-margin-no-bullet; - li { - ul, - ol { - margin-#{$default-float}: $list-nested-margin; - margin-bottom: 0; - list-style: none; - } - } - } - } - - /* Unordered Lists */ - ul { - li { - ul, - ol { - margin-#{$default-float}: $list-nested-margin; - margin-bottom: 0; - } - } - &.square, - &.circle, - &.disc { - li ul { list-style: inherit; } - } - - &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;} - &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;} - &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;} - &.no-bullet { list-style: none; } - } - - /* Ordered Lists */ - ol { - margin-#{$default-float}: $list-ordered-side-margin; - li { - ul, - ol { - margin-#{$default-float}: $list-nested-margin; - margin-bottom: 0; - } - } - } - - /* Definition Lists */ - dl { - dt { - margin-bottom: $definition-list-header-margin-bottom; - font-weight: $definition-list-header-weight; - } - dd { margin-bottom: $definition-list-margin-bottom; } - } - - /* Abbreviations */ - abbr, - acronym { - text-transform: uppercase; - font-size: 90%; - color: $body-font-color; - cursor: $cursor-help-value; - } - abbr { - text-transform: none; - &[title] { - border-bottom: $acronym-underline; - } - } - - /* Blockquotes */ - blockquote { - margin: 0 0 $paragraph-margin-bottom; - padding: $blockquote-padding; - border-#{$default-float}: $blockquote-border; - - cite { - display: block; - font-size: $blockquote-cite-font-size; - color: $blockquote-cite-font-color; - &:before { - content: "\2014 \0020"; - } - - a, - a:visited { - color: $blockquote-cite-link-color; - } - } - } - blockquote, - blockquote p { - line-height: $paragraph-line-height; - color: $blockquote-font-color; - } - - /* Microformats */ - .vcard { - display: inline-block; - margin: $microformat-margin; - border: $microformat-border-width $microformat-border-style $microformat-border-color; - padding: $microformat-padding; - - li { - margin: 0; - display: block; - } - .fn { - font-weight: $microformat-fullname-font-weight; - font-size: $microformat-fullname-font-size; - } - } - - .vevent { - .summary { font-weight: $microformat-summary-font-weight; } - - abbr { - cursor: $cursor-default-value; - text-decoration: $microformat-abbr-font-decoration; - font-weight: $microformat-abbr-font-weight; - border: none; - padding: $microformat-abbr-padding; - } - } - - - @media #{$medium-up} { - h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; } - h1 { font-size: $h1-font-size; } - h2 { font-size: $h2-font-size; } - h3 { font-size: $h3-font-size; } - h4 { font-size: $h4-font-size; } - h5 { font-size: $h5-font-size; } - h6 { font-size: $h6-font-size; } - } - - // Only include these styles if you want them. - @if $include-print-styles { - /* - * Print styles. - * - * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ - * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) - */ - .print-only { display: none !important; } - @media print { - * { - background: transparent !important; - color: $black !important; /* Black prints faster: h5bp.com/s */ - box-shadow: none !important; - text-shadow: none !important; - } - - a, - a:visited { text-decoration: underline;} - a[href]:after { content: " (" attr(href) ")"; } - - abbr[title]:after { content: " (" attr(title) ")"; } - - // Don't show links for images, or javascript/internal links - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { content: ""; } - - pre, - blockquote { - border: 1px solid $aluminum; - page-break-inside: avoid; - } - - thead { display: table-header-group; /* h5bp.com/t */ } - - tr, - img { page-break-inside: avoid; } - - img { max-width: 100% !important; } - - @page { margin: 0.5cm; } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { page-break-after: avoid; } - - .hide-on-print { display: none !important; } - .print-only { display: block !important; } - .hide-for-print { display: none !important; } - .show-for-print { display: inherit !important; } - } - } - - } -} diff --git a/_sass/foundation-components/_visibility.scss b/_sass/foundation-components/_visibility.scss deleted file mode 100644 index d8c4affb..00000000 --- a/_sass/foundation-components/_visibility.scss +++ /dev/null @@ -1,408 +0,0 @@ -// Foundation by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -@import "global"; - -// -// Foundation Visibility Classes -// -$include-html-visibility-classes: $include-html-classes !default; -$include-accessibility-classes: true !default; -$include-table-visibility-classes: true !default; -$include-legacy-visibility-classes: true !default; - -// -// Media Class Names -// -// Visibility Breakpoints -$visibility-breakpoint-sizes: - small, - medium, - large, - xlarge, - xxlarge; - -$visibility-breakpoint-queries: - unquote($small-up), - unquote($medium-up), - unquote($large-up), - unquote($xlarge-up), - unquote($xxlarge-up); - -@mixin visibility-loop { - @each $current-visibility-breakpoint in $visibility-breakpoint-sizes { - $visibility-inherit-list: (); - $visibility-none-list: (); - - $visibility-visible-list: (); - $visibility-hidden-list: (); - - $visibility-table-list: (); - $visibility-table-header-group-list: (); - $visibility-table-row-group-list: (); - $visibility-table-row-list: (); - $visibility-table-cell-list: (); - - @each $visibility-comparison-breakpoint in $visibility-breakpoint-sizes { - @if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) < index($visibility-breakpoint-sizes, $current-visibility-breakpoint) { - // Smaller than current breakpoint - - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - - // Foundation 4 compatibility: - // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes - // for small, medium, and large breakpoints only - @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}, table.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.hide-for-#{$visibility-comparison-breakpoint}-down, td.hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - } - - } @else if index($visibility-breakpoint-sizes, $visibility-comparison-breakpoint) > index($visibility-breakpoint-sizes, $current-visibility-breakpoint) { - // Larger than current breakpoint - - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}-only, table.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}-only, thead.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}-only, tbody.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}-only, tr.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}-only, td.hide-for-#{$visibility-comparison-breakpoint}-only, th.hide-for-#{$visibility-comparison-breakpoint}-up, td.hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - - // Foundation 4 compatibility: - // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes - // for small, medium, and large breakpoints only - @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.hide-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.hide-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.hide-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.hide-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.hide-for-#{$visibility-comparison-breakpoint}, td.hide-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - } - - } @else { - // Current breakpoint - - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}-only, .show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}-only, .hide-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}-only, .visible-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}-only, .hidden-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.show-for-#{$visibility-comparison-breakpoint}-only, table.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.show-for-#{$visibility-comparison-breakpoint}-only, thead.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.show-for-#{$visibility-comparison-breakpoint}-only, tbody.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.show-for-#{$visibility-comparison-breakpoint}-only, tr.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.show-for-#{$visibility-comparison-breakpoint}-only, td.show-for-#{$visibility-comparison-breakpoint}-only, th.show-for-#{$visibility-comparison-breakpoint}-up, td.show-for-#{$visibility-comparison-breakpoint}-up' - ), comma); - - // Foundation 4 compatibility: - // Include .show/hide-for-[size] and .show/hide-for-[size]-down classes - // for small, medium, and large breakpoints only - @if $include-legacy-visibility-classes and index((small, medium, large), $visibility-comparison-breakpoint) != false { - $visibility-inherit-list: append($visibility-inherit-list, unquote( - '.show-for-#{$visibility-comparison-breakpoint}, .show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-none-list: append($visibility-none-list, unquote( - '.hide-for-#{$visibility-comparison-breakpoint}, .hide-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-visible-list: append($visibility-visible-list, unquote( - '.visible-for-#{$visibility-comparison-breakpoint}, .visible-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-hidden-list: append($visibility-hidden-list, unquote( - '.hidden-for-#{$visibility-comparison-breakpoint}, .hidden-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-list: append($visibility-table-list, unquote( - 'table.show-for-#{$visibility-comparison-breakpoint}, table.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-header-group-list: append($visibility-table-header-group-list, unquote( - 'thead.show-for-#{$visibility-comparison-breakpoint}, thead.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-group-list: append($visibility-table-row-group-list, unquote( - 'tbody.show-for-#{$visibility-comparison-breakpoint}, tbody.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-row-list: append($visibility-table-row-list, unquote( - 'tr.show-for-#{$visibility-comparison-breakpoint}, tr.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - $visibility-table-cell-list: append($visibility-table-cell-list, unquote( - 'th.show-for-#{$visibility-comparison-breakpoint}, td.show-for-#{$visibility-comparison-breakpoint}, th.show-for-#{$visibility-comparison-breakpoint}-down, td.show-for-#{$visibility-comparison-breakpoint}-down' - ), comma); - } - } - } - - /* #{$current-visibility-breakpoint} displays */ - @media #{nth($visibility-breakpoint-queries, index($visibility-breakpoint-sizes, $current-visibility-breakpoint))} { - #{$visibility-inherit-list} { - display: inherit !important; - } - #{$visibility-none-list} { - display: none !important; - } - @if $include-accessibility-classes != false { - #{$visibility-visible-list} { - @include element-invisible-off; - } - #{$visibility-hidden-list} { - @include element-invisible; - } - } - @if $include-table-visibility-classes != false { - #{$visibility-table-list} { - display: table !important; - } - #{$visibility-table-header-group-list} { - display: table-header-group !important; - } - #{$visibility-table-row-group-list} { - display: table-row-group !important; - } - #{$visibility-table-row-list} { - display: table-row !important; - } - #{$visibility-table-cell-list} { - display: table-cell !important; - } - } - } - } -} - - -@if $include-html-visibility-classes != false { - - @include visibility-loop; - - /* Orientation targeting */ - .show-for-landscape, - .hide-for-portrait { display: inherit !important; } - .hide-for-landscape, - .show-for-portrait { display: none !important; } - - /* Specific visibility for tables */ - table { - &.hide-for-landscape, - &.show-for-portrait { display: table !important; } - } - thead { - &.hide-for-landscape, - &.show-for-portrait { display: table-header-group !important; } - } - tbody { - &.hide-for-landscape, - &.show-for-portrait { display: table-row-group !important; } - } - tr { - &.hide-for-landscape, - &.show-for-portrait { display: table-row !important; } - } - td, - th { - &.hide-for-landscape, - &.show-for-portrait { display: table-cell !important; } - } - - @media #{$landscape} { - .show-for-landscape, - .hide-for-portrait { display: inherit !important; } - .hide-for-landscape, - .show-for-portrait { display: none !important; } - - /* Specific visibility for tables */ - table { - &.show-for-landscape, - &.hide-for-portrait { display: table !important; } - } - thead { - &.show-for-landscape, - &.hide-for-portrait { display: table-header-group !important; } - } - tbody { - &.show-for-landscape, - &.hide-for-portrait { display: table-row-group !important; } - } - tr { - &.show-for-landscape, - &.hide-for-portrait { display: table-row !important; } - } - td, - th { - &.show-for-landscape, - &.hide-for-portrait { display: table-cell !important; } - } - } - - @media #{$portrait} { - .show-for-portrait, - .hide-for-landscape { display: inherit !important; } - .hide-for-portrait, - .show-for-landscape { display: none !important; } - - /* Specific visibility for tables */ - table { - &.show-for-portrait, - &.hide-for-landscape { display: table !important; } - } - thead { - &.show-for-portrait, - &.hide-for-landscape { display: table-header-group !important; } - } - tbody { - &.show-for-portrait, - &.hide-for-landscape { display: table-row-group !important; } - } - tr { - &.show-for-portrait, - &.hide-for-landscape { display: table-row !important; } - } - td, - th { - &.show-for-portrait, - &.hide-for-landscape { display: table-cell !important; } - } - } - - /* Touch-enabled device targeting */ - .show-for-touch { display: none !important; } - .hide-for-touch { display: inherit !important; } - .touch .show-for-touch { display: inherit !important; } - .touch .hide-for-touch { display: none !important; } - - /* Specific visibility for tables */ - table.hide-for-touch { display: table !important; } - .touch table.show-for-touch { display: table !important; } - thead.hide-for-touch { display: table-header-group !important; } - .touch thead.show-for-touch { display: table-header-group !important; } - tbody.hide-for-touch { display: table-row-group !important; } - .touch tbody.show-for-touch { display: table-row-group !important; } - tr.hide-for-touch { display: table-row !important; } - .touch tr.show-for-touch { display: table-row !important; } - td.hide-for-touch { display: table-cell !important; } - .touch td.show-for-touch { display: table-cell !important; } - th.hide-for-touch { display: table-cell !important; } - .touch th.show-for-touch { display: table-cell !important; } - - - /* Print visibility */ - @media print { - .show-for-print { display: block; } - .hide-for-print { display: none; } - - table.show-for-print { display: table !important; } - thead.show-for-print { display: table-header-group !important; } - tbody.show-for-print { display: table-row-group !important; } - tr.show-for-print { display: table-row !important; } - td.show-for-print { display: table-cell !important; } - th.show-for-print { display: table-cell !important; } - - } - -} diff --git a/_taskforces/task-force-1-1.md b/_taskforces/task-force-1-1.md deleted file mode 100644 index 16f79a7c..00000000 --- a/_taskforces/task-force-1-1.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -permalink: "/task-force-1-1/" - -title: "OSIPI Task Force 1.1: ASL software inventory" -aims: Create an inventory of open source ASL packages -description: | - The inventory is aimed at end-users looking for a suitable tool to process their ASL images. The inventory will list available open-source tools, providing information that will help users to select a suitable tool, such as scope of application, methodology, level of validation, licence policy, transparency, user-friendliness, and reviews by other users. Currently, all ASL pipeline developers are kindly asked to fill a [short questionnaire](https://docs.google.com/forms/d/e/1FAIpQLSf-4_pBXFA31htMNPZo1kQgcY0EJ5_AWxjyvkkYIQVGUHo6sg/viewform) to specify the features of their pipelines. -leads: - - name: Jan Petr - location: Helmholtz-Zentrum Dresden-Rossendorf, Dresden, Germany - website: https://www.researchgate.net/profile/Jan_Petr - role: Lead - email: j.petr@hzdr.de - - name: Sudipto Dolui - location: University of Pennsylvania, Philadelphia, PA, USA - website: https://www.researchgate.net/profile/Sudipto_Dolui - role: Co-lead - email: sudiptod@pennmedicine.upenn.edu -members: - - Udunna Anazodo (Western University, Canada) - - David Thomas (University College London (UCL), UK) - - Henk-Jan Mutsaerts (Amsterdam University Medical Center, the Netherlands) - - Charlotte Buchanan (University of Nottingham, UK) - - Lydiane Hirschler (Leiden University Medical Center, the Netherlands) - - Hongli Fan (The Johns Hopkins School of Medicine, USA) - - Vera Keil (Amsterdam University Medical Center, the Netherlands) -status: - - 2020.01.07 Lead confirmed - - 2020.03.20 Co-lead confirmed - - 2020.04.02 Drafted a 2-year roadmap - - 2020.08.14 Published a questionnaire - - 2021.02.09 Published an ASL pipeline inventory -links: - - website: https://drive.google.com/drive/folders/1btNX3KT-vLWzNOYSjMHXOqrqqz1f4mV6 - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQJ60PD5H - description: | - Task force slack channel - for discussions between task force members. -resources: - - website: https://docs.google.com/forms/d/e/1FAIpQLSf-4_pBXFA31htMNPZo1kQgcY0EJ5_AWxjyvkkYIQVGUHo6sg/viewform - description: | - Public - Questionnaire for ASL pipeline developers to self-assess the features of their pipelines for the ASL pipeline inventory. - - website: https://docs.google.com/document/d/e/2PACX-1vQ-1GF2fmz6Q4IukuKP_-57H-xi872Xq_uBlX5P0Cwpj4RYd_t73pvZ64UqXegPaVpQJhQQrVRJRPro/pub - description: | - Public - ASL pipeline inventory. ---- - -{% include taskforce_content.md %} - -#### Call for ASL pipelines -A first version of the ASL pipeline [inventory](https://docs.google.com/document/d/e/2PACX-1vQ-1GF2fmz6Q4IukuKP_-57H-xi872Xq_uBlX5P0Cwpj4RYd_t73pvZ64UqXegPaVpQJhQQrVRJRPro/pub) is available online containing the self-assessed features of the majority of publicly available ASL pipelines. Currently, we work on a more objective pipeline comparison together with the developers. If you wish to have your pipeline included in the inventory or in the comparison, please fill in the following [survey](https://docs.google.com/forms/d/e/1FAIpQLSf-4_pBXFA31htMNPZo1kQgcY0EJ5_AWxjyvkkYIQVGUHo6sg/viewform). See more details in the [roadmap](https://docs.google.com/document/d/e/2PACX-1vRbxX9ywttwQfd2hyj62h676RjEZ3YHZBIBTkUmEb2nqOmrRVd-PlWeL6nAsJ79akQpXHmtBIizJiOK/pub#id.2i4c3golnmp9). - - diff --git a/_taskforces/task-force-1-2.md b/_taskforces/task-force-1-2.md deleted file mode 100644 index 72476c00..00000000 --- a/_taskforces/task-force-1-2.md +++ /dev/null @@ -1,79 +0,0 @@ ---- -permalink: "/task-force-1-2/" - -title: "OSIPI Task Force 1.2: DCE/DSC software inventory" -aims: Create an inventory of available DCE/DSC packages -description: | - Develop a comprehensive inventory of software packages for perfusion imaging analysis. This is aimed at end-users looking for a suitable tool to process their data. The inventory will list available tools, providing information that will help users to select a suitable tool, such as scope of application, methodology, level of validation, license policy, transparency, user-friendliness, and reviews by other users. TF 1.2 provides this for DCE/DSC software. -leads: - - name: Melissa Prah - location: Medical College of Wisconsin - website: https://www.mcw.edu/departments/biophysics/faculty/prah-melissa - role: Lead - email: mprah@mcw.edu -members: - - name: Andrey Fedorov - location: Brigham and Women's Hospital - website: https://spl.harvard.edu/people/andrey-fedorov - email: andrey.fedorov@gmail.com - - name: Charlotte Debus - location: German Aerospace Center - website: https://www.linkedin.com/in/charlotte-debus-316214a0/?originalSubdomain=de - email: science.debusc@gmail.com - - name: Ina Kompan - location: German Cancer Research Centre - website: https://www.dkfz.de/en/mic/team/people/Ina_Kompan.html - email: i.kompan@dkfz-heidelberg.de - - name: Ives Levesque - location: McGill University Health Centre - website: https://www.mcgill.ca/medphys/staff/ives-levesque - email: ives.levesque@mcgill.ca - - name: Laura Bell - location: Barrow Neurological Institute - website: https://www.linkedin.com/in/lauracbell/ - email: laura.bell@barrowneuro.org - - name: Rianne van der Heijden - location: Erasmus University Rotterdam - website: https://www.linkedin.com/in/riannevanderheijden1/ - email: r.a.vanderheijden@erasmusmc.nl - - name: Sudarshan Ragunathan - location: Barrow Neurological Institute - website: https://www.linkedin.com/in/sudarshanragunathan/ - email: sudarshan.ragunathan@barrowneuro.org - - name: Mueez Waqar - location: The University of Manchester - website: https://www.researchgate.net/profile/Mueez-Waqar - email: mueez.waqar@manchester.ac.uk -status: - - February 2020 - Lead confirmed - - April 2020 - Co-lead confirmed - - April 2020 - Drafted 2-year roadmap - - June 2020 - Finalized 2-year roadmap - - August 2020 - Preliminary inventory of DC software - - November 2020 - Software descriptors added to DC inventory - - February 2021 - First-pass of DC inventory completed - - May 2021 - Finalized DC inventory and completed draft of software review process - - August 2021 - First version of software reveiew process completed. Digital participation interest survey completed. - - September 2021 - Digital participation interest surveys distributed. Digital software review survey created. - - Current Efforts - Awaiting survey and software review responses. -links: - - website: https://drive.google.com/drive/folders/1h_PWOHywx1M36hj00bc-rsXqEWGnHS1l - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQVKV4TSL - description: | - Task force slack channel - for discussions between task force members. -resources: - - website: https://docs.google.com/spreadsheets/d/e/2PACX-1vSOHrNIiWcwDD5BoHij1dpXKgEejtohqKF6KZQMZi3G6GzM_BP8xpuwRbjFFvDW9Q/pubhtml?gid=1031101549&single=true - description: | - In Progress - Dynamic Contrast Software Inventory - - website: https://forms.gle/Us5qgati9j1V6DiD9 - description: | - Online Survey of Participation Interest - MRI DC Perfusion Software - - website: https://forms.gle/dJZ9syiZRRJF3Wq46 - description: | - Online DC Software Review - MRI DC Perfusion Software ---- - -{% include taskforce_content.md %} - diff --git a/_taskforces/task-force-2-1.md b/_taskforces/task-force-2-1.md deleted file mode 100644 index bd880da6..00000000 --- a/_taskforces/task-force-2-1.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -permalink: "/task-force-2-1/" - -title: "OSIPI Task Force 2.1: Library structure and management" -aims: | - Define and manage a library for ASL, DCE and DSC code snippets collected and harmonized by task forces 2.2 and 2.3. -description: | - The library is aimed at developers of perfusion methods looking for specific functionality or development templates, or who want to share their own in-house developments with others. - Task force 2.1 will define the structure of the library, licensing, naming conventions, documentation conventions, version control, code review, etc. . - The library will include open-source functions, scripts and pipelines for perfusion imaging analysis. - Contributions will be sourced from the community, and may include individual functions and more complete pipelines in various programming languages. - OSIPI will organise these in a coherent and well-documented library structure, then identify and develop any missing functionality. -leads: - - name: Matthias Schabel - location: Advanced Imaging Research Center, Oregon Health and Sciences University - website: https://ohsu.pure.elsevier.com/en/persons/matthias-schabel - role: Lead - email: schabelm@ohsu.edu - - name: Simon Levy - location: Center for Magnetic Resonance in Biology and Medicine, Aix-Marseille University - website: https://crmbm.univ-amu.fr/contact/levy-rosetti-simon - role: Co-lead - email: simon.levy@mines-ales.org -members: - - Michael Berks - - Martin Craig - - Rebeca Echeverria Chasco - - Joao Almeida e Sousa - - Fábio Nery -status: - - 2020.01.03 Leads confirmed - - 2020.04.02 Members confirmed. 2-year roadmap finalized. -Important documents: - - website: https://docs.google.com/document/d/1YJgi9YL_cS0HEP5Sns3x81L6TeYkWknBwQELMH5uxWQ/edit?usp=sharing - description: | - Two-year roadmap - deliverables and milestones definition. - - website: https://docs.google.com/document/d/1fEX-9UDpAk7phlarLZBXJ9gbSIEKEAHE9bwz176A1eI/edit?usp=sharing - description: | - Library specifications (*work in progress*) - document where the main decisions made about library structure definition and specifications will be stated. -links: - - website: https://drive.google.com/drive/folders/1S4vB13OQY7RGjcU6HpAxNmOU5Dwwdp1z - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQJ64MZU3 - description: | - Task force slack channel - for discussions between task force members. ---- - -{% include taskforce_content.md %} - diff --git a/_taskforces/task-force-2-2.md b/_taskforces/task-force-2-2.md deleted file mode 100644 index d21672ad..00000000 --- a/_taskforces/task-force-2-2.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -permalink: "/task-force-2-2/" - -title: "OSIPI Task Force 2.2: ASL contributions" -aims: Collect and harmonise ASL code snippets from developers -description: | - Task force 2.2 will develop a library of open-source functions, and scripts for ASL perfusion imaging analysis. This is aimed at developers of ASL perfusion methods looking for specific functionality or development templates, or who want to share their own in-house developments with others. Contributions will be sourced from the community, and include individual functions and scripts in various programming languages. Task force 2.2 will organise these in a coherent and well-documented library structure as defined by task force 2.1, then identify and develop any missing functionality. Note that an inventory of full pipelines are in TF1.1. -leads: - - name: Ananth Madhuranthakam - location: UT Southwestern, TX, USA - website: https://www.linkedin.com/in/ananth-madhuranthakam-4771189/ - role: Lead - email: ananth.madhuranthakam@utsouthwestern.edu - - name: Maria Mora - location: Technical University of Munich, Germany - website: https://www.linkedin.com/in/maría-g-mora-álvarez-97455531/ - role: Co-lead - email: maria.mora@tum.de -members: - - Sudipto Dolui - - Rebeca Echeverria Chasco - - Patrick Hales - - Li Zhao - - Henk-Jan Mutsaerts - - Yiming Wang - - Limin Zhou -status: - - Lead identified - - March 31, 2020 Co-lead identified - - May 01, 2020 - Roadmap Defined - - Aug. 15, 2020 - Scope Defined -links: - - website: https://drive.google.com/drive/folders/16VPJ4Wq-YW8GA5cddMpKgWKs4Ua5dPEV - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQV6GNPMJ - description: | - Task force slack channel - for discussions between task force members. ---- - -{% include taskforce_content.md %} - -### TF2.2 Roadmap -Our 2 year (2020-2022) roadmap can be found [here](https://docs.google.com/document/d/1TXWPi6hiTA3bSQu0PbbNjnlNoVClik53Psp3QkVtvww/edit). - -### TF2.2 Scope Document -Our scope document can be found [here](https://docs.google.com/document/d/1ioVbJKTfeoIGwCYcq6IsWwl9o_W4wRfeSFHXo6msCQQ/edit#heading=h.xh5k7d7orbcg). Suggestions are more than welcome, and if you'd like to contribute and/or join please contact any of the leads! - - - diff --git a/_taskforces/task-force-2-3.md b/_taskforces/task-force-2-3.md deleted file mode 100644 index 711347cf..00000000 --- a/_taskforces/task-force-2-3.md +++ /dev/null @@ -1,105 +0,0 @@ ---- -permalink: "/task-force-2-3/" - -title: "OSIPI Task Force 2.3: DCE/DSC contributions" -aims: Collect, validate and harmonise DCE/DSC code snippets from developers -description: | - Task force 2.3 aims to collect, test and share open-source perfusion imaging code for use in research and software development. Code contributions can include modules covering one or more steps within the image processing pipeline, for example T1 mapping, converting signal to concentration and pharmacokinetic modelling. A further aim of OSIPI is to develop a fully tested and harmonised code library, drawing on the contributions within this repository. - - **Note that most Taskforce 2.3 activity is now taking place in our public [DSC-/DCE-MRI Python code repository](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection) on Github. Please visit the repository [wiki](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/wiki) for detailed information.** - - Please contact the leads if you are interested in joining the taskforce or in contributing code. -# leads: -# - name: Michael Thrippleton -# location: Centre for Clinical Brain Sciences, University of Edinburgh, UK -# website: https://www.ed.ac.uk/profile/dr-michael-thrippleton -# role: Lead -# email: m.j.thrippleton@ed.ac.uk -# - name: Petra van Houdt -# location: the Netherlands Cancer Institute, Amsterdam, NL -# website: https://www.nki.nl/divisions/radiotherapy/van-der-heide-uulke-group/ -# role: Co-lead -# email: p.v.houdt@nki.nl -leads: - - name: Sirisha Tadimalla - location: University of Sydney, Australia - website: https://www.sydney.edu.au/science/about/our-people/academic-staff/sirisha-tadimalla.html - role: Lead - email: sirisha.tadimalla@sydney.edu.au - - name: Lucy Kershaw - location: University of Edinburgh, UK - website: - role: Co-lead - email: lucy.kershaw@ed.ac.uk -members: - - name: Michael Thrippleton - location: University of Edinburgh - - name: Petra van Houdt - location: The Netherlands Cancer Institute, Amsterdam, NL - - name: Ben Dickie - location: University of Manchester - - name: Michael Berks - location: University of Manchester - - name: Ingomar Gutmann - location: University of Vienna - - name: Zaki Ahmed - location: Mayo Clinic - - name: Sudarshan Ragunathan - location: Barrow Neurological Institute - - name: Luis Torres - location: University of Wisconsin - Madison - - name: Yu Sun - location: University of Sydney - - name: Yu-Feng (Erin) Wang - location: University of Sydney - - name: Steven Sourbron - location: University of Sheffield - - name: Nick Dowell - location: University of Sussex - - -status: - - A DSC/DCE-MRI code collection repository has been set up. Code collection and testing are underway (see [here](https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/blob/develop/doc/code_contributions_record.csv) for overview of progress). - - 22/01/2020 Lead confirmed. - - 31/01/2020 Co-lead confirmed. - - 16/03/2020 Members confirmed. - - 07/06/2020 Roadmap completed. - - 31/07/2020 Milestone 1 "define scope" led by Petra van Houdt. Completed. - - 01/08/2020 Milestone 2 "collect and verify sample code" led by Sudarshan Ragunathan. Completed. - - 15/02/2021 Milestone 3 "Targeted call for DC code". Completed. - - 01/05/2021 Milestone 4 "Unit test process finalized". Completed. - - 01/10/2021 Milestone 5 "Define process of code standardisation," led by Michael Berks. Completed. - - Deliverable 1 "DC code collection v1.0 - unit tested". Completed. - - Deliverable 2 "DC library manuscript". Completed. - - - New roadmap complete and underway - -links: - - website: https://drive.google.com/drive/folders/1vCVhyKfdMdUORmSgl-M7Du71qDjsRurc - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQVLA1KJ9 - description: | - Task force slack channel - for discussions between task force members. -resources: - - website: https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection - description: | - Public - DSC/DCE-MRI code collection repository - - website: http://osipi.org/DCE-DSC-MRI_TestResults/intro.html - description: | - Public - Test results website - - website: https://github.com/OSIPI/DCE-DSC-MRI_CodeCollection/wiki - description: | - Public - Documentation (wiki) - - website: https://docs.google.com/document/d/1TXWPi6hiTA3bSQu0PbbNjnlNoVClik53Psp3QkVtvww/edit#bookmark=id.obucmtsk8skv - description: | - Public - Roadmap document - - website: https://docs.google.com/document/d/1SmGhdzUPREHjpGtSEQohmIYz1Fi-XmHm0R8_Qp8xCuI/edit?usp=sharing - description: | - Public - Taskforce scope document ---- - -{% include taskforce_content.md %} ---- - - diff --git a/_taskforces/task-force-3-1.md b/_taskforces/task-force-3-1.md deleted file mode 100644 index e125ee74..00000000 --- a/_taskforces/task-force-3-1.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -permalink: "/task-force-3-1/" - -title: "OSIPI Task Force 3.1: Digital Reference Objects and Phantoms" -aims: Build an inventory of digital reference objects and phantom data for perfusion MRI. -description: | - The inventory is aimed at researchers looking for data to test their perfusion analysis methods, and at data owners who want to share data for secondary research. - The inventory developed by Task force 3.1 will include a curated list of publicly available digital reference objects (DROs), synthetic and phantom data that can serve as ground truth for perfusion analysis methods. - Task force 3.1 will initially focus on identifying, listing and qualifying existing datasets. - In a second phase we may identify gaps in the available data and take actions to fill them. -leads: - - name: Jim Holmes - location: University of Iowa, Iowa City, IA, USA - website: https://www.linkedin.com/in/james-holmes-35b52a110/ - role: Lead - email: jim-holmes@uiowa.edu - - name: Mu-lan Jen - location: University of Wisconsin-Madison, Madison, WI, USA - website: https://www.linkedin.com/in/mljen/ - role: Co-lead - email: mjen2@wisc.edu -members: - - Leah Henze Bancroft - - Jochen Hirsch - - Mu-lan Jen - - Aaron Oliver-Taylor -status: - - Lead identified 24.01.2020 - - Drafting 2 year roadmap -links: - - website: https://drive.google.com/drive/folders/1iHk0mpJ4mfV5zYruGQuGuxzhxZvFOzX9 - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQGSFEK1Q - description: | - Task force slack channel - for discussions between task force members. - - website: https://drive.google.com/file/d/1BCpsiHS9ulYbuhzquymnTtLbLhDVdWqb/view?usp=sharing - description: | - Inventory of user submitted physical phantoms and digital reference objects for use in ASL, DSC, and/or DCE MR Imaging. - - website: https://drive.google.com/file/d/1BCEVZ5VzTHCSAmWAYEF8KgyiGm3LCoqN/view?usp=sharing - description: | - Physical Phantoms and Digital Reference Objects Identified in the literature -resources: - - website: https://docs.google.com/document/d/1T3XzcywGOOEcQvUzDNRnF0EWJp5YU_cbhUvmsC73XdA/edit?usp=sharing - description: | - Public - Roadmap document ---- - -{% include taskforce_content.md %} - - diff --git a/_taskforces/task-force-3-2.md b/_taskforces/task-force-3-2.md deleted file mode 100644 index d766117f..00000000 --- a/_taskforces/task-force-3-2.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -permalink: "/task-force-3-2/" - -title: "OSIPI Task Force 3.2: Clinical and preclinical data" -aims: Build an inventory of freely available clinical and preclinical perfusion MRI data. -description: | - The inventory is aimed at researchers looking for data to test their perfusion analysis methods, and at data owners who want to share data for secondary research. - The inventory will provide a curated list of publicly available preclinical and clinical perfusion datasets that can be used to test algorithms in real-world conditions for robustness, reproducibility and practicality. - Task force 3.2 will initially focus on identifying, listing and qualifying existing datasets. - In a second phase we may identify gaps in the available data and take actions to fill them. -leads: - - name: Andrey Fedorov - location: Harvard Medical School - website: http://www.spl.harvard.edu/pages/People/fedorov/ - role: Lead - email: andrey.fedorov@gmail.com - - name: Greg Cron - website: https://med.uottawa.ca/radiology/people/cron-greg - location: Ottawa Hospital Research Institute, Canada - email: gcron@toh.ca - role: Co-Lead -members: - - name: Zaki Ahmed - website: https://github.com/notzaki - location: McGill University, Canada - - name: Beatriz Asenjo Garcia - location: Regional University Hospital of Málaga, Spain - - name: Pauline Hall Barrientos - website: https://www.researchgate.net/profile/Pauline_Hall_Barrientos - location: MRI physics Royal Hospital for Children, NHS Greater Glasgow and Clyde - - name: Jochen Hirsch - website: https://www.mevis.fraunhofer.de/en/employees/jochen-hirsch.html - location: Fraunhofer MEVIS, Germany - - name: Thomas Lindner - location: University Hospital Hamburg-Eppendorf, Germany - - name: Felix Navarro - website: https://github.com/felixnavarro - location: Regional University Hospital of Málaga, Spain - - name: Federico Pineda - website: https://scholar.google.com/citations?user=FA5DI34AAAAJ&hl=en - location: University of Chicago, USA - - name: Annette van der Toorn - website: https://dijkhuizenlab.nl/research-staff/ - location: University Medical Center Utrecht, The Netherlands - - name: Lutz Lüdemann - location: Universitätsklinikum Essen, Germany - - name: Anahita Fathi - website: https://www.med.upenn.edu/cbica/aibil/anahita.html - location: University of Pennsylvania, USA - - name: Ben Dickie - website: https://www.research.manchester.ac.uk/portal/ben.dickie.html - location: The University of Manchester, UK - - name: Amnah Mahroo - location: Fraunhofer MEVIS, Germany -status: - - Feb 1, 2020 Lead confirmed - - Identifying Co-lead.. - - Feb 17, 2020 Scheduling of the kick-off call initiated - - March 10, 2020 Kick-off monthly phone call of the TF - - April 2, 2020 roadmap communicated to the OSIPI EMB - - April 14, 2020 roadmap discussed and confirmed with the TF -links: - - website: https://drive.google.com/drive/folders/13KOjMyRkNmjigNcmQ2LHMYIzCTr2cN-S - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQVL56H5E - description: | - Task force slack channel - for discussions between task force members. - - website: https://bit.ly/33NZei1 - description: | - Inventory of the public imaging repositories relevant or potentially relevant to perfusion imaging. Comments and edits are welcomed! - - website: https://bit.ly/3823H2U - description: | - List of attributes to accompany descriptions of public perfusion datasets. Comments and edits are welcomed! (WIP) - - website: https://bit.ly/38AdEF6 - description: | - Inventory of perfusion datasets. Comments and edits are welcomed! (WIP) ---- - -{% include taskforce_content.md %} - diff --git a/_taskforces/task-force-4-1.md b/_taskforces/task-force-4-1.md deleted file mode 100644 index f64d4239..00000000 --- a/_taskforces/task-force-4-1.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -permalink: "/task-force-4-1/" - -title: "OSIPI Task Force 4.1: ASL lexicon" -aims: Develop guidelines for reporting of ASL image acquisition and analysis -description: | - The guidelines developed by TF 4.1 will enable interoperability and facilitate the comparison of results produced by different ASL analysis tools, studies or sites. - We aim to harmonize and increase the detail in the description of parameters and configurations, enable encoding of the complete perfusion imaging workflow, and pave the way for consensus building. - An important application will be the amendment of the DICOM standard for ASL perfusion parametric maps, as well as BIDS extensions, and development of demonstrations and use cases. -leads: - - name: David Thomas - location: UCL Queen Square Institute of Neurology, UK - website: https://iris.ucl.ac.uk/iris/browse/profile?upi=DTHOM65 - role: Lead - email: d.thomas@ucl.ac.uk - - name: Yuriko Suzuki - location: Wellcome Centre for Integrative Neuroimaging, FMRIB, University of Oxford, UK - website: https://www.ndcn.ox.ac.uk/team/yuriko-suzuki - role: Co-lead - email: yuriko.suzuki@ndcn.ox.ac.uk -members: - - name: Patricia Clement - location: Ghent Institute for metabolic and Functional Imaging (GIfMI), Belgium - website: https://www.researchgate.net/profile/Patricia_Clement3 - - name: Thomas Lindner - location: University Hospital Hamburg-Eppendorf, Germany - - name: Jan Petr - location: Helmholtz-Zentrum Dresden-Rossendorf, Dresden, Germany - website: https://www.researchgate.net/profile/Jan_Petr/ - - name: Xingfeng Shao - location: University of Southern California, USA - - name: Henk-Jan Mutsaerts - location: - website: https://www.linkedin.com/in/henk-jan-mutsaerts-8532b626/ - - name: Sudipto Dolui - location: University of Pennsylvania, USA - website: https://www.researchgate.net/profile/Sudipto_Dolui - - name: Weiying Dai - location: State University of New York at Binghamton, USA - website: https://www.binghamton.edu/computer-science/contact/profile.html?id=wdai - - name: María A. Fernández Seara - location: Clinica Universidad de Navarra, Spain - website: https://www.cun.es/nuestros-profesionales/profesionales/maria-fernandez-seara - - name: Manuel Taso - location: Beth Israel Deaconess Medical Center, USA - website: https://www.researchgate.net/profile/Manuel_Taso -status: - - 2020.01.15 Leads confirmed - - 2020.02.18 Member confirmed - - 2020.03.25 New member joined - - 2020.06.17 1st online meeting, meet & greet, first lexicon draft/sketch created - - 2020.07.22 2nd online meeting, working on the milestone #1 - - 2020.08.03 1st milestone (Standard ASL techniques and parameters in brain perfusion imaging) achieved - - 2020.11.02 2nd milestone (Advanced ASL techniques) achieved - - 2021.02.12 3nd milestone (Physiological parameters) achieved -links: - - website: https://drive.google.com/drive/folders/1CxyGHIXU30CYBZmnLBfylnC4iP7ytNld - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQJ6FGB8T - description: | - Task force slack channel - for discussions between task force members. -resources: - - website: https://docs.google.com/document/d/e/2PACX-1vQPhnYciWScZ2vqjzBWUO72gXKKD2UA95q081OA7-2dnLiy9kOimXq1axA7E7xRxbZOmJAb9vMDZ_-D/pub - description: Deliverable 1 - Arterial Spin Labeling perfusion imaging and analysis lexicon and reporting recommendations (v0.1) - ---- - -{% include taskforce_content.md %} - diff --git a/_taskforces/task-force-4-2.md b/_taskforces/task-force-4-2.md deleted file mode 100644 index 2a36e12d..00000000 --- a/_taskforces/task-force-4-2.md +++ /dev/null @@ -1,56 +0,0 @@ ---- -permalink: "/task-force-4-2/" - -title: "OSIPI Task Force 4.2: DCE/DSC lexicon" -aims: Develop guidelines for reporting of DCE/DSC image acquisition and analysis -description: | - The guidelines developed by TF 4.2 will enable interoperability and facilitate the comparison of results produced by different analysis tools, studies or sites. - We aim to harmonize and increase the detail in the description of parameters and configurations, enable encoding of the complete perfusion imaging workflow, and pave the way for consensus building. - An important application will be the amendment of the DICOM standard for DCE/DSC perfusion parametric maps, as well as BIDS extensions, and development of demonstrations and use cases. -leads: - - name: Ina Kompan - location: German Cancer Research Centre (DKFZ), Heidelberg, Germany - website: https://www.dkfz.de/en/mic/team/people/Ina_Kompan.html - role: Lead - email: i.kompan@dkfz-heidelberg.de - - name: Ben Dickie - location: University of Manchester, UK - website: https://www.research.manchester.ac.uk/portal/ben.dickie.html - role: Co-lead - email: ben.dickie@manchester.ac.uk -members: - - Laura Bell - - Charlotte Debus - - Ralf Floca - - Andrey Fedorov - - David Clunie - - Steven Sourbron - - Petra van Houdt - - Ingomar Gutmann - - David Buckley - - Rianne van der Heijden - - Jonathan Arvidsson -status: - - 2019.12.02 Lead and Co-lead confirmed - - 2020.03.26 Members confirmed - - 2020.04.21 2-year roadmap finalized - - "Milestone 1: COMPLETED" - - "Milestone 2: COMPLETED" - - "Milestone 3: COMPLETED" - - "Milestone 4: COMPLETED" - - "Milestone 5: Work in progress" -links: - - website: https://drive.google.com/drive/folders/1TTh6_7aqfGMRCw6dJkaBj84ePqZQ0H9B?usp=sharing - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQVLAHK16 - description: | - Task force slack channel - for discussions between task force members. -resources: - - website: http://bit.ly/perfusion-reporting - description: | - Public - Perfusion image analysis lexicon and reporting recommendations. Google document open for community contributions and comments. ---- - -{% include taskforce_content.md %} - diff --git a/_taskforces/task-force-4-3.md b/_taskforces/task-force-4-3.md deleted file mode 100644 index f834f73d..00000000 --- a/_taskforces/task-force-4-3.md +++ /dev/null @@ -1,29 +0,0 @@ ---- -permalink: "/task-force-4-3/" - -title: "OSIPI Task Force 4.3: DICOM standard amendment" -aims: Integrate reporting standards for ASL, DCE and DSC into an amendement to the DICOM standard -description: | - Task forces 4.1 and 4.2 will develop consensus guidelines for reporting image acquisition and analysis of ASL and DCE/DSC perfusion imaging, respectively. - Task force 4.3 will integrate into a DICOM amendment. This will enable interoperability and facilitate the comparison of results produced by different analysis tools, studies or sites. -members: - - Andrey Fedorov - - Ina Kompan - - David Clunie - - Yuriko Suzuki -status: - - not active -links: - - website: https://drive.google.com/drive/folders/1xfK3Lt6tNNgTpcKSz3V_LCsiZ7oEbVnx - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQXG7V93R - description: | - Task force slack channel - for discussions between task force members. -resources: - - website: https://github.com/QIICR/dcmqi - description: "dcmqi: free open source library and tools for conversion to and from DICOM for image-derived analysis results, including DICOM Parametric maps" ---- - -{% include taskforce_content.md %} - \ No newline at end of file diff --git a/_taskforces/task-force-5-1.md b/_taskforces/task-force-5-1.md deleted file mode 100644 index b1f41b8b..00000000 --- a/_taskforces/task-force-5-1.md +++ /dev/null @@ -1,27 +0,0 @@ ---- -permalink: "/task-force-5-1/" - -title: "OSIPI Task Force 5.1: Teaching and Education" -aims: Develop, distribute and deliver educational content on open-source perfusion software. -description: | - Open-source software development can only be sustainable in the long run when paired with educational initiatives to ensure that the target audience is aware that it exists, what it can do, and how it should be used. - Task force 5.1 will complement the software development with initiatives on teaching and education including online tutorials, powerpoint presentation and training courses. -members: - - Rik Achten - - Zaki Ahmed - - Divya Bolar - - Patricia Clement - - Paula Croal -status: - - Task force not yet active.. -links: - - website: https://drive.google.com/drive/folders/1kKDP5E9Fr_NMbC2FzUSPDyxJAdEQtiZv - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQVLERERE - description: | - Task force slack channel - for discussions between task force members. ---- - -{% include taskforce_content.md %} - \ No newline at end of file diff --git a/_taskforces/task-force-5-2.md b/_taskforces/task-force-5-2.md deleted file mode 100644 index 1ea1709e..00000000 --- a/_taskforces/task-force-5-2.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -permalink: "/task-force-5-2/" - -title: "OSIPI Task Force 5.2: Dissemination and Events" -aims: | - Develop dissemination materials on OSIPI including website content and events. -description: | - Effective communication is a key prerequisite for the realisation of the aims, but also to ensure long-term sustainability of the initiative. - Through the use of novel communication media and organisation of events, task force 5.2 will build an active community promoting networking, communication, guidance and discussion. - Apart from developing and managing osipi.org, task force 5.2 will organise events such as hackathons, meetings or educational sessions on conferences. -status: - - Task force not yet active.. -links: - - website: https://drive.google.com/drive/folders/1g0sGBjRKo80U_qBmEbFkpEgs22JxeqR2 - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQMNM4TFB - description: | - Task force slack channel - for discussions between task force members. ---- - -{% include taskforce_content.md %} - \ No newline at end of file diff --git a/_taskforces/task-force-6-1.md b/_taskforces/task-force-6-1.md deleted file mode 100644 index a28f4106..00000000 --- a/_taskforces/task-force-6-1.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -permalink: "/task-force-6-1/" - -title: "OSIPI Task Force 6.1: ASL Challenges" -aims: Develop and implement challenges involving ASL perfusion imaging analysis -description: | - Task force 6.1 will develop challenges using that can act as broadly recognised benchmarks for perfusion software. This will include the development of metrics that quantify the performance of a perfusion analysis tool (eg. bias and precision on DROs, agreement with reference methods in-vivo, reproducibility on in-vivo data, processing time, etc). - The challenges will use data collected by OSIPI and will be applied to the software tools listed in OSIPI in order to establish a set of benchmarks. - The long-term aim is to establish OSIPI as an independent arbiter for software solutions in perfusion imaging. -leads: - - name: Andre Paschoal - location: University of Sao Paulo, Brazil - website: https://www.linkedin.com/in/andrepaschoal - role: Lead - email: andre.paschoal@hc.fm.usp.br - - name: Udunna Anazodo - location: Lawson Health Research Institute - website: https://www.lawsonresearch.ca/scientist/dr-udunna-anazodo - role: Co-lead - email: uanazodo@lawsonimaging.ca -members: - - Pieter Vandemaele - - Jan Petr - - Henk-Jan Mutsaerts - - Flora Kennedy McConnell - - Joana Pinto - - Moss Zhao - - Cassandra Gould Van Praag - - Pieter Vandemaele - - Joseph Woods - - Maria-Eleni Dounavi - - Andre Paschoal - - Diego Pineda-Ordóñez - - - - -status: - - Finalising Challenge Design -links: - - website: https://drive.google.com/drive/folders/1jygYkrrzgznMfFGqVL9Qjvpbbvmkj55q - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/CQJ6R76FM - description: | - Task force slack channel - for discussions between task force members. ---- - -{% include taskforce_content.md %} - - -OSIPI ASL Challenge: -- [Challenge Overview](https://docs.google.com/document/d/1EtG5TVZotnvXSufboh707lAIq1imPg2CTVaMnIN01iA/edit?usp=sharing) diff --git a/_taskforces/task-force-6-2.md b/_taskforces/task-force-6-2.md deleted file mode 100644 index 2f64b4ab..00000000 --- a/_taskforces/task-force-6-2.md +++ /dev/null @@ -1,63 +0,0 @@ ---- -permalink: "/task-force-6-2/" - -title: "OSIPI Task Force 6.2: DCE/DSC Challenges" -aims: Develop and implement challenges involving DCE/DSC perfusion imaging analysis -description: | - To compare quantification pipelines for DSC/DCE-MRI in clinical cancer imaging applications. Through these challenges, the performance of DSC-/DCE-MRI perfusion analysis tools developed in-house by the participating groups or the available software packages will be tested and evaluated according to some metrics (eg. bias and precision on DROs, agreement with reference methods in-vivo, reproducibility on in-vivo data, processing time, etc). The contestants are encouraged to use the software tools listed in OSIPI in creating their pipelines. The aim of this task force is to establish a set of benchmarks for perfusion imaging in different applications. -leads: - - name: Anahita Fathi Kazerooni - location: University of Pennsylvania - website: https://www.linkedin.com/in/anahita-fathi-kazerooni-a3287238/ - role: Lead - email: anahitaf@upenn.edu - - name: Harrison Kim - location: The University of Alabama at Birmingham - website: https://www.linkedin.com/in/harrison-kim-0b5b9a32/ - role: Co-lead - email: hyunkikim@uabmc.edu -members: - - name: Steven Sourbron - website: https://www.linkedin.com/in/steven-sourbron-93775752 - location: University of Sheffield - - name: Laura Bell - website: https://www.linkedin.com/in/lauracbell/ - location: Genentech, Inc. - - name: Eve Shalom - website: https://www.linkedin.com/in/eve-shalom-211b41106/ - location: University of Leeds, UK - - name: Rianne van der Heijden - website: https://www.linkedin.com/in/riannevanderheijden1/ - location: Erasmus Universiteit Rotterdam - - name: Zaki Ahmed - website: https://github.com/notzaki/ - location: Mayo Clinic, AZ - - name: Leland Hu - website: https://www.mayo.edu/research/faculty/hu-leland-s-m-d/bio-10031224 - location: Mayo Clinic - - name: Hamidreza Saligheh Rad - website: https://www.linkedin.com/in/hamidreza-saligheh-rad-7127021a/ - location: Tehran University of Medical Sciences, Iran - - name: Reyna Patel - location: Northwestern University, IL - - -status: - - 2020.03.29 Drafted the challenge outline - -links: - - website: https://drive.google.com/drive/folders/1T9Q1hRjw7gjEOSLeUYB7RyjFLHaEfgpp - description: | - Task force folder on drive - storage space for public or private documents developed by the task force. - - website: https://osipi.slack.com/archives/C012T016ELS - description: | - Task force slack channel - for discussions between task force members. - - ---- - -{% include taskforce_content.md %} - - -OSIPI QCP-MRI Challenge: -- [Challenge Outline](https://drive.google.com/file/d/12POGgTitC-0jXNTSMIvKJkWWmjtfDJkr/view?usp=sharing) diff --git a/assets/css/atom.scss b/assets/css/atom.scss deleted file mode 100644 index 363cea86..00000000 --- a/assets/css/atom.scss +++ /dev/null @@ -1,94 +0,0 @@ ---- -sitemap: - exclude: true ---- -@charset "utf-8"; - -@import "functions.scss"; - -$include-html-classes: false; -@import "01_settings_colors.scss"; -@import "02_settings_typography.scss"; -@import "03_settings_mixins_media_queries.scss"; -@import "04_settings_global.scss"; - -* { - display: block; -} - -:root { - margin: 3em; - background: $body-bg; - color: $body-font-color; - font-family: $body-font-family; -} - -feed { - > title { - text-align: center; - color: lighten($primary-color, 25%); - font-family: $header-font-family; - font-size: $font-size-h1 * 1.5; - font-weight: bolder; - &::before { - content: 'Atom Feed for '; - font-weight: initial; - } - &::after { - content: "This Atom feed is meant to be used by RSS reader applications and websites."; - display: block; - padding: 1em; - background-color: $alert-color; - color: #fff; - font-family: initial; - font-size: initial; - letter-spacing: initial; - } - } - - > id, - > updated, - > subtitle, - > author, - > link, - > generator { - display: none; - } -} - -entry { - padding: 1em 0; - border-bottom: 1px solid invert($body-bg); - &:last-child { - border-bottom: none; - } - - > title { - color: $secondary-color; - font-family: $header-font-family; - font-size: $font-size-h1; - margin-bottom: 0.5em; - } - - > link::after { - content: attr(href); - color: $primary-color; - } - - > updated { - color: $grey-5; - font-size: small; - } - - > summary { - margin-top: 1em; - } - - > id, - > author, - > category, - > published, - > content { - display: none; - } -} diff --git a/assets/css/rss.scss b/assets/css/rss.scss deleted file mode 100644 index c06de6a9..00000000 --- a/assets/css/rss.scss +++ /dev/null @@ -1,89 +0,0 @@ ---- -sitemap: - exclude: true ---- -@charset "utf-8"; - -@import "functions.scss"; - -$include-html-classes: false; -@import "01_settings_colors.scss"; -@import "02_settings_typography.scss"; -@import "03_settings_mixins_media_queries.scss"; -@import "04_settings_global.scss"; - -* { - display: block; -} - -:root { - margin: 3em; - background: $body-bg; - color: $body-font-color; - font-family: $body-font-family; -} - -channel { - > title { - text-align: center; - color: lighten($primary-color, 25%); - font-family: $header-font-family; - font-size: $font-size-h1 * 1.5; - font-weight: bolder; - &::before { - content: 'RSS Feed for '; - font-weight: initial; - } - &::after { - content: "This RSS feed is meant to be used by RSS reader applications and websites."; - display: block; - padding: 1em; - background-color: $alert-color; - color: #fff; - font-family: initial; - font-size: initial; - letter-spacing: initial; - } - } - - > description, - > link { - display: none; - } -} - -item { - padding: 1em 0; - border-bottom: 1px solid invert($body-bg); - &:last-child { - border-bottom: none; - } - - > title { - color: $secondary-color; - font-family: $header-font-family; - font-size: $font-size-h1; - margin-bottom: 0.5em; - } - - > link { - color: $primary-color; - } - - > pubDate { - color: $grey-5; - font-size: small; - } - - > description { - margin-top: 1em; - overflow: hidden; - white-space: nowrap; - text-overflow:ellipsis; - } - - > guid, - > category { - display: none; - } -} diff --git a/assets/css/styles_feeling_responsive.scss b/assets/css/styles_feeling_responsive.scss deleted file mode 100755 index fe7521b7..00000000 --- a/assets/css/styles_feeling_responsive.scss +++ /dev/null @@ -1,49 +0,0 @@ ---- -# Only the main Sass file needs front matter, rest is included from site.sass.sass_dir -sitemap: - exclude: true ---- -@charset "utf-8"; - -@import "functions.scss"; -@import "01_settings_colors.scss"; -@import "02_settings_typography.scss"; -@import "03_settings_mixins_media_queries.scss"; -@import "04_settings_global.scss"; -@import "05_normalize.scss"; // normalize.css v3.0.2 - -@import "foundation-components/top-bar"; -@import "foundation-components/accordion"; -@import "foundation-components/alert-boxes"; -@import "foundation-components/breadcrumbs"; -@import "foundation-components/block-grid"; -@import "foundation-components/button-groups"; -@import "foundation-components/buttons"; -@import "foundation-components/clearing"; -@import "foundation-components/dropdown"; -@import "foundation-components/dropdown-buttons"; -@import "foundation-components/flex-video"; -@import "foundation-components/forms"; -@import "foundation-components/grid"; -@import "foundation-components/inline-lists"; -@import "foundation-components/keystrokes"; -@import "foundation-components/panels"; -@import "foundation-components/reveal"; -@import "foundation-components/side-nav"; -@import "foundation-components/sub-nav"; -@import "foundation-components/tables"; -@import "foundation-components/thumbs"; -@import "foundation-components/top-bar"; -@import "foundation-components/type"; -@import "foundation-components/visibility"; - -@import "06_typography.scss"; -@import "07_layout.scss"; -@import "foundation-components/grid"; -@import "09_elements.scss"; - -{% if site.asciidoctor-enabled == true %} -@import "10_asciidoc.scss"; -{% endif %} - -@import "11_syntax-highlighting.scss"; diff --git a/assets/fonts/.fontcustom-manifest.json b/assets/fonts/.fontcustom-manifest.json deleted file mode 100644 index ae43822a..00000000 --- a/assets/fonts/.fontcustom-manifest.json +++ /dev/null @@ -1,266 +0,0 @@ -{ - "checksum": { - "previous": "03f5dd2a3a893dc3637cdfbb6da25d276f597ea03db701e7220b5dfcde6ef9bf", - "current": "03f5dd2a3a893dc3637cdfbb6da25d276f597ea03db701e7220b5dfcde6ef9bf" - }, - "fonts": [ - "./iconfont.ttf", - "./iconfont.svg", - "./iconfont.woff", - "./iconfont.eot" - ], - "glyphs": { - "archive": { - "codepoint": 61696, - "source": "svg-files-for-custom-font/archive.svg" - }, - "browser": { - "codepoint": 61697, - "source": "svg-files-for-custom-font/browser.svg" - }, - "calendar": { - "codepoint": 61747, - "source": "svg-files-for-custom-font/calendar.svg" - }, - "camera": { - "codepoint": 61698, - "source": "svg-files-for-custom-font/camera.svg" - }, - "chat": { - "codepoint": 61699, - "source": "svg-files-for-custom-font/chat.svg" - }, - "check": { - "codepoint": 61700, - "source": "svg-files-for-custom-font/check.svg" - }, - "chevron-down": { - "codepoint": 61701, - "source": "svg-files-for-custom-font/chevron-down.svg" - }, - "chevron-left": { - "codepoint": 61702, - "source": "svg-files-for-custom-font/chevron-left.svg" - }, - "chevron-right": { - "codepoint": 61703, - "source": "svg-files-for-custom-font/chevron-right.svg" - }, - "chevron-up": { - "codepoint": 61704, - "source": "svg-files-for-custom-font/chevron-up.svg" - }, - "circle-with-cross": { - "codepoint": 61705, - "source": "svg-files-for-custom-font/circle-with-cross.svg" - }, - "circle-with-minus": { - "codepoint": 61706, - "source": "svg-files-for-custom-font/circle-with-minus.svg" - }, - "circle-with-plus": { - "codepoint": 61707, - "source": "svg-files-for-custom-font/circle-with-plus.svg" - }, - "cloud": { - "codepoint": 61708, - "source": "svg-files-for-custom-font/cloud.svg" - }, - "code": { - "codepoint": 61709, - "source": "svg-files-for-custom-font/code.svg" - }, - "cog": { - "codepoint": 61710, - "source": "svg-files-for-custom-font/cog.svg" - }, - "dropbox": { - "codepoint": 61711, - "source": "svg-files-for-custom-font/dropbox.svg" - }, - "edit": { - "codepoint": 61712, - "source": "svg-files-for-custom-font/edit.svg" - }, - "export": { - "codepoint": 61713, - "source": "svg-files-for-custom-font/export.svg" - }, - "eye": { - "codepoint": 61714, - "source": "svg-files-for-custom-font/eye.svg" - }, - "facebook": { - "codepoint": 61715, - "source": "svg-files-for-custom-font/facebook.svg" - }, - "feather": { - "codepoint": 61716, - "source": "svg-files-for-custom-font/feather.svg" - }, - "github": { - "codepoint": 61717, - "source": "svg-files-for-custom-font/github.svg" - }, - "globe": { - "codepoint": 61718, - "source": "svg-files-for-custom-font/globe.svg" - }, - "googleplus": { - "codepoint": 61750, - "source": "svg-files-for-custom-font/googleplus.svg" - }, - "heart": { - "codepoint": 61719, - "source": "svg-files-for-custom-font/heart.svg" - }, - "heart-outlined": { - "codepoint": 61720, - "source": "svg-files-for-custom-font/heart-outlined.svg" - }, - "home": { - "codepoint": 61721, - "source": "svg-files-for-custom-font/home.svg" - }, - "instagram": { - "codepoint": 61722, - "source": "svg-files-for-custom-font/instagram.svg" - }, - "lab-flask": { - "codepoint": 61723, - "source": "svg-files-for-custom-font/lab-flask.svg" - }, - "leaf": { - "codepoint": 61724, - "source": "svg-files-for-custom-font/leaf.svg" - }, - "linkedin": { - "codepoint": 61725, - "source": "svg-files-for-custom-font/linkedin.svg" - }, - "mail": { - "codepoint": 61726, - "source": "svg-files-for-custom-font/mail.svg" - }, - "message": { - "codepoint": 61727, - "source": "svg-files-for-custom-font/message.svg" - }, - "mic": { - "codepoint": 61728, - "source": "svg-files-for-custom-font/mic.svg" - }, - "network": { - "codepoint": 61729, - "source": "svg-files-for-custom-font/network.svg" - }, - "paper-plane": { - "codepoint": 61730, - "source": "svg-files-for-custom-font/paper-plane.svg" - }, - "pinterest": { - "codepoint": 61731, - "source": "svg-files-for-custom-font/pinterest.svg" - }, - "price-tag": { - "codepoint": 61732, - "source": "svg-files-for-custom-font/price-tag.svg" - }, - "rocket": { - "codepoint": 61733, - "source": "svg-files-for-custom-font/rocket.svg" - }, - "rss": { - "codepoint": 61734, - "source": "svg-files-for-custom-font/rss.svg" - }, - "soundcloud": { - "codepoint": 61735, - "source": "svg-files-for-custom-font/soundcloud.svg" - }, - "star": { - "codepoint": 61736, - "source": "svg-files-for-custom-font/star.svg" - }, - "star-outlined": { - "codepoint": 61737, - "source": "svg-files-for-custom-font/star-outlined.svg" - }, - "thumbs-down": { - "codepoint": 61738, - "source": "svg-files-for-custom-font/thumbs-down.svg" - }, - "thumbs-up": { - "codepoint": 61739, - "source": "svg-files-for-custom-font/thumbs-up.svg" - }, - "tree": { - "codepoint": 61748, - "source": "svg-files-for-custom-font/tree.svg" - }, - "tumblr": { - "codepoint": 61740, - "source": "svg-files-for-custom-font/tumblr.svg" - }, - "twitter": { - "codepoint": 61741, - "source": "svg-files-for-custom-font/twitter.svg" - }, - "upload-to-cloud": { - "codepoint": 61742, - "source": "svg-files-for-custom-font/upload-to-cloud.svg" - }, - "video": { - "codepoint": 61743, - "source": "svg-files-for-custom-font/video.svg" - }, - "vimeo": { - "codepoint": 61744, - "source": "svg-files-for-custom-font/vimeo.svg" - }, - "warning": { - "codepoint": 61745, - "source": "svg-files-for-custom-font/warning.svg" - }, - "xing": { - "codepoint": 61749, - "source": "svg-files-for-custom-font/xing.svg" - }, - "youtube": { - "codepoint": 61746, - "source": "svg-files-for-custom-font/youtube.svg" - } - }, - "options": { - "autowidth": false, - "config": "fontcustom.yml", - "css_selector": ".icon-{{glyph}}", - "debug": false, - "font_ascent": 448, - "font_descent": 64, - "font_design_size": 20, - "font_em": 512, - "font_name": "iconfont", - "force": false, - "input": { - "templates": "svg-files-for-custom-font/", - "vectors": "svg-files-for-custom-font/" - }, - "no_hash": true, - "output": { - "css": ".", - "fonts": ".", - "preview": "." - }, - "preprocessor_path": null, - "quiet": false, - "templates": [ - "css", - "preview" - ] - }, - "templates": [ - "./iconfont.css", - "./iconfont-preview.html" - ] -} \ No newline at end of file diff --git a/assets/fonts/fontcustom.yml b/assets/fonts/fontcustom.yml deleted file mode 100644 index ccc911c2..00000000 --- a/assets/fonts/fontcustom.yml +++ /dev/null @@ -1,96 +0,0 @@ -# ============================================================================= -# Font Custom Configuration -# This file should live in the directory where you run `fontcustom compile`. -# For more info, visit . -# ============================================================================= - - -# ----------------------------------------------------------------------------- -# Project Info -# ----------------------------------------------------------------------------- - -# The font's name. Also determines the file names of generated templates. -font_name: iconfont - -# Format of CSS selectors. {{glyph}} is substituted for the glyph name. -css_selector: .icon-{{glyph}} - -# Generate fonts without asset-busting hashes. -no_hash: true - -# Encode WOFF fonts into the generated CSS. -#base64: true - -# Forces compilation, even if inputs have not changed -#force: true - -# Display (possibly useful) debugging messages. -#debug: true - -# Hide status messages. -#quiet: true - - -# ----------------------------------------------------------------------------- -# Input / Output Locations -# You can save generated fonts, CSS, and other files to different locations -# here. Font Custom can also read input vectors and templates from different -# places. -# -# NOTE: -# - Be sure to preserve the whitespace in these YAML hashes. -# - INPUT[:vectors] and OUTPUT[:fonts] are required. Everything else is -# optional. -# - Specify output locations for custom templates by including their file -# names as the key. -# ----------------------------------------------------------------------------- - -input: - vectors: svg-files-for-custom-font -# templates: my/templates - -output: - fonts: . - css: . -# preview: app/views/styleguide -# my-custom-template.yml: path/to/template/output - - -# ----------------------------------------------------------------------------- -# Templates -# A YAML array of templates and files to generate alongside fonts. Custom -# templates should be saved in the INPUT[:templates] directory and referenced -# by their base file name. -# -# For Rails and Compass templates, set `preprocessor_path` as the relative -# path from OUTPUT[:css] to OUTPUT[:fonts]. By default, these are the same -# directory. -# -# Included in Font Custom: preview, css, scss, scss-rails -# Default: css, preview -# ----------------------------------------------------------------------------- - -#templates: -#- scss-rails -#- preview -#- my-custom-template.yml - -#preprocessor_path: ../fonts/ - - -# ----------------------------------------------------------------------------- -# Font Settings (defaults shown) -# ----------------------------------------------------------------------------- - -# Size (in pica points) for which your font is designed. -font_design_size: 20 - -# The em size. Setting this will scale the entire font to the given size. -#font_em: 512 - -# The font's ascent and descent. Used to calculate the baseline. -#font_ascent: 448 -#font_descent: 64 - -# Horizontally fit glyphs to their individual vector widths. -#autowidth: false diff --git a/assets/fonts/iconfont-preview.html b/assets/fonts/iconfont-preview.html deleted file mode 100644 index ecb19022..00000000 --- a/assets/fonts/iconfont-preview.html +++ /dev/null @@ -1,1028 +0,0 @@ - - - - iconfont glyphs preview - - - - - - - - - -
-
-

iconfont contains 55 glyphs:

- Toggle Preview Characters -
- - -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- -
-
- PpPpPpPpPpPpPpPpPpPp -
-
- 12141618212436486072 -
-
- - -
-
- - - -
- - diff --git a/assets/fonts/iconfont.css b/assets/fonts/iconfont.css deleted file mode 100644 index a748578f..00000000 --- a/assets/fonts/iconfont.css +++ /dev/null @@ -1,149 +0,0 @@ -/* - Icon Font: iconfont -*/ - -@font-face { - font-family: "iconfont"; - src: url("./iconfont.eot"); - src: url("./iconfont.eot?#iefix") format("embedded-opentype"), - url("./iconfont.woff") format("woff"), - url("./iconfont.ttf") format("truetype"), - url("./iconfont.svg#iconfont") format("svg"); - font-weight: normal; - font-style: normal; -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { - @font-face { - font-family: "iconfont"; - src: url("./iconfont.svg#iconfont") format("svg"); - } -} - -[data-icon]:before { content: attr(data-icon); } - -[data-icon]:before, -.icon-archive:before, -.icon-browser:before, -.icon-calendar:before, -.icon-camera:before, -.icon-chat:before, -.icon-check:before, -.icon-chevron-down:before, -.icon-chevron-left:before, -.icon-chevron-right:before, -.icon-chevron-up:before, -.icon-circle-with-cross:before, -.icon-circle-with-minus:before, -.icon-circle-with-plus:before, -.icon-cloud:before, -.icon-code:before, -.icon-cog:before, -.icon-dropbox:before, -.icon-edit:before, -.icon-export:before, -.icon-eye:before, -.icon-facebook:before, -.icon-feather:before, -.icon-github:before, -.icon-globe:before, -.icon-googleplus:before, -.icon-heart:before, -.icon-heart-outlined:before, -.icon-home:before, -.icon-instagram:before, -.icon-lab-flask:before, -.icon-leaf:before, -.icon-linkedin:before, -.icon-mail:before, -.icon-message:before, -.icon-mic:before, -.icon-network:before, -.icon-paper-plane:before, -.icon-pinterest:before, -.icon-price-tag:before, -.icon-rocket:before, -.icon-rss:before, -.icon-soundcloud:before, -.icon-star:before, -.icon-star-outlined:before, -.icon-thumbs-down:before, -.icon-thumbs-up:before, -.icon-tree:before, -.icon-tumblr:before, -.icon-twitter:before, -.icon-upload-to-cloud:before, -.icon-video:before, -.icon-vimeo:before, -.icon-warning:before, -.icon-xing:before, -.icon-youtube:before { - display: inline-block; - font-family: "iconfont"; - font-style: normal; - font-weight: normal; - font-variant: normal; - line-height: 1; - text-decoration: inherit; - text-rendering: optimizeLegibility; - text-transform: none; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; -} - -.icon-archive:before { content: "\f100"; } -.icon-browser:before { content: "\f101"; } -.icon-calendar:before { content: "\f133"; } -.icon-camera:before { content: "\f102"; } -.icon-chat:before { content: "\f103"; } -.icon-check:before { content: "\f104"; } -.icon-chevron-down:before { content: "\f105"; } -.icon-chevron-left:before { content: "\f106"; } -.icon-chevron-right:before { content: "\f107"; } -.icon-chevron-up:before { content: "\f108"; } -.icon-circle-with-cross:before { content: "\f109"; } -.icon-circle-with-minus:before { content: "\f10a"; } -.icon-circle-with-plus:before { content: "\f10b"; } -.icon-cloud:before { content: "\f10c"; } -.icon-code:before { content: "\f10d"; } -.icon-cog:before { content: "\f10e"; } -.icon-dropbox:before { content: "\f10f"; } -.icon-edit:before { content: "\f110"; } -.icon-export:before { content: "\f111"; } -.icon-eye:before { content: "\f112"; } -.icon-facebook:before { content: "\f113"; } -.icon-feather:before { content: "\f114"; } -.icon-github:before { content: "\f115"; } -.icon-globe:before { content: "\f116"; } -.icon-googleplus:before { content: "\f136"; } -.icon-heart:before { content: "\f117"; } -.icon-heart-outlined:before { content: "\f118"; } -.icon-home:before { content: "\f119"; } -.icon-instagram:before { content: "\f11a"; } -.icon-lab-flask:before { content: "\f11b"; } -.icon-leaf:before { content: "\f11c"; } -.icon-linkedin:before { content: "\f11d"; } -.icon-mail:before { content: "\f11e"; } -.icon-message:before { content: "\f11f"; } -.icon-mic:before { content: "\f120"; } -.icon-network:before { content: "\f121"; } -.icon-paper-plane:before { content: "\f122"; } -.icon-pinterest:before { content: "\f123"; } -.icon-price-tag:before { content: "\f124"; } -.icon-rocket:before { content: "\f125"; } -.icon-rss:before { content: "\f126"; } -.icon-soundcloud:before { content: "\f127"; } -.icon-star:before { content: "\f128"; } -.icon-star-outlined:before { content: "\f129"; } -.icon-thumbs-down:before { content: "\f12a"; } -.icon-thumbs-up:before { content: "\f12b"; } -.icon-tree:before { content: "\f134"; } -.icon-tumblr:before { content: "\f12c"; } -.icon-twitter:before { content: "\f12d"; } -.icon-upload-to-cloud:before { content: "\f12e"; } -.icon-video:before { content: "\f12f"; } -.icon-vimeo:before { content: "\f130"; } -.icon-warning:before { content: "\f131"; } -.icon-xing:before { content: "\f135"; } -.icon-youtube:before { content: "\f132"; } diff --git a/assets/fonts/iconfont.eot b/assets/fonts/iconfont.eot deleted file mode 100644 index af95ebd3..00000000 Binary files a/assets/fonts/iconfont.eot and /dev/null differ diff --git a/assets/fonts/iconfont.svg b/assets/fonts/iconfont.svg deleted file mode 100644 index b9e507c2..00000000 --- a/assets/fonts/iconfont.svg +++ /dev/null @@ -1,273 +0,0 @@ - - - - - -Created by FontForge 20120731 at Wed Jan 20 15:09:53 2016 - By Andrey Fedorov,,, -Created by Andrey Fedorov,,, with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/fonts/iconfont.ttf b/assets/fonts/iconfont.ttf deleted file mode 100644 index 2dab176b..00000000 Binary files a/assets/fonts/iconfont.ttf and /dev/null differ diff --git a/assets/fonts/iconfont.woff b/assets/fonts/iconfont.woff deleted file mode 100644 index 965649ea..00000000 Binary files a/assets/fonts/iconfont.woff and /dev/null differ diff --git a/assets/fonts/svg-files-for-custom-font/.fontcustom-manifest.json b/assets/fonts/svg-files-for-custom-font/.fontcustom-manifest.json deleted file mode 100644 index 77cc52b3..00000000 --- a/assets/fonts/svg-files-for-custom-font/.fontcustom-manifest.json +++ /dev/null @@ -1,253 +0,0 @@ -{ - "checksum": { - "previous": "0eb06cd53c7fe783055fd11030c39772bfa6df061f0e164097dc672c3a31c36d", - "current": "0eb06cd53c7fe783055fd11030c39772bfa6df061f0e164097dc672c3a31c36d" - }, - "fonts": [ - "entypo-custom/entypo-custom.ttf", - "entypo-custom/entypo-custom.svg", - "entypo-custom/entypo-custom.woff", - "entypo-custom/entypo-custom.eot" - ], - "glyphs": { - "archive": { - "codepoint": 61707, - "source": "./archive.svg" - }, - "browser": { - "codepoint": 61708, - "source": "./browser.svg" - }, - "camera": { - "codepoint": 61709, - "source": "./camera.svg" - }, - "chat": { - "codepoint": 61710, - "source": "./chat.svg" - }, - "check": { - "codepoint": 61711, - "source": "./check.svg" - }, - "chevron-down": { - "codepoint": 61745, - "source": "./chevron-down.svg" - }, - "chevron-left": { - "codepoint": 61746, - "source": "./chevron-left.svg" - }, - "chevron-right": { - "codepoint": 61712, - "source": "./chevron-right.svg" - }, - "chevron-up": { - "codepoint": 61713, - "source": "./chevron-up.svg" - }, - "circle-with-cross": { - "codepoint": 61742, - "source": "./circle-with-cross.svg" - }, - "circle-with-minus": { - "codepoint": 61743, - "source": "./circle-with-minus.svg" - }, - "circle-with-plus": { - "codepoint": 61744, - "source": "./circle-with-plus.svg" - }, - "cloud": { - "codepoint": 61741, - "source": "./cloud.svg" - }, - "code": { - "codepoint": 61714, - "source": "./code.svg" - }, - "cog": { - "codepoint": 61715, - "source": "./cog.svg" - }, - "dropbox": { - "codepoint": 61696, - "source": "./dropbox.svg" - }, - "edit": { - "codepoint": 61740, - "source": "./edit.svg" - }, - "export": { - "codepoint": 61739, - "source": "./export.svg" - }, - "eye": { - "codepoint": 61716, - "source": "./eye.svg" - }, - "facebook": { - "codepoint": 61697, - "source": "./facebook.svg" - }, - "feather": { - "codepoint": 61717, - "source": "./feather.svg" - }, - "github": { - "codepoint": 61698, - "source": "./github.svg" - }, - "globe": { - "codepoint": 61718, - "source": "./globe.svg" - }, - "heart": { - "codepoint": 61719, - "source": "./heart.svg" - }, - "heart-outlined": { - "codepoint": 61720, - "source": "./heart-outlined.svg" - }, - "home": { - "codepoint": 61738, - "source": "./home.svg" - }, - "instagram": { - "codepoint": 61699, - "source": "./instagram.svg" - }, - "lab-flask": { - "codepoint": 61737, - "source": "./lab-flask.svg" - }, - "leaf": { - "codepoint": 61736, - "source": "./leaf.svg" - }, - "linkedin": { - "codepoint": 61700, - "source": "./linkedin.svg" - }, - "mail": { - "codepoint": 61735, - "source": "./mail.svg" - }, - "message": { - "codepoint": 61721, - "source": "./message.svg" - }, - "mic": { - "codepoint": 61722, - "source": "./mic.svg" - }, - "network": { - "codepoint": 61723, - "source": "./network.svg" - }, - "paper-plane": { - "codepoint": 61724, - "source": "./paper-plane.svg" - }, - "pinterest": { - "codepoint": 61701, - "source": "./pinterest.svg" - }, - "price-tag": { - "codepoint": 61734, - "source": "./price-tag.svg" - }, - "rocket": { - "codepoint": 61725, - "source": "./rocket.svg" - }, - "rss": { - "codepoint": 61733, - "source": "./rss.svg" - }, - "soundcloud": { - "codepoint": 61702, - "source": "./soundcloud.svg" - }, - "star": { - "codepoint": 61726, - "source": "./star.svg" - }, - "star-outlined": { - "codepoint": 61727, - "source": "./star-outlined.svg" - }, - "thumbs-down": { - "codepoint": 61728, - "source": "./thumbs-down.svg" - }, - "thumbs-up": { - "codepoint": 61732, - "source": "./thumbs-up.svg" - }, - "tumblr": { - "codepoint": 61703, - "source": "./tumblr.svg" - }, - "twitter": { - "codepoint": 61704, - "source": "./twitter.svg" - }, - "upload-to-cloud": { - "codepoint": 61731, - "source": "./upload-to-cloud.svg" - }, - "video": { - "codepoint": 61729, - "source": "./video.svg" - }, - "vimeo": { - "codepoint": 61705, - "source": "./vimeo.svg" - }, - "warning": { - "codepoint": 61730, - "source": "./warning.svg" - }, - "youtube": { - "codepoint": 61706, - "source": "./youtube.svg" - } - }, - "options": { - "autowidth": false, - "config": "fontcustom.yml", - "css_selector": ".icon-{{glyph}}", - "debug": false, - "font_ascent": 448, - "font_descent": 64, - "font_design_size": 20, - "font_em": 512, - "font_name": "entypo-custom", - "fonts": "fonts", - "force": false, - "input": { - "templates": ".", - "vectors": "." - }, - "no_hash": true, - "output": { - "css": "entypo-custom", - "fonts": "entypo-custom", - "preview": "entypo-custom" - }, - "preprocessor_path": null, - "preview": "entypo-custom", - "quiet": false, - "skip_first": false, - "templates": [ - "css", - "preview" - ] - }, - "templates": [ - "entypo-custom/entypo-custom.css", - "entypo-custom/entypo-custom-preview.html" - ] -} \ No newline at end of file diff --git a/assets/fonts/svg-files-for-custom-font/archive.svg b/assets/fonts/svg-files-for-custom-font/archive.svg deleted file mode 100644 index 00f9e8c9..00000000 --- a/assets/fonts/svg-files-for-custom-font/archive.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/browser.svg b/assets/fonts/svg-files-for-custom-font/browser.svg deleted file mode 100644 index ca8c89d5..00000000 --- a/assets/fonts/svg-files-for-custom-font/browser.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/calendar.svg b/assets/fonts/svg-files-for-custom-font/calendar.svg deleted file mode 100644 index f654214b..00000000 --- a/assets/fonts/svg-files-for-custom-font/calendar.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/camera.svg b/assets/fonts/svg-files-for-custom-font/camera.svg deleted file mode 100644 index 0f11476c..00000000 --- a/assets/fonts/svg-files-for-custom-font/camera.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chat.svg b/assets/fonts/svg-files-for-custom-font/chat.svg deleted file mode 100644 index 65b56124..00000000 --- a/assets/fonts/svg-files-for-custom-font/chat.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/check.svg b/assets/fonts/svg-files-for-custom-font/check.svg deleted file mode 100644 index 08ee56d8..00000000 --- a/assets/fonts/svg-files-for-custom-font/check.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-down.svg b/assets/fonts/svg-files-for-custom-font/chevron-down.svg deleted file mode 100644 index 7604d890..00000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-down.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-left.svg b/assets/fonts/svg-files-for-custom-font/chevron-left.svg deleted file mode 100644 index 7fda0402..00000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-left.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-right.svg b/assets/fonts/svg-files-for-custom-font/chevron-right.svg deleted file mode 100644 index 0b2251cb..00000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-right.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/chevron-up.svg b/assets/fonts/svg-files-for-custom-font/chevron-up.svg deleted file mode 100644 index eb3c9c52..00000000 --- a/assets/fonts/svg-files-for-custom-font/chevron-up.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg b/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg deleted file mode 100644 index cf71b402..00000000 --- a/assets/fonts/svg-files-for-custom-font/circle-with-cross.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg b/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg deleted file mode 100644 index 065344d6..00000000 --- a/assets/fonts/svg-files-for-custom-font/circle-with-minus.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg b/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg deleted file mode 100644 index f4f815c8..00000000 --- a/assets/fonts/svg-files-for-custom-font/circle-with-plus.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/cloud.svg b/assets/fonts/svg-files-for-custom-font/cloud.svg deleted file mode 100644 index a009fe53..00000000 --- a/assets/fonts/svg-files-for-custom-font/cloud.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/code.svg b/assets/fonts/svg-files-for-custom-font/code.svg deleted file mode 100644 index 33a99fd5..00000000 --- a/assets/fonts/svg-files-for-custom-font/code.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/cog.svg b/assets/fonts/svg-files-for-custom-font/cog.svg deleted file mode 100644 index bc6fcfa1..00000000 --- a/assets/fonts/svg-files-for-custom-font/cog.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/dropbox.svg b/assets/fonts/svg-files-for-custom-font/dropbox.svg deleted file mode 100644 index 61f72c2f..00000000 --- a/assets/fonts/svg-files-for-custom-font/dropbox.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/edit.svg b/assets/fonts/svg-files-for-custom-font/edit.svg deleted file mode 100644 index bda9f0e3..00000000 --- a/assets/fonts/svg-files-for-custom-font/edit.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/export.svg b/assets/fonts/svg-files-for-custom-font/export.svg deleted file mode 100644 index ebcfc1fa..00000000 --- a/assets/fonts/svg-files-for-custom-font/export.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/eye.svg b/assets/fonts/svg-files-for-custom-font/eye.svg deleted file mode 100644 index a735aa94..00000000 --- a/assets/fonts/svg-files-for-custom-font/eye.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/facebook.svg b/assets/fonts/svg-files-for-custom-font/facebook.svg deleted file mode 100644 index dd143187..00000000 --- a/assets/fonts/svg-files-for-custom-font/facebook.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/feather.svg b/assets/fonts/svg-files-for-custom-font/feather.svg deleted file mode 100644 index fcff3c19..00000000 --- a/assets/fonts/svg-files-for-custom-font/feather.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/github.svg b/assets/fonts/svg-files-for-custom-font/github.svg deleted file mode 100644 index 0ed94d32..00000000 --- a/assets/fonts/svg-files-for-custom-font/github.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/globe.svg b/assets/fonts/svg-files-for-custom-font/globe.svg deleted file mode 100644 index 59b1570b..00000000 --- a/assets/fonts/svg-files-for-custom-font/globe.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/heart-outlined.svg b/assets/fonts/svg-files-for-custom-font/heart-outlined.svg deleted file mode 100644 index b1cec2f4..00000000 --- a/assets/fonts/svg-files-for-custom-font/heart-outlined.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/heart.svg b/assets/fonts/svg-files-for-custom-font/heart.svg deleted file mode 100644 index 5156b11c..00000000 --- a/assets/fonts/svg-files-for-custom-font/heart.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/home.svg b/assets/fonts/svg-files-for-custom-font/home.svg deleted file mode 100644 index 63e8a4e2..00000000 --- a/assets/fonts/svg-files-for-custom-font/home.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/instagram.svg b/assets/fonts/svg-files-for-custom-font/instagram.svg deleted file mode 100644 index 9f7b527a..00000000 --- a/assets/fonts/svg-files-for-custom-font/instagram.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/lab-flask.svg b/assets/fonts/svg-files-for-custom-font/lab-flask.svg deleted file mode 100644 index d40e70ed..00000000 --- a/assets/fonts/svg-files-for-custom-font/lab-flask.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/leaf.svg b/assets/fonts/svg-files-for-custom-font/leaf.svg deleted file mode 100644 index 27be5466..00000000 --- a/assets/fonts/svg-files-for-custom-font/leaf.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/linkedin.svg b/assets/fonts/svg-files-for-custom-font/linkedin.svg deleted file mode 100644 index 4541e3cc..00000000 --- a/assets/fonts/svg-files-for-custom-font/linkedin.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/mail.svg b/assets/fonts/svg-files-for-custom-font/mail.svg deleted file mode 100644 index 5988c16f..00000000 --- a/assets/fonts/svg-files-for-custom-font/mail.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/message.svg b/assets/fonts/svg-files-for-custom-font/message.svg deleted file mode 100644 index cae288b5..00000000 --- a/assets/fonts/svg-files-for-custom-font/message.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/mic.svg b/assets/fonts/svg-files-for-custom-font/mic.svg deleted file mode 100644 index 81f58e14..00000000 --- a/assets/fonts/svg-files-for-custom-font/mic.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/network.svg b/assets/fonts/svg-files-for-custom-font/network.svg deleted file mode 100644 index 977de033..00000000 --- a/assets/fonts/svg-files-for-custom-font/network.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/paper-plane.svg b/assets/fonts/svg-files-for-custom-font/paper-plane.svg deleted file mode 100644 index 57919d55..00000000 --- a/assets/fonts/svg-files-for-custom-font/paper-plane.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/pinterest.svg b/assets/fonts/svg-files-for-custom-font/pinterest.svg deleted file mode 100644 index b5f6f6e2..00000000 --- a/assets/fonts/svg-files-for-custom-font/pinterest.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/price-tag.svg b/assets/fonts/svg-files-for-custom-font/price-tag.svg deleted file mode 100644 index 1c7fa4f2..00000000 --- a/assets/fonts/svg-files-for-custom-font/price-tag.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/rocket.svg b/assets/fonts/svg-files-for-custom-font/rocket.svg deleted file mode 100644 index 3eb7415a..00000000 --- a/assets/fonts/svg-files-for-custom-font/rocket.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/rss.svg b/assets/fonts/svg-files-for-custom-font/rss.svg deleted file mode 100644 index f8f6033a..00000000 --- a/assets/fonts/svg-files-for-custom-font/rss.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/soundcloud.svg b/assets/fonts/svg-files-for-custom-font/soundcloud.svg deleted file mode 100644 index 3b384717..00000000 --- a/assets/fonts/svg-files-for-custom-font/soundcloud.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/star-outlined.svg b/assets/fonts/svg-files-for-custom-font/star-outlined.svg deleted file mode 100644 index 4759c405..00000000 --- a/assets/fonts/svg-files-for-custom-font/star-outlined.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/star.svg b/assets/fonts/svg-files-for-custom-font/star.svg deleted file mode 100644 index d5d321af..00000000 --- a/assets/fonts/svg-files-for-custom-font/star.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/thumbs-down.svg b/assets/fonts/svg-files-for-custom-font/thumbs-down.svg deleted file mode 100644 index 171e2aa9..00000000 --- a/assets/fonts/svg-files-for-custom-font/thumbs-down.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/thumbs-up.svg b/assets/fonts/svg-files-for-custom-font/thumbs-up.svg deleted file mode 100644 index dee3008e..00000000 --- a/assets/fonts/svg-files-for-custom-font/thumbs-up.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/tree.svg b/assets/fonts/svg-files-for-custom-font/tree.svg deleted file mode 100644 index 45a25805..00000000 --- a/assets/fonts/svg-files-for-custom-font/tree.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/tumblr.svg b/assets/fonts/svg-files-for-custom-font/tumblr.svg deleted file mode 100644 index 7bc63501..00000000 --- a/assets/fonts/svg-files-for-custom-font/tumblr.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/twitter.svg b/assets/fonts/svg-files-for-custom-font/twitter.svg deleted file mode 100644 index 136d2296..00000000 --- a/assets/fonts/svg-files-for-custom-font/twitter.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg b/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg deleted file mode 100644 index 07868472..00000000 --- a/assets/fonts/svg-files-for-custom-font/upload-to-cloud.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/video.svg b/assets/fonts/svg-files-for-custom-font/video.svg deleted file mode 100644 index f54ba008..00000000 --- a/assets/fonts/svg-files-for-custom-font/video.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/vimeo.svg b/assets/fonts/svg-files-for-custom-font/vimeo.svg deleted file mode 100644 index 81ed1c0b..00000000 --- a/assets/fonts/svg-files-for-custom-font/vimeo.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/warning.svg b/assets/fonts/svg-files-for-custom-font/warning.svg deleted file mode 100644 index a571a252..00000000 --- a/assets/fonts/svg-files-for-custom-font/warning.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/xing.svg b/assets/fonts/svg-files-for-custom-font/xing.svg deleted file mode 100644 index ca14ad7b..00000000 --- a/assets/fonts/svg-files-for-custom-font/xing.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/assets/fonts/svg-files-for-custom-font/youtube.svg b/assets/fonts/svg-files-for-custom-font/youtube.svg deleted file mode 100644 index 8dbfef6e..00000000 --- a/assets/fonts/svg-files-for-custom-font/youtube.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/assets/img/ISMRM logo.jfif b/assets/img/ISMRM logo.jfif deleted file mode 100644 index 44b1efaa..00000000 Binary files a/assets/img/ISMRM logo.jfif and /dev/null differ diff --git a/assets/img/OSIPI_logo_white.png b/assets/img/OSIPI_logo_white.png deleted file mode 100644 index b44c15b0..00000000 Binary files a/assets/img/OSIPI_logo_white.png and /dev/null differ diff --git a/assets/img/OSIPI_logo_white.svg b/assets/img/OSIPI_logo_white.svg deleted file mode 100644 index 80b9c5a1..00000000 --- a/assets/img/OSIPI_logo_white.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/assets/img/OSIPI_logo_white_withShadow.png b/assets/img/OSIPI_logo_white_withShadow.png deleted file mode 100644 index e5c0ed51..00000000 Binary files a/assets/img/OSIPI_logo_white_withShadow.png and /dev/null differ diff --git a/assets/img/OSIPI_logo_white_withShadow.svg b/assets/img/OSIPI_logo_white_withShadow.svg deleted file mode 100644 index 5151bef5..00000000 --- a/assets/img/OSIPI_logo_white_withShadow.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/assets/img/apple-touch-icon-114x114-precomposed.png b/assets/img/apple-touch-icon-114x114-precomposed.png deleted file mode 100644 index b3c74ede..00000000 Binary files a/assets/img/apple-touch-icon-114x114-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-120x120-precomposed.png b/assets/img/apple-touch-icon-120x120-precomposed.png deleted file mode 100644 index 25d1ba9d..00000000 Binary files a/assets/img/apple-touch-icon-120x120-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-144x144-precomposed.png b/assets/img/apple-touch-icon-144x144-precomposed.png deleted file mode 100644 index e06a1622..00000000 Binary files a/assets/img/apple-touch-icon-144x144-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-152x152-precomposed.png b/assets/img/apple-touch-icon-152x152-precomposed.png deleted file mode 100644 index f25246e4..00000000 Binary files a/assets/img/apple-touch-icon-152x152-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-180x180-precomposed.png b/assets/img/apple-touch-icon-180x180-precomposed.png deleted file mode 100644 index d5b590f8..00000000 Binary files a/assets/img/apple-touch-icon-180x180-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-72x72-precomposed.png b/assets/img/apple-touch-icon-72x72-precomposed.png deleted file mode 100644 index 03442cd8..00000000 Binary files a/assets/img/apple-touch-icon-72x72-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-76x76-precomposed.png b/assets/img/apple-touch-icon-76x76-precomposed.png deleted file mode 100644 index fbd2bde4..00000000 Binary files a/assets/img/apple-touch-icon-76x76-precomposed.png and /dev/null differ diff --git a/assets/img/apple-touch-icon-precomposed.png b/assets/img/apple-touch-icon-precomposed.png deleted file mode 100644 index e7bea7e5..00000000 Binary files a/assets/img/apple-touch-icon-precomposed.png and /dev/null differ diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png deleted file mode 100644 index bc0bf149..00000000 Binary files a/assets/img/favicon-32x32.png and /dev/null differ diff --git a/assets/img/headshots/anahita_fathi_kazerooni.png b/assets/img/headshots/anahita_fathi_kazerooni.png deleted file mode 100644 index 3023238d..00000000 Binary files a/assets/img/headshots/anahita_fathi_kazerooni.png and /dev/null differ diff --git a/assets/img/headshots/ananth_madhuranthakam.jpg b/assets/img/headshots/ananth_madhuranthakam.jpg deleted file mode 100644 index 794d50bc..00000000 Binary files a/assets/img/headshots/ananth_madhuranthakam.jpg and /dev/null differ diff --git a/assets/img/headshots/andre_paschoal.png b/assets/img/headshots/andre_paschoal.png deleted file mode 100644 index db0ffaa8..00000000 Binary files a/assets/img/headshots/andre_paschoal.png and /dev/null differ diff --git a/assets/img/headshots/andrey_fedorov.png b/assets/img/headshots/andrey_fedorov.png deleted file mode 100644 index d372c4a2..00000000 Binary files a/assets/img/headshots/andrey_fedorov.png and /dev/null differ diff --git a/assets/img/headshots/anonymous.png b/assets/img/headshots/anonymous.png deleted file mode 100644 index 437f1b0a..00000000 Binary files a/assets/img/headshots/anonymous.png and /dev/null differ diff --git a/assets/img/headshots/ben_dickie.png b/assets/img/headshots/ben_dickie.png deleted file mode 100644 index 8371b0dd..00000000 Binary files a/assets/img/headshots/ben_dickie.png and /dev/null differ diff --git a/assets/img/headshots/chad_quarles.jpg b/assets/img/headshots/chad_quarles.jpg deleted file mode 100644 index 1cccdf65..00000000 Binary files a/assets/img/headshots/chad_quarles.jpg and /dev/null differ diff --git a/assets/img/headshots/charlotte_debus.jpg b/assets/img/headshots/charlotte_debus.jpg deleted file mode 100644 index b402090a..00000000 Binary files a/assets/img/headshots/charlotte_debus.jpg and /dev/null differ diff --git a/assets/img/headshots/david_buckley.jpg b/assets/img/headshots/david_buckley.jpg deleted file mode 100644 index b983d60b..00000000 Binary files a/assets/img/headshots/david_buckley.jpg and /dev/null differ diff --git a/assets/img/headshots/david_thomas.png b/assets/img/headshots/david_thomas.png deleted file mode 100644 index 12f49020..00000000 Binary files a/assets/img/headshots/david_thomas.png and /dev/null differ diff --git a/assets/img/headshots/greg_cron.jpg b/assets/img/headshots/greg_cron.jpg deleted file mode 100644 index 21efb3ee..00000000 Binary files a/assets/img/headshots/greg_cron.jpg and /dev/null differ diff --git a/assets/img/headshots/hamidreza_saligheh_rad.jpg b/assets/img/headshots/hamidreza_saligheh_rad.jpg deleted file mode 100644 index f9419255..00000000 Binary files a/assets/img/headshots/hamidreza_saligheh_rad.jpg and /dev/null differ diff --git a/assets/img/headshots/harrison_kim.png b/assets/img/headshots/harrison_kim.png deleted file mode 100644 index f5466c48..00000000 Binary files a/assets/img/headshots/harrison_kim.png and /dev/null differ diff --git a/assets/img/headshots/henk_mutsaerts.jpg b/assets/img/headshots/henk_mutsaerts.jpg deleted file mode 100644 index d51c0bad..00000000 Binary files a/assets/img/headshots/henk_mutsaerts.jpg and /dev/null differ diff --git a/assets/img/headshots/ina_kompan.jpg b/assets/img/headshots/ina_kompan.jpg deleted file mode 100644 index 58fc171e..00000000 Binary files a/assets/img/headshots/ina_kompan.jpg and /dev/null differ diff --git a/assets/img/headshots/jan_petr.jpg b/assets/img/headshots/jan_petr.jpg deleted file mode 100644 index dca8d4dd..00000000 Binary files a/assets/img/headshots/jan_petr.jpg and /dev/null differ diff --git a/assets/img/headshots/jim_holmes.png b/assets/img/headshots/jim_holmes.png deleted file mode 100644 index 0a89156c..00000000 Binary files a/assets/img/headshots/jim_holmes.png and /dev/null differ diff --git a/assets/img/headshots/kathleen_schmainda.jpg b/assets/img/headshots/kathleen_schmainda.jpg deleted file mode 100644 index a82d9c60..00000000 Binary files a/assets/img/headshots/kathleen_schmainda.jpg and /dev/null differ diff --git a/assets/img/headshots/laura_bell.jpeg b/assets/img/headshots/laura_bell.jpeg deleted file mode 100644 index c3351688..00000000 Binary files a/assets/img/headshots/laura_bell.jpeg and /dev/null differ diff --git a/assets/img/headshots/li_zhao.jfif b/assets/img/headshots/li_zhao.jfif deleted file mode 100644 index f53f2b57..00000000 Binary files a/assets/img/headshots/li_zhao.jfif and /dev/null differ diff --git a/assets/img/headshots/maria_mora.png b/assets/img/headshots/maria_mora.png deleted file mode 100644 index b17b1265..00000000 Binary files a/assets/img/headshots/maria_mora.png and /dev/null differ diff --git a/assets/img/headshots/matthias_schabel.jpg b/assets/img/headshots/matthias_schabel.jpg deleted file mode 100644 index e2a5f82f..00000000 Binary files a/assets/img/headshots/matthias_schabel.jpg and /dev/null differ diff --git a/assets/img/headshots/melissa_prah.jpg b/assets/img/headshots/melissa_prah.jpg deleted file mode 100644 index 967d55e3..00000000 Binary files a/assets/img/headshots/melissa_prah.jpg and /dev/null differ diff --git a/assets/img/headshots/michael_thrippleton.jpg b/assets/img/headshots/michael_thrippleton.jpg deleted file mode 100644 index 8be58620..00000000 Binary files a/assets/img/headshots/michael_thrippleton.jpg and /dev/null differ diff --git a/assets/img/headshots/mu-lan_jen.png b/assets/img/headshots/mu-lan_jen.png deleted file mode 100644 index c1407c69..00000000 Binary files a/assets/img/headshots/mu-lan_jen.png and /dev/null differ diff --git a/assets/img/headshots/paula_croal.png b/assets/img/headshots/paula_croal.png deleted file mode 100644 index 83359eed..00000000 Binary files a/assets/img/headshots/paula_croal.png and /dev/null differ diff --git a/assets/img/headshots/petra_van_houdt.jpg b/assets/img/headshots/petra_van_houdt.jpg deleted file mode 100644 index 23c08dc3..00000000 Binary files a/assets/img/headshots/petra_van_houdt.jpg and /dev/null differ diff --git a/assets/img/headshots/simon_levy.jpg b/assets/img/headshots/simon_levy.jpg deleted file mode 100644 index 3e4bd2e4..00000000 Binary files a/assets/img/headshots/simon_levy.jpg and /dev/null differ diff --git a/assets/img/headshots/steven_sourbron.jpg b/assets/img/headshots/steven_sourbron.jpg deleted file mode 100644 index bb736229..00000000 Binary files a/assets/img/headshots/steven_sourbron.jpg and /dev/null differ diff --git a/assets/img/headshots/sudipto_dolui.jpeg b/assets/img/headshots/sudipto_dolui.jpeg deleted file mode 100644 index 70b32a83..00000000 Binary files a/assets/img/headshots/sudipto_dolui.jpeg and /dev/null differ diff --git a/assets/img/headshots/udunna_anazodo.jpg b/assets/img/headshots/udunna_anazodo.jpg deleted file mode 100644 index 2cfc388a..00000000 Binary files a/assets/img/headshots/udunna_anazodo.jpg and /dev/null differ diff --git a/assets/img/headshots/yuriko_suzuki.jpg b/assets/img/headshots/yuriko_suzuki.jpg deleted file mode 100644 index ee61a754..00000000 Binary files a/assets/img/headshots/yuriko_suzuki.jpg and /dev/null differ diff --git a/assets/img/logo.png b/assets/img/logo.png deleted file mode 100644 index eed2996f..00000000 Binary files a/assets/img/logo.png and /dev/null differ diff --git a/assets/img/msapplication_tileimage.png b/assets/img/msapplication_tileimage.png deleted file mode 100644 index 09aa93aa..00000000 Binary files a/assets/img/msapplication_tileimage.png and /dev/null differ diff --git a/assets/img/touch-icon-192x192.png b/assets/img/touch-icon-192x192.png deleted file mode 100644 index 6923ffe1..00000000 Binary files a/assets/img/touch-icon-192x192.png and /dev/null differ diff --git a/assets/js/javascript.js b/assets/js/javascript.js deleted file mode 100755 index 9146e353..00000000 --- a/assets/js/javascript.js +++ /dev/null @@ -1,3349 +0,0 @@ -/*! - * jQuery JavaScript Library v2.1.1 - * http://jquery.com/ - * - * Includes Sizzle.js - * http://sizzlejs.com/ - * - * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors - * Released under the MIT license - * http://jquery.org/license - * - * Date: 2014-05-01T17:11Z - */ -!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){function c(a){var b=a.length,c=_.type(a);return"function"===c||_.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}function d(a,b,c){if(_.isFunction(b))return _.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return _.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(hb.test(b))return _.filter(b,a,c);b=_.filter(b,a)}return _.grep(a,function(a){return U.call(b,a)>=0!==c})}function e(a,b){for(;(a=a[b])&&1!==a.nodeType;);return a}function f(a){var b=ob[a]={};return _.each(a.match(nb)||[],function(a,c){b[c]=!0}),b}function g(){Z.removeEventListener("DOMContentLoaded",g,!1),a.removeEventListener("load",g,!1),_.ready()}function h(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=_.expando+Math.random()}function i(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(ub,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:tb.test(c)?_.parseJSON(c):c}catch(e){}sb.set(a,b,c)}else c=void 0;return c}function j(){return!0}function k(){return!1}function l(){try{return Z.activeElement}catch(a){}}function m(a,b){return _.nodeName(a,"table")&&_.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function n(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function o(a){var b=Kb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function p(a,b){for(var c=0,d=a.length;d>c;c++)rb.set(a[c],"globalEval",!b||rb.get(b[c],"globalEval"))}function q(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(rb.hasData(a)&&(f=rb.access(a),g=rb.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)_.event.add(b,e,j[e][c])}sb.hasData(a)&&(h=sb.access(a),i=_.extend({},h),sb.set(b,i))}}function r(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&_.nodeName(a,b)?_.merge([a],c):c}function s(a,b){var c=b.nodeName.toLowerCase();"input"===c&&yb.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}function t(b,c){var d,e=_(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:_.css(e[0],"display");return e.detach(),f}function u(a){var b=Z,c=Ob[a];return c||(c=t(a,b),"none"!==c&&c||(Nb=(Nb||_("'; - if (typeof($f) == 'function') { // froogaloop available - var player = $f(container.childNodes[0]); - - player.addEvent('ready', function() { - - player.playVideo = function() { - player.api( 'play' ); - } - player.stopVideo = function() { - player.api( 'unload' ); - } - player.pauseVideo = function() { - player.api( 'pause' ); - } - player.seekTo = function( seconds ) { - player.api( 'seekTo', seconds ); - } - player.setVolume = function( volume ) { - player.api( 'setVolume', volume ); - } - player.setMuted = function( muted ) { - if( muted ) { - player.lastVolume = player.api( 'getVolume' ); - player.api( 'setVolume', 0 ); - } else { - player.api( 'setVolume', player.lastVolume ); - delete player.lastVolume; - } - } - - function createEvent(player, pluginMediaElement, eventName, e) { - var event = { - type: eventName, - target: pluginMediaElement - }; - if (eventName == 'timeupdate') { - pluginMediaElement.currentTime = event.currentTime = e.seconds; - pluginMediaElement.duration = event.duration = e.duration; - } - pluginMediaElement.dispatchEvent(event); - } - - player.addEvent('play', function() { - createEvent(player, pluginMediaElement, 'play'); - createEvent(player, pluginMediaElement, 'playing'); - }); - - player.addEvent('pause', function() { - createEvent(player, pluginMediaElement, 'pause'); - }); - - player.addEvent('finish', function() { - createEvent(player, pluginMediaElement, 'ended'); - }); - - player.addEvent('playProgress', function(e) { - createEvent(player, pluginMediaElement, 'timeupdate', e); - }); - - pluginMediaElement.pluginElement = container; - pluginMediaElement.pluginApi = player; - - // init mejs - mejs.MediaPluginBridge.initPlugin(pluginid); - }); - } - else { - console.warn("You need to include froogaloop for vimeo to work"); - } - break; - } - // hide original element - htmlMediaElement.style.display = 'none'; - // prevent browser from autoplaying when using a plugin - htmlMediaElement.removeAttribute('autoplay'); - - // FYI: options.success will be fired by the MediaPluginBridge - - return pluginMediaElement; - }, - - updateNative: function(playback, options, autoplay, preload) { - - var htmlMediaElement = playback.htmlMediaElement, - m; - - - // add methods to video object to bring it into parity with Flash Object - for (m in mejs.HtmlMediaElement) { - htmlMediaElement[m] = mejs.HtmlMediaElement[m]; - } - - /* - Chrome now supports preload="none" - if (mejs.MediaFeatures.isChrome) { - - // special case to enforce preload attribute (Chrome doesn't respect this) - if (preload === 'none' && !autoplay) { - - // forces the browser to stop loading (note: fails in IE9) - htmlMediaElement.src = ''; - htmlMediaElement.load(); - htmlMediaElement.canceledPreload = true; - - htmlMediaElement.addEventListener('play',function() { - if (htmlMediaElement.canceledPreload) { - htmlMediaElement.src = playback.url; - htmlMediaElement.load(); - htmlMediaElement.play(); - htmlMediaElement.canceledPreload = false; - } - }, false); - // for some reason Chrome forgets how to autoplay sometimes. - } else if (autoplay) { - htmlMediaElement.load(); - htmlMediaElement.play(); - } - } - */ - - // fire success code - options.success(htmlMediaElement, htmlMediaElement); - - return htmlMediaElement; - } -}; - -/* - - test on IE (object vs. embed) - - determine when to use iframe (Firefox, Safari, Mobile) vs. Flash (Chrome, IE) - - fullscreen? -*/ - -// YouTube Flash and Iframe API -mejs.YouTubeApi = { - isIframeStarted: false, - isIframeLoaded: false, - loadIframeApi: function() { - if (!this.isIframeStarted) { - var tag = document.createElement('script'); - tag.src = "//www.youtube.com/player_api"; - var firstScriptTag = document.getElementsByTagName('script')[0]; - firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); - this.isIframeStarted = true; - } - }, - iframeQueue: [], - enqueueIframe: function(yt) { - - if (this.isLoaded) { - this.createIframe(yt); - } else { - this.loadIframeApi(); - this.iframeQueue.push(yt); - } - }, - createIframe: function(settings) { - - var - pluginMediaElement = settings.pluginMediaElement, - player = new YT.Player(settings.containerId, { - height: settings.height, - width: settings.width, - videoId: settings.videoId, - playerVars: {controls:0}, - events: { - 'onReady': function() { - - // hook up iframe object to MEjs - settings.pluginMediaElement.pluginApi = player; - - // init mejs - mejs.MediaPluginBridge.initPlugin(settings.pluginId); - - // create timer - setInterval(function() { - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'timeupdate'); - }, 250); - }, - 'onStateChange': function(e) { - - mejs.YouTubeApi.handleStateChange(e.data, player, pluginMediaElement); - - } - } - }); - }, - - createEvent: function (player, pluginMediaElement, eventName) { - var event = { - type: eventName, - target: pluginMediaElement - }; - - if (player && player.getDuration) { - - // time - pluginMediaElement.currentTime = event.currentTime = player.getCurrentTime(); - pluginMediaElement.duration = event.duration = player.getDuration(); - - // state - event.paused = pluginMediaElement.paused; - event.ended = pluginMediaElement.ended; - - // sound - event.muted = player.isMuted(); - event.volume = player.getVolume() / 100; - - // progress - event.bytesTotal = player.getVideoBytesTotal(); - event.bufferedBytes = player.getVideoBytesLoaded(); - - // fake the W3C buffered TimeRange - var bufferedTime = event.bufferedBytes / event.bytesTotal * event.duration; - - event.target.buffered = event.buffered = { - start: function(index) { - return 0; - }, - end: function (index) { - return bufferedTime; - }, - length: 1 - }; - - } - - // send event up the chain - pluginMediaElement.dispatchEvent(event); - }, - - iFrameReady: function() { - - this.isLoaded = true; - this.isIframeLoaded = true; - - while (this.iframeQueue.length > 0) { - var settings = this.iframeQueue.pop(); - this.createIframe(settings); - } - }, - - // FLASH! - flashPlayers: {}, - createFlash: function(settings) { - - this.flashPlayers[settings.pluginId] = settings; - - /* - settings.container.innerHTML = - '' + - '' + - '' + - ''; - */ - - var specialIEContainer, - youtubeUrl = '//www.youtube.com/apiplayer?enablejsapi=1&playerapiid=' + settings.pluginId + '&version=3&autoplay=0&controls=0&modestbranding=1&loop=0'; - - if (mejs.MediaFeatures.isIE) { - - specialIEContainer = document.createElement('div'); - settings.container.appendChild(specialIEContainer); - specialIEContainer.outerHTML = '' + - '' + - '' + - '' + - '' + -''; - } else { - settings.container.innerHTML = - '' + - '' + - '' + - ''; - } - - }, - - flashReady: function(id) { - var - settings = this.flashPlayers[id], - player = document.getElementById(id), - pluginMediaElement = settings.pluginMediaElement; - - // hook up and return to MediaELementPlayer.success - pluginMediaElement.pluginApi = - pluginMediaElement.pluginElement = player; - mejs.MediaPluginBridge.initPlugin(id); - - // load the youtube video - player.cueVideoById(settings.videoId); - - var callbackName = settings.containerId + '_callback'; - - window[callbackName] = function(e) { - mejs.YouTubeApi.handleStateChange(e, player, pluginMediaElement); - } - - player.addEventListener('onStateChange', callbackName); - - setInterval(function() { - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'timeupdate'); - }, 250); - - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'canplay'); - }, - - handleStateChange: function(youTubeState, player, pluginMediaElement) { - switch (youTubeState) { - case -1: // not started - pluginMediaElement.paused = true; - pluginMediaElement.ended = true; - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'loadedmetadata'); - //createYouTubeEvent(player, pluginMediaElement, 'loadeddata'); - break; - case 0: - pluginMediaElement.paused = false; - pluginMediaElement.ended = true; - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'ended'); - break; - case 1: - pluginMediaElement.paused = false; - pluginMediaElement.ended = false; - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'play'); - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'playing'); - break; - case 2: - pluginMediaElement.paused = true; - pluginMediaElement.ended = false; - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'pause'); - break; - case 3: // buffering - mejs.YouTubeApi.createEvent(player, pluginMediaElement, 'progress'); - break; - case 5: - // cued? - break; - - } - - } -} -// IFRAME -window.onYouTubePlayerAPIReady = function() { - mejs.YouTubeApi.iFrameReady(); -}; -// FLASH -window.onYouTubePlayerReady = function(id) { - mejs.YouTubeApi.flashReady(id); -}; - -window.mejs = mejs; -window.MediaElement = mejs.MediaElement; - -/* - * Adds Internationalization and localization to mediaelement. - * - * This file does not contain translations, you have to add them manually. - * The schema is always the same: me-i18n-locale-[IETF-language-tag].js - * - * Examples are provided both for german and chinese translation. - * - * - * What is the concept beyond i18n? - * http://en.wikipedia.org/wiki/Internationalization_and_localization - * - * What langcode should i use? - * http://en.wikipedia.org/wiki/IETF_language_tag - * https://tools.ietf.org/html/rfc5646 - * - * - * License? - * - * The i18n file uses methods from the Drupal project (drupal.js): - * - i18n.methods.t() (modified) - * - i18n.methods.checkPlain() (full copy) - * - * The Drupal project is (like mediaelementjs) licensed under GPLv2. - * - http://drupal.org/licensing/faq/#q1 - * - https://github.com/johndyer/mediaelement - * - http://www.gnu.org/licenses/old-licenses/gpl-2.0.html - * - * - * @author - * Tim Latz (latz.tim@gmail.com) - * - * - * @params - * - context - document, iframe .. - * - exports - CommonJS, window .. - * - */ -;(function(context, exports, undefined) { - "use strict"; - - var i18n = { - "locale": { - // Ensure previous values aren't overwritten. - "language" : (exports.i18n && exports.i18n.locale.language) || '', - "strings" : (exports.i18n && exports.i18n.locale.strings) || {} - }, - "ietf_lang_regex" : /^(x\-)?[a-z]{2,}(\-\w{2,})?(\-\w{2,})?$/, - "methods" : {} - }; -// start i18n - - - /** - * Get language, fallback to browser's language if empty - * - * IETF: RFC 5646, https://tools.ietf.org/html/rfc5646 - * Examples: en, zh-CN, cmn-Hans-CN, sr-Latn-RS, es-419, x-private - */ - i18n.getLanguage = function () { - var language = i18n.locale.language || window.navigator.userLanguage || window.navigator.language; - return i18n.ietf_lang_regex.exec(language) ? language : null; - - //(WAS: convert to iso 639-1 (2-letters, lower case)) - //return language.substr(0, 2).toLowerCase(); - }; - - // i18n fixes for compatibility with WordPress - if ( typeof mejsL10n != 'undefined' ) { - i18n.locale.language = mejsL10n.language; - } - - - - /** - * Encode special characters in a plain-text string for display as HTML. - */ - i18n.methods.checkPlain = function (str) { - var character, regex, - replace = { - '&': '&', - '"': '"', - '<': '<', - '>': '>' - }; - str = String(str); - for (character in replace) { - if (replace.hasOwnProperty(character)) { - regex = new RegExp(character, 'g'); - str = str.replace(regex, replace[character]); - } - } - return str; - }; - - /** - * Translate strings to the page language or a given language. - * - * - * @param str - * A string containing the English string to translate. - * - * @param options - * - 'context' (defaults to the default context): The context the source string - * belongs to. - * - * @return - * The translated string, escaped via i18n.methods.checkPlain() - */ - i18n.methods.t = function (str, options) { - - // Fetch the localized version of the string. - if (i18n.locale.strings && i18n.locale.strings[options.context] && i18n.locale.strings[options.context][str]) { - str = i18n.locale.strings[options.context][str]; - } - - return i18n.methods.checkPlain(str); - }; - - - /** - * Wrapper for i18n.methods.t() - * - * @see i18n.methods.t() - * @throws InvalidArgumentException - */ - i18n.t = function(str, options) { - - if (typeof str === 'string' && str.length > 0) { - - // check every time due language can change for - // different reasons (translation, lang switcher ..) - var language = i18n.getLanguage(); - - options = options || { - "context" : language - }; - - return i18n.methods.t(str, options); - } - else { - throw { - "name" : 'InvalidArgumentException', - "message" : 'First argument is either not a string or empty.' - }; - } - }; - -// end i18n - exports.i18n = i18n; -}(document, mejs)); - -// i18n fixes for compatibility with WordPress -;(function(exports, undefined) { - - "use strict"; - - if ( typeof mejsL10n != 'undefined' ) { - exports[mejsL10n.language] = mejsL10n.strings; - } - -}(mejs.i18n.locale.strings)); - -/*! - * - * MediaElementPlayer - * http://mediaelementjs.com/ - * - * Creates a controller bar for HTML5