diff options
| author | George Cushen <gcushen@users.noreply.github.com> | 2020-09-03 23:09:28 +0300 |
|---|---|---|
| committer | George Cushen <gcushen@users.noreply.github.com> | 2020-09-03 23:09:28 +0300 |
| commit | 328c4b03db4fb7f015120a440b7e848a671f3699 (patch) | |
| tree | dcf40e0cd4b7cbb3269ed811d59928e73e6f9813 | |
| parent | a5727576d93abd80c95b9814d22e30fbeab24e7f (diff) | |
chore: add exampleSite
And associated files for Hugo Themes Site
113 files changed, 12525 insertions, 1 deletions
@@ -2,5 +2,5 @@ .idea/ # Hugo -resources/ +/resources/ public/ diff --git a/exampleSite/assets/images/icon-pack/.gitkeep b/exampleSite/assets/images/icon-pack/.gitkeep new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/exampleSite/assets/images/icon-pack/.gitkeep diff --git a/exampleSite/config/_default/config.toml b/exampleSite/config/_default/config.toml new file mode 100644 index 00000000..5d5089e4 --- /dev/null +++ b/exampleSite/config/_default/config.toml @@ -0,0 +1,110 @@ +# Configuration of Hugo +# Guide: https://sourcethemes.com/academic/docs/get-started/ +# Hugo Documentation: https://gohugo.io/getting-started/configuration/#all-configuration-settings +# +# This file is formatted using TOML syntax - learn more at https://learnxinyminutes.com/docs/toml/ +# Each configuration section is defined by a name in square brackets (e.g. `[outputs]`). + +# Title of your site +title = "Academic" + +# The URL of your site. +# End your URL with a `/` trailing slash, e.g. `https://example.com/`. +baseurl = "/" + +# Enter a copyright notice to display in the site footer. +# To display a copyright symbol, type `©`. For current year, type `{year}`. +copyright = "" + +############################ +## Advanced options below ## +############################ + +# Get last modified date for content from Git? +enableGitInfo = false + +# Default language to use (if you setup multilingual support) +defaultContentLanguage = "en" +hasCJKLanguage = false # Set `true` for Chinese/Japanese/Korean languages. +defaultContentLanguageInSubdir = false +removePathAccents = true # Workaround for https://github.com/gohugoio/hugo/issues/5687 + +summaryLength = 30 # Listing summary length in words. Also, see `abstract_length` in `params.toml`. +paginate = 10 # Number of items per page in paginated lists. +enableEmoji = true +enableRobotsTXT = true +footnotereturnlinkcontents = "<sup>^</sup>" +ignoreFiles = ["\\.ipynb$", ".ipynb_checkpoints$", "\\.Rmd$", "\\.Rmarkdown$", "_files$", "_cache$"] + +# Workaround Hugo publishing taxonomy URLs as plurals - consistently use singular across Academic. +[permalinks] + authors = "/author/:slug/" + tags = "/tag/:slug/" + categories = "/category/:slug/" + publication_types = "/publication-type/:slug/" + +[outputs] + home = [ "HTML", "RSS", "JSON", "WebAppManifest" ] + section = [ "HTML", "RSS" ] + +[mediaTypes."application/manifest+json"] + suffixes = ["webmanifest"] + +[outputFormats.WebAppManifest] + mediaType = "application/manifest+json" + rel = "manifest" + +# Configure the Markdown renderer. +[markup] + defaultMarkdownHandler = "goldmark" + [markup.goldmark] + [markup.goldmark.renderer] + unsafe = true # Enable user to embed HTML snippets in Markdown content. + [markup.highlight] + codeFences = false # Disable Hugo's code highlighter as it conflicts with Academic's highligher. + [markup.tableOfContents] + startLevel = 2 + endLevel = 3 + +[imaging] + resampleFilter = "lanczos" + quality = 90 + anchor = "smart" # Anchor for cropping. Options include Smart and Center. + +# Taxonomies. +[taxonomies] + tag = "tags" + category = "categories" + publication_type = "publication_types" + author = "authors" + +# Related content. +[related] + threshold = 80.0 + includeNewer = true + toLower = true + + [[related.indices]] + name = "title" + weight = 60.0 + + [[related.indices]] + name = "summary" + weight = 50.0 + + [[related.indices]] + name = "tags" + weight = 80.0 + + [[related.indices]] + name = "categories" + weight = 70.0 + + [[related.indices]] + name = "authors" + weight = 20.0 + +# Install Wowchemy +[module] + [[module.imports]] + path = "github.com/wowchemy/wowchemy-hugo-modules/wowchemy" diff --git a/exampleSite/config/_default/languages.toml b/exampleSite/config/_default/languages.toml new file mode 100644 index 00000000..f7c6da68 --- /dev/null +++ b/exampleSite/config/_default/languages.toml @@ -0,0 +1,20 @@ +# Languages +# Create a `[X]` block for each language you want, where X is the language ID. +# Refer to https://sourcethemes.com/academic/docs/language/ + +# Configure the English version of the site. +[en] + languageCode = "en-us" + # contentDir = "content/en" # Uncomment for multi-lingual sites, and move English content into `en` sub-folder. + +# Uncomment the lines below to configure your website in a second language. +#[zh] +# languageCode = "zh-Hans" +# contentDir = "content/zh" +# title = "Chinese website title..." +# [zh.params] +# description = "Site description in Chinese..." +# [[zh.menu.main]] +# name = "Wo" +# url = "#about" +# weight = 1 diff --git a/exampleSite/config/_default/menus.toml b/exampleSite/config/_default/menus.toml new file mode 100644 index 00000000..45c2b8fc --- /dev/null +++ b/exampleSite/config/_default/menus.toml @@ -0,0 +1,41 @@ +# Navigation Links +# To link a homepage widget, specify the URL as a hash `#` followed by the filename of the +# desired widget in your `content/home/` folder. +# The weight parameter defines the order that the links will appear in. + +[[main]] + name = "Demo" + url = "#hero" + weight = 10 + +[[main]] + name = "Posts" + url = "#posts" + weight = 20 + +[[main]] + name = "Projects" + url = "#projects" + weight = 30 + +[[main]] + name = "Publications" + url = "#featured" + weight = 40 + +[[main]] + name = "Courses" + url = "courses/" + weight = 50 + +[[main]] + name = "Contact" + url = "#contact" + weight = 60 + +# Link to a PDF of your resume/CV from the menu. +# To enable, copy your resume/CV to `static/files/cv.pdf` and uncomment the lines below. +# [[main]] +# name = "CV" +# url = "files/cv.pdf" +# weight = 70 diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml new file mode 100644 index 00000000..70b67745 --- /dev/null +++ b/exampleSite/config/_default/params.toml @@ -0,0 +1,290 @@ +# SITE SETUP +# Guide: https://sourcethemes.com/academic/docs/get-started/ +# Documentation: https://sourcethemes.com/academic/docs/ +# +# This file is formatted using TOML syntax - learn more at https://learnxinyminutes.com/docs/toml/ +# Each configuration section is defined by a name in square brackets (e.g. `[search]`). + +############################ +## Theme +############################ + +# Choose a theme. +# Latest themes (may require updating): https://sourcethemes.com/academic/themes/ +# Browse built-in themes in `themes/academic/data/themes/` +# Browse user installed themes in `data/themes/` +theme = "minimal" + +# Enable users to switch between day and night mode? +day_night = true + +# Override the theme's font set (optional). +# Latest font sets (may require updating): https://sourcethemes.com/academic/themes/ +# Browse built-in font sets in `themes/academic/data/fonts/` +# Browse user installed font sets in `data/fonts/` +font = "" + +# Choose a font size. +# Sizes: XS (extra small), S (small), M (medium), L (large - DEFAULT), XL (extra large) +font_size = "L" + +############################ +## Basic Info +############################ + +# Website type +# Improve how search engines understand your site. +# For personal sites, choose "Person". +# For organizations and projects, choose from https://schema.org/Organization#subtypes +# E.g. Person, Organization, LocalBusiness, Project, EducationalOrganization +site_type = "Person" + +# Local business type (optional) +# If you entered "LocalBusiness" above, choose the type of business from https://schema.org/LocalBusiness#subtypes +local_business_type = "" + +# Organization name (optional) +# Enter an organization or project name. Defaults to the site title from `config.toml`. +org_name = "" + +# Description for social sharing and search engines. If undefined, superuser role is used in place. +description = "" + +############################ +## Site Features +############################ + +# Enable source code highlighting? true/false +# Documentation: https://sourcethemes.com/academic/docs/writing-markdown-latex/#highlighting-options +highlight = true +highlight_languages = ["r", "latex"] # Add support for highlighting additional languages +# highlight_style = "github" # For supported styles, see https://cdnjs.com/libraries/highlight.js/ + +# Enable LaTeX math rendering? true/false +# If false, you can enable math on a per page basis as needed. +math = false + +# Enable diagram rendering? true/false +# If false, you can enable diagrams on a per page basis as needed. +diagram = false + +# Privacy pack +# Show a cookie consent message to visitors +# Anonymize IP in Google Analytics (if enabled) +privacy_pack = false + +# Enable visitors to edit pages? +# `repo` defines the repository URL. `editable` defines which page types can be edited. +edit_page = {repo_url = "https://github.com/gcushen/hugo-academic", content_dir = "", repo_branch = "master", editable = {docs = true, page = false, post = false}} + +# Show related content at the bottom of pages? +show_related = {docs = true, page = false, post = true, project = true, publication = true, talk = true} + +############################ +## Contact details +## +## These details power the Contact widget (if enabled). +## Additionally, for organizations, these details may be used to enrich search engine results. +############################ + +# Enter contact details (optional). To hide a field, clear it to "". +email = "test@example.org" +phone = "888 888 88 88" + +# Address +# For country_code, use the 2-letter ISO code (see https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2 ) +address = {street = "450 Serra Mall", city = "Stanford", region = "CA", postcode = "94305", country = "United States", country_code = "US"} + +# Geographic coordinates +# To get your coordinates, right-click on Google Maps and choose "What's here?". The coords will show up at the bottom. +coordinates = {latitude = "37.4275", longitude = "-122.1697"} + +# Directions for visitors to locate you. +directions = "Enter Building 1 and take the stairs to Office 200 on Floor 2" + +# Office hours +# A list of your office hours. To remove, set to an empty list `[]`. +office_hours = ["Monday 10:00 to 13:00", "Wednesday 09:00 to 10:00"] + +# Enter an optional link for booking appointments (e.g. calendly.com). +appointment_url = "https://calendly.com" + +# Contact links +# Set to `[]` to disable, or comment out unwanted lines with a hash `#`. +contact_links = [ + {icon = "twitter", icon_pack = "fab", name = "DM Me", link = "https://twitter.com/Twitter"}, + {icon = "skype", icon_pack = "fab", name = "Skype Me", link = "skype:echo123?call"}, + {icon = "keybase", icon_pack = "fab", name = "Chat on Keybase", link = "https://keybase.io/"}, + {icon = "comments", icon_pack = "fas", name = "Discuss on Forum", link = "https://discourse.gohugo.io"}, + # {icon = "telegram", icon_pack = "fab", name = "Telegram Me", link = "https://telegram.me/@Telegram"}, + ] + +############################ +## Social +############################ + +# Default image for social sharing and search engines. Place image in `static/media/` folder and specify image name here. +sharing_image = "" + +# Twitter username (without @). Used when a visitor shares your site on Twitter. +twitter = "" + +############################ +## Regional Settings +############################ + +# Date and time format (refer to https://sourcethemes.com/academic/docs/customization/#date-format ) +# Examples: "Mon, Jan 2, 2006" or "2006-01-02" +date_format = "Jan 2, 2006" +# Examples: "3:04 pm" or "15:04" +time_format = "3:04 PM" + +# Address format (en-us, en-gb, de, fr-fr, zh). +address_format = "en-us" + +############################ +## Advanced +############################ + +# Main menu alignment (l = left, c = center, r = right) and logo options. +main_menu = {enable = true, align = "l", show_logo = true, highlight_active_link = true, show_language = false} + +# Show estimated reading time for posts? (true/false) +reading_time = true + +# Display next/previous section pager? (true/false) +section_pager = false +docs_section_pager = true # Display pager in Docs layout (e.g. tutorials)? + +# Enable in-built social sharing buttons? (true/false) +sharing = true + +# Show a copyright license from creativecommons.org in the site footer? +# Page specific copyright licenses are also possible by adding this option to a page's front matter. +copyright_license = {enable = false, allow_derivatives = false, share_alike = true, allow_commercial = false, notice = "This work is licensed under {license}"} + +# Highlight the site author (superuser) in author lists? (true/false) +highlight_superuser = false + +# Link authors to their profile page? (true/false) +link_authors = true + +# Abstract length (characters) in the Compact and Portfolio Card list views. Also, see `summaryLength` in `config.toml`. +abstract_length = 135 + +# Load JS plugins +# E.g. To load `/assets/js/custom.js`, set `plugins_js = ["custom"]`. +plugins_js = [] + +# Avatars. +# An avatar is an image that appears next to a user's name. +# An avatar can be uploaded as an image named `avatar` to each user's profile or fetched from Gravatar.com. +[avatar] + # Get user avatars from Gravatar.com? (true/false) + gravatar = false + + # Choose a shape for avatar images. Options: circle, square. + shape = "circle" + +# Configuration of publication pages. +[publications] + # Date format (refer to https://sourcethemes.com/academic/docs/customization/#date-format ) + # Examples: "Mon, Jan 2, 2006" or "2006-01-02" + date_format = "January 2006" + + # Citation style ("apa" or "mla") + citation_style = "apa" + +# Configuration of project pages. +[projects] + # Views for associated content. + # 1: List + # 2: Compact + # 3: Card + # 4: Citation (publications only) + post_view = 2 + publication_view = 2 + talk_view = 2 + +############################ +## Comments +############################ +[comments] + # Comment provider: + # 0: Disabled + # 1: Disqus (https://disqus.com) + # 2: Commento (https://commento.io) + engine = 0 + + # Which page types are commentable? + commentable = {page = true, post = true, docs = true, project = true, publication = true, talk = true} + + # Configuration of Disqus. + [comments.disqus] + shortname = "" # Paste the shortname from your Disqus dashboard. + show_count = true # Show comment count in page header? (true/false) + + # Configuration of Commento. + [comments.commento] + # If self-hosting Commento, enter its URL here (e.g. "https://commento.?.com"), otherwise leave empty. + url = "" + +############################ +## Search +############################ +[search] + # Search provider: + # 0: No search engine + # 1: Academic (built-in) + # 2: Algolia (https://www.algolia.com) + engine = 1 + + # Configuration of Algolia search engine. + # Paste the values from your Algolia dashboard. + [search.algolia] + app_id = "" + api_key = "" + index_name = "" + show_logo = false + +############################ +## Maps +############################ +[map] + # To show your address on a map in the Contact widget, enter your latitude and longitude (above) + # and choose a map provider below. + # + # To use Google Maps, set `engine` to 1 and enter your API key that can be obtained here: + # https://developers.google.com/maps/documentation/javascript/get-api-key + # To use OpenStreetMap tiles, set `engine` to 2. + # To use OpenStreetMap on a high traffic site, set `engine` to 3 and enter your API key that can be obtained here: + # https://www.mapbox.com/studio/account/tokens + # + # Map provider: + # 0: No map + # 1: Google Maps + # 2: OpenStreetMap (Mapnik) + # 3: OpenStreetMap (Mapbox) + engine = 2 + api_key = "" + zoom = 15 + +############################ +## Marketing +############################ +[marketing] + google_analytics = "" + google_tag_manager = "" + +############################ +## Content Management System +############################ +[cms] + # See https://sourcethemes.com/academic/docs/install/#install-with-web-browser + netlify_cms = true + +############################ +## Icon Pack Extensions +############################ +[icon.pack] + ai = false # Academicons icon pack https://jpswalsh.github.io/academicons/ diff --git a/exampleSite/content/authors/admin/_index.md b/exampleSite/content/authors/admin/_index.md new file mode 100644 index 00000000..5cce962e --- /dev/null +++ b/exampleSite/content/authors/admin/_index.md @@ -0,0 +1,79 @@ +--- +# Display name +title: Nelson Bighetti + +# Is this the primary user of the site? +superuser: true + +# Role/position/tagline +role: Professor of Artificial Intelligence + +# Organizations/Affiliations to show in About widget +organizations: +- name: Stanford University + url: https://www.stanford.edu/ + +# Short bio (displayed in user profile at end of posts) +bio: My research interests include distributed robotics, mobile computing and programmable matter. + +# Interests to show in About widget +interests: +- Artificial Intelligence +- Computational Linguistics +- Information Retrieval + +# Education to show in About widget +education: + courses: + - course: PhD in Artificial Intelligence + institution: Stanford University + year: 2012 + - course: MEng in Artificial Intelligence + institution: Massachusetts Institute of Technology + year: 2009 + - course: BSc in Artificial Intelligence + institution: Massachusetts Institute of Technology + year: 2008 + +# Social/Academic Networking +# For available icons, see: https://sourcethemes.com/academic/docs/page-builder/#icons +# For an email link, use "fas" icon pack, "envelope" icon, and a link in the +# form "mailto:your-email@example.com" or "/#contact" for contact widget. +social: +- icon: envelope + icon_pack: fas + link: '/#contact' +- icon: twitter + icon_pack: fab + link: https://twitter.com/GeorgeCushen +- icon: graduation-cap # OR `google-scholar` + icon_pack: fas # OR `ai` + link: https://scholar.google.co.uk/citations?user=sIwtMXoAAAAJ +- icon: github + icon_pack: fab + link: https://github.com/gcushen +- icon: linkedin + icon_pack: fab + link: https://www.linkedin.com/ + +# Link to a PDF of your resume/CV. +# To use: copy your resume to `static/media/resume.pdf`, enable `ai` icons in `params.toml`, +# and uncomment the lines below. +# - icon: cv +# icon_pack: ai +# link: media/resume.pdf + +# Email for Contact widget or Gravatar +email: "" + +# Organizational groups that you belong to (for People widget) +# Remove this if you are not using the People widget. +user_groups: +- Principal Investigators +--- + +Nelson Bighetti is a professor of artificial intelligence at the Stanford AI Lab. His research interests include distributed robotics, mobile computing and programmable matter. He leads the Robotic Neurobiology group, which develops self-reconfiguring robots, systems of self-organizing robots, and mobile sensor networks. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate. + +{{< icon name="download" pack="fas" >}} Download my {{< staticref "media/demo_resume.pdf" "newtab" >}}resumé{{< /staticref >}}. diff --git a/exampleSite/content/authors/admin/avatar.jpg b/exampleSite/content/authors/admin/avatar.jpg Binary files differnew file mode 100644 index 00000000..d1361fd8 --- /dev/null +++ b/exampleSite/content/authors/admin/avatar.jpg diff --git a/exampleSite/content/authors/吳恩達/_index.md b/exampleSite/content/authors/吳恩達/_index.md new file mode 100644 index 00000000..aff78130 --- /dev/null +++ b/exampleSite/content/authors/吳恩達/_index.md @@ -0,0 +1,75 @@ +--- +# Display name +title: 吳恩達 + +# Username (this should match the folder name) +authors: +- 吳恩達 + +# Is this the primary user of the site? +superuser: false + +# Role/position +role: Professor of Artificial Intelligence + +# Organizations/Affiliations +organizations: +- name: Stanford University + url: "" + +# Short bio (displayed in user profile at end of posts) +bio: My research interests include distributed robotics, mobile computing and programmable matter. + +interests: +- Artificial Intelligence +- Computational Linguistics +- Information Retrieval + +education: + courses: + - course: PhD in Artificial Intelligence + institution: Stanford University + year: 2012 + - course: MEng in Artificial Intelligence + institution: Massachusetts Institute of Technology + year: 2009 + - course: BSc in Artificial Intelligence + institution: Massachusetts Institute of Technology + year: 2008 + +# Social/Academic Networking +# For available icons, see: https://sourcethemes.com/academic/docs/page-builder/#icons +# For an email link, use "fas" icon pack, "envelope" icon, and a link in the +# form "mailto:your-email@example.com" or "#contact" for contact widget. +social: +- icon: envelope + icon_pack: fas + link: '#contact' # For a direct email link, use "mailto:test@example.org". +- icon: twitter + icon_pack: fab + link: https://twitter.com/GeorgeCushen +- icon: google-scholar + icon_pack: ai + link: https://scholar.google.co.uk/citations?user=sIwtMXoAAAAJ +- icon: github + icon_pack: fab + link: https://github.com/gcushen +# Link to a PDF of your resume/CV from the About widget. +# To enable, copy your resume/CV to `static/files/cv.pdf` and uncomment the lines below. +# - icon: cv +# icon_pack: ai +# link: files/cv.pdf + +# Enter email to display Gravatar (if Gravatar enabled in Config) +email: "" + +# Organizational groups that you belong to (for People widget) +# Set this to `[]` or comment out if you are not using People widget. +user_groups: +- Researchers +- Visitors +--- + +吳恩達 is a professor of artificial intelligence at the Stanford AI Lab. His research interests include distributed robotics, mobile computing and programmable matter. He leads the Robotic Neurobiology group, which develops self-reconfiguring robots, systems of self-organizing robots, and mobile sensor networks. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate. diff --git a/exampleSite/content/authors/吳恩達/avatar.jpg b/exampleSite/content/authors/吳恩達/avatar.jpg Binary files differnew file mode 100644 index 00000000..d1361fd8 --- /dev/null +++ b/exampleSite/content/authors/吳恩達/avatar.jpg diff --git a/exampleSite/content/courses/_index.md b/exampleSite/content/courses/_index.md new file mode 100644 index 00000000..1b23e8ed --- /dev/null +++ b/exampleSite/content/courses/_index.md @@ -0,0 +1,10 @@ +--- +title: Courses +layout: docs # Do not modify. + +# Optional header image (relative to `static/media/` folder). +header: + caption: "" + image: "" +--- + diff --git a/exampleSite/content/courses/example/_index.md b/exampleSite/content/courses/example/_index.md new file mode 100644 index 00000000..faa85886 --- /dev/null +++ b/exampleSite/content/courses/example/_index.md @@ -0,0 +1,62 @@ +--- +# Course title, summary, and position. +linktitle: An Example Course +summary: Learn how to use Academic's docs layout for publishing online courses, software documentation, and tutorials. +weight: 1 + +# Page metadata. +title: Overview +date: "2018-09-09T00:00:00Z" +lastmod: "2018-09-09T00:00:00Z" +draft: false # Is this a draft? true/false +toc: true # Show table of contents? true/false +type: docs # Do not modify. + +# Add menu entry to sidebar. +# - name: Declare this menu item as a parent with ID `name`. +# - weight: Position of link in menu. +menu: + example: + name: Overview + weight: 1 +--- + +## Flexibility + +This feature can be used for publishing content such as: + +* **Online courses** +* **Project or software documentation** +* **Tutorials** + +The `courses` folder may be renamed. For example, we can rename it to `docs` for software/project documentation or `tutorials` for creating an online course. + +## Delete tutorials + +**To remove these pages, delete the `courses` folder and see below to delete the associated menu link.** + +## Update site menu + +After renaming or deleting the `courses` folder, you may wish to update any `[[main]]` menu links to it by editing your menu configuration at `config/_default/menus.toml`. + +For example, if you delete this folder, you can remove the following from your menu configuration: + +```toml +[[main]] + name = "Courses" + url = "courses/" + weight = 50 +``` + +Or, if you are creating a software documentation site, you can rename the `courses` folder to `docs` and update the associated *Courses* menu configuration to: + +```toml +[[main]] + name = "Docs" + url = "docs/" + weight = 50 +``` + +## Update the docs menu + +If you use the *docs* layout, note that the name of the menu in the front matter should be in the form `[menu.X]` where `X` is the folder name. Hence, if you rename the `courses/example/` folder, you should also rename the menu definitions in the front matter of files within `courses/example/` from `[menu.example]` to `[menu.<NewFolderName>]`. diff --git a/exampleSite/content/courses/example/example1.md b/exampleSite/content/courses/example/example1.md new file mode 100644 index 00000000..6e403584 --- /dev/null +++ b/exampleSite/content/courses/example/example1.md @@ -0,0 +1,42 @@ +--- +title: Example Page 1 +linktitle: Tips 1-2 +toc: true +type: docs +date: "2019-05-05T00:00:00+01:00" +draft: false +menu: + example: + parent: Example Topic + weight: 1 + +# Prev/next pager order (if `docs_section_pager` enabled in `params.toml`) +weight: 1 +--- + +In this tutorial, I'll share my top 10 tips for getting started with Academic: + +## Tip 1 + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus. + +Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus. + +Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare. + +Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at. + + +## Tip 2 + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus. + +Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus. + +Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare. + +Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at. diff --git a/exampleSite/content/courses/example/example2.md b/exampleSite/content/courses/example/example2.md new file mode 100644 index 00000000..b7481d66 --- /dev/null +++ b/exampleSite/content/courses/example/example2.md @@ -0,0 +1,42 @@ +--- +title: Example Page 2 +linktitle: Tips 3-4 +toc: true +type: docs +date: "2019-05-05T00:00:00+01:00" +draft: false +menu: + example: + parent: Example Topic + weight: 2 + +# Prev/next pager order (if `docs_section_pager` enabled in `params.toml`) +weight: 2 +--- + +Here are some more tips for getting started with Academic: + +## Tip 3 + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus. + +Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus. + +Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare. + +Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at. + + +## Tip 4 + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus. + +Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus. + +Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare. + +Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at. diff --git a/exampleSite/content/home/about.md b/exampleSite/content/home/about.md new file mode 100644 index 00000000..7cdc8f5f --- /dev/null +++ b/exampleSite/content/home/about.md @@ -0,0 +1,21 @@ +--- +# An instance of the About widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: about + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 20 + +title: Biography + +# Choose the user profile to display +# This should be the username (folder name) of a profile in your `content/authors/` folder. +# See https://sourcethemes.com/academic/docs/get-started/#introduce-yourself +author: admin +--- diff --git a/exampleSite/content/home/accomplishments.md b/exampleSite/content/home/accomplishments.md new file mode 100644 index 00000000..a381e9b5 --- /dev/null +++ b/exampleSite/content/home/accomplishments.md @@ -0,0 +1,52 @@ +--- +# An instance of the Accomplishments widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: accomplishments + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 50 + +title: Accomplish­ments +subtitle: + +# Date format +# Refer to https://sourcethemes.com/academic/docs/customization/#date-format +date_format: Jan 2006 + +# Accomplishments. +# Add/remove as many `item` blocks below as you like. +# `title`, `organization` and `date_start` are the required parameters. +# Leave other parameters empty if not required. +# You can begin a multiline `description` using YAML's `|-`. +item: +- certificate_url: https://www.coursera.org + date_end: "" + date_start: "2018-10-01" + description: "" + organization: Coursera + organization_url: https://www.coursera.org + title: Neural Networks and Deep Learning + url: "" +- certificate_url: https://www.edx.org + date_end: "" + date_start: "2018-03-01" + description: Formulated informed blockchain models, hypotheses, and use cases. + organization: edX + organization_url: https://www.edx.org + title: Blockchain Fundamentals + url: https://www.edx.org/professional-certificate/uc-berkeleyx-blockchain-fundamentals +- certificate_url: https://www.datacamp.com + date_end: "2017-12-21" + date_start: "2017-07-01" + description: "" + organization: DataCamp + organization_url: https://www.datacamp.com + title: 'Object-Oriented Programming in R: S3 and R6 Course' + url: "" +--- diff --git a/exampleSite/content/home/contact.md b/exampleSite/content/home/contact.md new file mode 100644 index 00000000..9d65963e --- /dev/null +++ b/exampleSite/content/home/contact.md @@ -0,0 +1,30 @@ +--- +# An instance of the Contact widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: contact + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 130 + +title: Contact +subtitle: + +# Automatically link email and phone or display as text? +autolink: true + +# Email form provider +# 0: Disable email form +# 1: Netlify (requires that the site is hosted by Netlify) +# 2: formspree.io +email_form: 2 + +netlify: + # Enable CAPTCHA challenge to reduce spam? + captcha: false +--- diff --git a/exampleSite/content/home/demo.md b/exampleSite/content/home/demo.md new file mode 100644 index 00000000..a5524f0c --- /dev/null +++ b/exampleSite/content/home/demo.md @@ -0,0 +1,43 @@ +--- +# An instance of the Blank widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: blank + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 15 + +title: Demos +subtitle: + +design: + columns: "1" + background: + image: headers/bubbles-wide.jpg + image_darken: 0.6 + image_parallax: true + image_position: center + image_size: cover + text_color_light: true + spacing: + padding: ["20px", "0", "20px", "0"] +--- + +Welcome to the demo of the **resumé template** for Academic. + +[View more templates](https://sourcethemes.com/academic/templates/) for Academic. + +**Over 500,000 [Amazing Websites](https://sourcethemes.com/academic/) have Already Been Built with Academic** + +**[Join](https://sourcethemes.com/academic/docs/install/) the Most Empowered Hugo Community** + +{{% alert note %}} +This homepage section is an example of adding [elements](https://sourcethemes.com/academic/docs/writing-markdown-latex/) to the [*Blank* widget](https://sourcethemes.com/academic/docs/widgets/). + +Backgrounds can be applied to any section. Here, the *background* option is set give an *image parallax* effect. +{{% /alert %}} diff --git a/exampleSite/content/home/experience.md b/exampleSite/content/home/experience.md new file mode 100644 index 00000000..cee49769 --- /dev/null +++ b/exampleSite/content/home/experience.md @@ -0,0 +1,46 @@ +--- +# An instance of the Experience widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: experience + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 40 + +title: Experience +subtitle: + +# Date format +# Refer to https://sourcethemes.com/academic/docs/customization/#date-format +date_format: Jan 2006 + +# Experiences. +# Add/remove as many `experience` blocks below as you like. +# Required fields are `title`, `company`, and `date_start`. +# Leave `date_end` empty if it's your current employer. +# You can begin a multiline `description` using YAML's `|-`. +experience: +- company: GenCoin + company_url: "" + date_end: "" + date_start: "2017-01-01" + description: |- + Responsibilities include: + * Analysing + * Modelling + * Deploying + location: California + title: CEO +- company: University X + company_url: "" + date_end: "2016-12-31" + date_start: "2016-01-01" + description: Taught electronic engineering and researched semiconductor physics. + location: California + title: Professor +--- diff --git a/exampleSite/content/home/featured.md b/exampleSite/content/home/featured.md new file mode 100644 index 00000000..a1b7ab1a --- /dev/null +++ b/exampleSite/content/home/featured.md @@ -0,0 +1,40 @@ +--- +# An instance of the Featured widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: featured + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 80 + +title: Featured Publications +subtitle: "" + +content: + # Page type to display. E.g. post, talk, publication... + page_type: publication + # Choose how much pages you would like to display (0 = all pages) + count: 0 + # Filter on criteria + filters: + author: "" + category: "" + publication_type: "" + tag: "" + # Page order: descending (desc) or ascending (asc) date. + order: desc + # Show a "See all" link? + link_to_archive: false +design: + # Choose a view for the listings: + # 1 = List + # 2 = Compact + # 3 = Card + # 4 = Citation (publication only) + view: 3 +--- diff --git a/exampleSite/content/home/gallery/gallery/theme-1950s.png b/exampleSite/content/home/gallery/gallery/theme-1950s.png Binary files differnew file mode 100644 index 00000000..a81ab8d2 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-1950s.png diff --git a/exampleSite/content/home/gallery/gallery/theme-apogee.png b/exampleSite/content/home/gallery/gallery/theme-apogee.png Binary files differnew file mode 100644 index 00000000..635754c1 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-apogee.png diff --git a/exampleSite/content/home/gallery/gallery/theme-coffee-playfair.png b/exampleSite/content/home/gallery/gallery/theme-coffee-playfair.png Binary files differnew file mode 100644 index 00000000..938dd3a0 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-coffee-playfair.png diff --git a/exampleSite/content/home/gallery/gallery/theme-dark.png b/exampleSite/content/home/gallery/gallery/theme-dark.png Binary files differnew file mode 100644 index 00000000..a04ce143 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-dark.png diff --git a/exampleSite/content/home/gallery/gallery/theme-default.png b/exampleSite/content/home/gallery/gallery/theme-default.png Binary files differnew file mode 100644 index 00000000..71792b12 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-default.png diff --git a/exampleSite/content/home/gallery/gallery/theme-forest.png b/exampleSite/content/home/gallery/gallery/theme-forest.png Binary files differnew file mode 100644 index 00000000..df2d6ccc --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-forest.png diff --git a/exampleSite/content/home/gallery/gallery/theme-ocean.png b/exampleSite/content/home/gallery/gallery/theme-ocean.png Binary files differnew file mode 100644 index 00000000..6f4a0da5 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-ocean.png diff --git a/exampleSite/content/home/gallery/gallery/theme-strawberry.png b/exampleSite/content/home/gallery/gallery/theme-strawberry.png Binary files differnew file mode 100644 index 00000000..4ba0dab5 --- /dev/null +++ b/exampleSite/content/home/gallery/gallery/theme-strawberry.png diff --git a/exampleSite/content/home/gallery/index.md b/exampleSite/content/home/gallery/index.md new file mode 100644 index 00000000..69b5a0b6 --- /dev/null +++ b/exampleSite/content/home/gallery/index.md @@ -0,0 +1,12 @@ ++++ +# Gallery section using the Blank widget and Gallery element (shortcode). +widget = "blank" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = true # Activate this widget? true/false +weight = 66 # Order that this section will appear. + +title = "Gallery" +subtitle = "" ++++ + +{{< gallery >}} diff --git a/exampleSite/content/home/hero.md b/exampleSite/content/home/hero.md new file mode 100644 index 00000000..c6ce8762 --- /dev/null +++ b/exampleSite/content/home/hero.md @@ -0,0 +1,58 @@ ++++ +# Hero widget. +widget = "hero" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = true # Activate this widget? true/false +weight = 10 # Order that this section will appear. + +title = "Academic" + +# Hero image (optional). Enter filename of an image in the `static/media/` folder. +hero_media = "hero-academic.png" + +[design.background] + # Apply a background color, gradient, or image. + # Uncomment (by removing `#`) an option to apply it. + # Choose a light or dark text color by setting `text_color_light`. + # Any HTML color name or Hex value is valid. + + # Background color. + # color = "navy" + + # Background gradient. + gradient_start = "#4bb4e3" + gradient_end = "#2b94c3" + + # Background image. + # image = "" # Name of image in `static/media/`. + # image_darken = 0.6 # Darken the image? Range 0-1 where 0 is transparent and 1 is opaque. + # image_size = "cover" # Options are `cover` (default), `contain`, or `actual` size. + # image_position = "center" # Options include `left`, `center` (default), or `right`. + # image_parallax = true # Use a fun parallax-like fixed background effect? true/false + + # Text color (true=light or false=dark). + text_color_light = true + +# Call to action links (optional). +# Display link(s) by specifying a URL and label below. Icon is optional for `[cta]`. +# Remove a link/note by deleting a cta/note block. +[cta] + url = "https://sourcethemes.com/academic/docs/install/" + label = "Get Started" + icon_pack = "fas" + icon = "download" + +[cta_alt] + url = "https://sourcethemes.com/academic/" + label = "View Documentation" + +# Note. An optional note to show underneath the links. +[cta_note] + label = '<a class="js-github-release" href="https://sourcethemes.com/academic/updates" data-repo="gcushen/hugo-academic">Latest release<!-- V --></a>' ++++ + +**The Best Way to Create the Website You Want from Markdown (or Jupyter/RStudio)** + +Build **Anything** with Widgets + +<span style="text-shadow: none;"><a class="github-button" href="https://github.com/gcushen/hugo-academic" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star this on GitHub">Star</a><script async defer src="https://buttons.github.io/buttons.js"></script></span> diff --git a/exampleSite/content/home/index.md b/exampleSite/content/home/index.md new file mode 100644 index 00000000..7fa0d2ac --- /dev/null +++ b/exampleSite/content/home/index.md @@ -0,0 +1,7 @@ +--- +# Homepage +type: widget_page + +# Homepage is headless, other widget pages are not. +headless: true +--- diff --git a/exampleSite/content/home/people.md b/exampleSite/content/home/people.md new file mode 100644 index 00000000..31b4cc57 --- /dev/null +++ b/exampleSite/content/home/people.md @@ -0,0 +1,56 @@ ++++ +# A "Meet the Team" section created with the People widget. +# This section displays people from `content/authors/` which belong to the `user_groups` below. + +widget = "people" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = false # Activate this widget? true/false +weight = 68 # Order that this section will appear. + +title = "Meet the Team" +subtitle = "" + +[content] + # Choose which groups/teams of users to display. + # Edit `user_groups` in each user's profile to add them to one or more of these groups. + user_groups = ["Principal Investigators", + "Researchers", + "Grad Students", + "Administration", + "Visitors", + "Alumni"] + +[design] + # Show user's social networking links? (true/false) + show_social = false + + # Show user's interests? (true/false) + show_interests = true + +[design.background] + # Apply a background color, gradient, or image. + # Uncomment (by removing `#`) an option to apply it. + # Choose a light or dark text color by setting `text_color_light`. + # Any HTML color name or Hex value is valid. + + # Background color. + # color = "navy" + + # Background gradient. + # gradient_start = "DeepSkyBlue" + # gradient_end = "SkyBlue" + + # Background image. + # image = "background.jpg" # Name of image in `static/media/`. + # image_darken = 0.6 # Darken the image? Range 0-1 where 0 is transparent and 1 is opaque. + + # Text color (true=light or false=dark). + # text_color_light = true + +[advanced] + # Custom CSS. + css_style = "" + + # CSS class. + css_class = "" ++++ diff --git a/exampleSite/content/home/posts.md b/exampleSite/content/home/posts.md new file mode 100644 index 00000000..d95b1c4d --- /dev/null +++ b/exampleSite/content/home/posts.md @@ -0,0 +1,68 @@ ++++ +# A Recent Blog Posts section created with the Pages widget. +# This section displays recent blog posts from `content/post/`. + +widget = "pages" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = true # Activate this widget? true/false +weight = 60 # Order that this section will appear. + +title = "Recent Posts" +subtitle = "" + +[content] + # Page type to display. E.g. post, talk, or publication. + page_type = "post" + + # Choose how much pages you would like to display (0 = all pages) + count = 5 + + # Choose how many pages you would like to offset by + offset = 0 + + # Page order. Descending (desc) or ascending (asc) date. + order = "desc" + + # Filter posts by a taxonomy term. + [content.filters] + tag = "" + category = "" + publication_type = "" + author = "" + exclude_featured = false + +[design] + # Toggle between the various page layout types. + # 1 = List + # 2 = Compact + # 3 = Card + # 4 = Citation (publication only) + view = 2 + +[design.background] + # Apply a background color, gradient, or image. + # Uncomment (by removing `#`) an option to apply it. + # Choose a light or dark text color by setting `text_color_light`. + # Any HTML color name or Hex value is valid. + + # Background color. + # color = "navy" + + # Background gradient. + # gradient_start = "DeepSkyBlue" + # gradient_end = "SkyBlue" + + # Background image. + # image = "background.jpg" # Name of image in `static/media/`. + # image_darken = 0.6 # Darken the image? Range 0-1 where 0 is transparent and 1 is opaque. + + # Text color (true=light or false=dark). + # text_color_light = true + +[advanced] + # Custom CSS. + css_style = "" + + # CSS class. + css_class = "" ++++ diff --git a/exampleSite/content/home/projects.md b/exampleSite/content/home/projects.md new file mode 100644 index 00000000..fcd20e69 --- /dev/null +++ b/exampleSite/content/home/projects.md @@ -0,0 +1,77 @@ ++++ +# A Projects section created with the Portfolio widget. +widget = "portfolio" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = true # Activate this widget? true/false +weight = 65 # Order that this section will appear. + +title = "Projects" +subtitle = "" + +[content] + # Page type to display. E.g. project. + page_type = "project" + + # Filter toolbar (optional). + # Add or remove as many filters (`[[content.filter_button]]` instances) as you like. + # To show all items, set `tag` to "*". + # To filter by a specific tag, set `tag` to an existing tag name. + # To remove toolbar, delete/comment all instances of `[[content.filter_button]]` below. + + # Default filter index (e.g. 0 corresponds to the first `[[filter_button]]` instance below). + filter_default = 0 + + [[content.filter_button]] + name = "All" + tag = "*" + + [[content.filter_button]] + name = "Deep Learning" + tag = "Deep Learning" + + [[content.filter_button]] + name = "Other" + tag = "Demo" + +[design] + # Choose how many columns the section has. Valid values: 1 or 2. + columns = "2" + + # Toggle between the various page layout types. + # 1 = List + # 2 = Compact + # 3 = Card + # 5 = Showcase + view = 3 + + # For Showcase view, flip alternate rows? + flip_alt_rows = false + +[design.background] + # Apply a background color, gradient, or image. + # Uncomment (by removing `#`) an option to apply it. + # Choose a light or dark text color by setting `text_color_light`. + # Any HTML color name or Hex value is valid. + + # Background color. + # color = "navy" + + # Background gradient. + # gradient_start = "DeepSkyBlue" + # gradient_end = "SkyBlue" + + # Background image. + # image = "background.jpg" # Name of image in `static/media/`. + # image_darken = 0.6 # Darken the image? Range 0-1 where 0 is transparent and 1 is opaque. + + # Text color (true=light or false=dark). + # text_color_light = true + +[advanced] + # Custom CSS. + css_style = "" + + # CSS class. + css_class = "" ++++ + diff --git a/exampleSite/content/home/publications.md b/exampleSite/content/home/publications.md new file mode 100644 index 00000000..88379492 --- /dev/null +++ b/exampleSite/content/home/publications.md @@ -0,0 +1,72 @@ ++++ +# A Recent Publications section created with the Pages widget. +# This section displays recent blog posts from `content/publication/`. + +widget = "pages" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = true # Activate this widget? true/false +weight = 90 # Order that this section will appear. + +title = "Recent Publications" +subtitle = "" + +[content] + # Page type to display. E.g. post, talk, or publication. + page_type = "publication" + + # Choose how much pages you would like to display (0 = all pages) + count = 5 + + # Choose how many pages you would like to offset by + offset = 0 + + # Page order. Descending (desc) or ascending (asc) date. + order = "desc" + + # Filter posts by a taxonomy term. + [content.filters] + tag = "" + category = "" + publication_type = "" + author = "" + exclude_featured = false + +[design] + # Toggle between the various page layout types. + # 1 = List + # 2 = Compact + # 3 = Card + # 4 = Citation (publication only) + view = 2 + +[design.background] + # Apply a background color, gradient, or image. + # Uncomment (by removing `#`) an option to apply it. + # Choose a light or dark text color by setting `text_color_light`. + # Any HTML color name or Hex value is valid. + + # Background color. + # color = "navy" + + # Background gradient. + # gradient_start = "DeepSkyBlue" + # gradient_end = "SkyBlue" + + # Background image. + # image = "background.jpg" # Name of image in `static/media/`. + # image_darken = 0.6 # Darken the image? Range 0-1 where 0 is transparent and 1 is opaque. + + # Text color (true=light or false=dark). + # text_color_light = true + +[advanced] + # Custom CSS. + css_style = "" + + # CSS class. + css_class = "" ++++ + +{{% alert note %}} +Quickly discover relevant content by [filtering publications]({{< ref "/publication/_index.md" >}}). +{{% /alert %}} diff --git a/exampleSite/content/home/skills.md b/exampleSite/content/home/skills.md new file mode 100644 index 00000000..d5c7c1a8 --- /dev/null +++ b/exampleSite/content/home/skills.md @@ -0,0 +1,51 @@ ++++ +# A Skills section created with the Featurette widget. +widget = "featurette" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = true # Activate this widget? true/false +weight = 30 # Order that this section will appear. + +title = "Skills" +subtitle = "" + +# Showcase personal skills or business features. +# +# Add/remove as many `[[feature]]` blocks below as you like. +# +# For available icons, see: https://sourcethemes.com/academic/docs/page-builder/#icons + +[[feature]] + icon = "r-project" + icon_pack = "fab" + name = "R" + description = "90%" + +[[feature]] + icon = "chart-line" + icon_pack = "fas" + name = "Statistics" + description = "100%" + +[[feature]] + icon = "camera-retro" + icon_pack = "fas" + name = "Photography" + description = "10%" + +# Uncomment to use emoji icons. +# [[feature]] +# icon = ":smile:" +# icon_pack = "emoji" +# name = "Emojiness" +# description = "100%" + +# Uncomment to use custom SVG icons. +# Place custom SVG icon in `assets/images/icon-pack/`, creating folders if necessary. +# Reference the SVG icon name (without `.svg` extension) in the `icon` field. +# [[feature]] +# icon = "your-custom-icon-name" +# icon_pack = "custom" +# name = "Surfing" +# description = "90%" + ++++ diff --git a/exampleSite/content/home/slider.md b/exampleSite/content/home/slider.md new file mode 100644 index 00000000..32f9166f --- /dev/null +++ b/exampleSite/content/home/slider.md @@ -0,0 +1,54 @@ ++++ +# Slider widget. +widget = "slider" # See https://sourcethemes.com/academic/docs/page-builder/ +headless = true # This file represents a page section. +active = false # Activate this widget? true/false +weight = 1 # Order that this section will appear. + +# Slide interval. +# Use `false` to disable animation or enter a time in ms, e.g. `5000` (5s). +interval = false + +# Slide height (optional). +# E.g. `500px` for 500 pixels or `calc(100vh - 70px)` for full screen. +height = "" + +# Slides. +# Duplicate an `[[item]]` block to add more slides. +[[item]] + title = "Hello" + content = "I am center aligned :smile:" + align = "center" # Choose `center`, `left`, or `right`. + + # Overlay a color or image (optional). + # Deactivate an option by commenting out the line, prefixing it with `#`. + overlay_color = "#666" # An HTML color value. + overlay_img = "headers/bubbles-wide.jpg" # Image path relative to your `static/media/` folder. + overlay_filter = 0.5 # Darken the image. Value in range 0-1. + + # Call to action button (optional). + # Activate the button by specifying a URL and button label below. + # Deactivate by commenting out parameters, prefixing lines with `#`. + cta_label = "Get Academic" + cta_url = "https://sourcethemes.com/academic/" + cta_icon_pack = "fas" + cta_icon = "graduation-cap" + +[[item]] + title = "Left" + content = "I am left aligned :smile:" + align = "left" + + overlay_color = "#555" # An HTML color value. + overlay_img = "" # Image path relative to your `static/media/` folder. + overlay_filter = 0.5 # Darken the image. Value in range 0-1. + +[[item]] + title = "Right" + content = "I am right aligned :smile:" + align = "right" + + overlay_color = "#333" # An HTML color value. + overlay_img = "" # Image path relative to your `static/media/` folder. + overlay_filter = 0.5 # Darken the image. Value in range 0-1. ++++ diff --git a/exampleSite/content/home/tags.md b/exampleSite/content/home/tags.md new file mode 100644 index 00000000..5e291845 --- /dev/null +++ b/exampleSite/content/home/tags.md @@ -0,0 +1,28 @@ +--- +# An instance of the Tag Cloud widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: tag_cloud + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 120 + +title: Popular Topics +subtitle: + +content: + # Choose how many tags you would like to display (0 = all tags) + count: 20 + + # Choose the taxonomy from `config.toml` to display (e.g. tags, categories) + taxonomy: tags + +design: + font_size_min: 0.7 + font_size_max: 2 +--- diff --git a/exampleSite/content/home/talks.md b/exampleSite/content/home/talks.md new file mode 100644 index 00000000..bbbf4a5f --- /dev/null +++ b/exampleSite/content/home/talks.md @@ -0,0 +1,44 @@ +--- +# An instance of the Pages widget. +# Documentation: https://sourcethemes.com/academic/docs/page-builder/ +widget: pages + +# Activate this widget? true/false +active: true + +# This file represents a page section. +headless: true + +# Order that this section appears on the page. +weight: 70 + +title: Recent & Upcoming Talks +subtitle: + +content: + # Page type to display. E.g. post, talk, publication... + page_type: talk + # Choose how much pages you would like to display (0 = all pages) + count: 5 + # Filter on criteria + filters: + author: "" + category: "" + tag: "" + exclude_featured: false + exclude_future: false + exclude_past: false + publication_type: "" + # Choose how many pages you would like to offset by + offset: 0 + # Page order: descending (desc) or ascending (asc) date. + order: desc + +design: + # Choose a view for the listings: + # 1 = List + # 2 = Compact + # 3 = Card + # 4 = Citation (publication only) + view: 2 +--- diff --git a/exampleSite/content/post/_index.md b/exampleSite/content/post/_index.md new file mode 100644 index 00000000..df6bf6a7 --- /dev/null +++ b/exampleSite/content/post/_index.md @@ -0,0 +1,14 @@ +--- +title: Posts + +# View. +# 1 = List +# 2 = Compact +# 3 = Card +view: 2 + +# Optional header image (relative to `static/media/` folder). +header: + caption: "" + image: "" +--- diff --git a/exampleSite/content/post/getting-started/featured.jpg b/exampleSite/content/post/getting-started/featured.jpg Binary files differnew file mode 100644 index 00000000..04a7bae5 --- /dev/null +++ b/exampleSite/content/post/getting-started/featured.jpg diff --git a/exampleSite/content/post/getting-started/index.md b/exampleSite/content/post/getting-started/index.md new file mode 100644 index 00000000..069bf4cf --- /dev/null +++ b/exampleSite/content/post/getting-started/index.md @@ -0,0 +1,107 @@ +--- +title: 'Academic: the website builder for Hugo' +subtitle: 'Create a beautifully simple website in under 10 minutes :rocket:' +summary: Create a beautifully simple website in under 10 minutes. +authors: +- admin +- 吳恩達 +tags: +- Academic +- 开源 +categories: +- Demo +- 教程 +date: "2016-04-20T00:00:00Z" +lastmod: "2019-04-17T00:00:00Z" +featured: false +draft: false + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +# Placement options: 1 = Full column width, 2 = Out-set, 3 = Screen-width +# Focal point options: Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight +image: + placement: 2 + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/CpkOjOcXdUY)' + focal_point: "" + preview_only: false + +# Projects (optional). +# Associate this post with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`. +# Otherwise, set `projects = []`. +projects: [] +--- + +**Create a free website with Academic using Markdown, Jupyter, or RStudio. Choose a beautiful color theme and build anything with the Page Builder - over 40 _widgets_, _themes_, and _language packs_ included!** + +[Check out the latest **demo**](https://academic-demo.netlify.com/) of what you'll get in less than 10 minutes, or [view the **showcase**](https://sourcethemes.com/academic/#expo) of personal, project, and business sites. + +- 👉 [**Get Started**](#install) +- 📚 [View the **documentation**](https://sourcethemes.com/academic/docs/) +- 💬 [**Ask a question** on the forum](https://discourse.gohugo.io) +- 👥 [Chat with the **community**](https://spectrum.chat/academic) +- 🐦 Twitter: [@source_themes](https://twitter.com/source_themes) [@GeorgeCushen](https://twitter.com/GeorgeCushen) [#MadeWithAcademic](https://twitter.com/search?q=%23MadeWithAcademic&src=typd) +- 💡 [Request a **feature** or report a **bug**](https://github.com/gcushen/hugo-academic/issues) +- ⬆️ **Updating?** View the [Update Guide](https://sourcethemes.com/academic/docs/update/) and [Release Notes](https://sourcethemes.com/academic/updates/) +- :heart: **Support development** of Academic: + - ☕️ [**Donate a coffee**](https://paypal.me/cushen) + - 💵 [Become a backer on **Patreon**](https://www.patreon.com/cushen) + - 🖼️ [Decorate your laptop or journal with an Academic **sticker**](https://www.redbubble.com/people/neutreno/works/34387919-academic) + - 👕 [Wear the **T-shirt**](https://academic.threadless.com/) + - :woman_technologist: [**Contribute**](https://sourcethemes.com/academic/docs/contribute/) + +{{< figure src="https://raw.githubusercontent.com/gcushen/hugo-academic/master/academic.png" title="Academic is mobile first with a responsive design to ensure that your site looks stunning on every device." >}} + +**Key features:** + +- **Page builder** - Create *anything* with [**widgets**](https://sourcethemes.com/academic/docs/page-builder/) and [**elements**](https://sourcethemes.com/academic/docs/writing-markdown-latex/) +- **Edit any type of content** - Blog posts, publications, talks, slides, projects, and more! +- **Create content** in [**Markdown**](https://sourcethemes.com/academic/docs/writing-markdown-latex/), [**Jupyter**](https://sourcethemes.com/academic/docs/jupyter/), or [**RStudio**](https://sourcethemes.com/academic/docs/install/#install-with-rstudio) +- **Plugin System** - Fully customizable [**color** and **font themes**](https://sourcethemes.com/academic/themes/) +- **Display Code and Math** - Code highlighting and [LaTeX math](https://en.wikibooks.org/wiki/LaTeX/Mathematics) supported +- **Integrations** - [Google Analytics](https://analytics.google.com), [Disqus commenting](https://disqus.com), Maps, Contact Forms, and more! +- **Beautiful Site** - Simple and refreshing one page design +- **Industry-Leading SEO** - Help get your website found on search engines and social media +- **Media Galleries** - Display your images and videos with captions in a customizable gallery +- **Mobile Friendly** - Look amazing on every screen with a mobile friendly version of your site +- **Multi-language** - 15+ language packs including English, 中文, and Português +- **Multi-user** - Each author gets their own profile page +- **Privacy Pack** - Assists with GDPR +- **Stand Out** - Bring your site to life with animation, parallax backgrounds, and scroll effects +- **One-Click Deployment** - No servers. No databases. Only files. + +## Themes + +Academic comes with **automatic day (light) and night (dark) mode** built-in. Alternatively, visitors can choose their preferred mode - click the sun/moon icon in the top right of the [Demo](https://academic-demo.netlify.com/) to see it in action! Day/night mode can also be disabled by the site admin in `params.toml`. + +[Choose a stunning **theme** and **font**](https://sourcethemes.com/academic/themes/) for your site. Themes are fully [customizable](https://sourcethemes.com/academic/docs/customization/#custom-theme). + +## Ecosystem + +* **[Academic Admin](https://github.com/sourcethemes/academic-admin):** An admin tool to import publications from BibTeX or import assets for an offline site +* **[Academic Scripts](https://github.com/sourcethemes/academic-scripts):** Scripts to help migrate content to new versions of Academic + +## Install + +You can choose from one of the following four methods to install: + +* [**one-click install using your web browser (recommended)**](https://sourcethemes.com/academic/docs/install/#install-with-web-browser) +* [install on your computer using **Git** with the Command Prompt/Terminal app](https://sourcethemes.com/academic/docs/install/#install-with-git) +* [install on your computer by downloading the **ZIP files**](https://sourcethemes.com/academic/docs/install/#install-with-zip) +* [install on your computer with **RStudio**](https://sourcethemes.com/academic/docs/install/#install-with-rstudio) + +Then [personalize and deploy your new site](https://sourcethemes.com/academic/docs/get-started/). + +## Updating + +[View the Update Guide](https://sourcethemes.com/academic/docs/update/). + +Feel free to *star* the project on [Github](https://github.com/gcushen/hugo-academic/) to help keep track of [updates](https://sourcethemes.com/academic/updates). + +## License + +Copyright 2016-present [George Cushen](https://georgecushen.com). + +Released under the [MIT](https://github.com/gcushen/hugo-academic/blob/master/LICENSE.md) license. diff --git a/exampleSite/content/post/jupyter/featured.png b/exampleSite/content/post/jupyter/featured.png Binary files differnew file mode 100644 index 00000000..9bf5550c --- /dev/null +++ b/exampleSite/content/post/jupyter/featured.png diff --git a/exampleSite/content/post/jupyter/index.ipynb b/exampleSite/content/post/jupyter/index.ipynb new file mode 100644 index 00000000..8b28670c --- /dev/null +++ b/exampleSite/content/post/jupyter/index.ipynb @@ -0,0 +1,186 @@ +{ + "cells": [ + { + "cell_type": "raw", + "metadata": {}, + "source": [ + "---\n", + "title: Display Jupyter Notebooks with Academic\n", + "subtitle: Learn how to blog in Academic using Jupyter notebooks\n", + "summary: Learn how to blog in Academic using Jupyter notebooks\n", + "authors:\n", + "- admin\n", + "tags: []\n", + "categories: []\n", + "date: \"2019-02-05T00:00:00Z\"\n", + "lastMod: \"2019-09-05T00:00:00Z\"\n", + "featured: false\n", + "draft: false\n", + "\n", + "# Featured image\n", + "# To use, add an image named `featured.jpg/png` to your page's folder. \n", + "image:\n", + " caption: \"\"\n", + " focal_point: \"\"\n", + "\n", + "# Projects (optional).\n", + "# Associate this post with one or more of your projects.\n", + "# Simply enter your project's folder or file name without extension.\n", + "# E.g. `projects = [\"internal-project\"]` references \n", + "# `content/project/deep-learning/index.md`.\n", + "# Otherwise, set `projects = []`.\n", + "projects: []\n", + "---" + ] + }, + { + "cell_type": "code", + "execution_count": 5, + "metadata": {}, + "outputs": [ + { + "data": { + "image/png": "iVBORw0KGgoAAAANSUhEUgAAAlkAAADLCAYAAABdyYYmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8wNS8wNE2+5nEAAAAldEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIE1YIDIwMDSHdqzPAAAgAElEQVR4nO3df4wb14Ef8K8U2TJHPyyZG9tra9SzHXESXNKQcpKeKdTORVSCwtm93B/XVVLgEPbiBpCApEFXV6NANo1yRdXzormiWF1aO6GAtlfvFW1SblXk4t00daJxfjQic3GQzMq/ItpexdnRr5VIWbI1/YM73OFwfrwhZ4Yc7vcD2OQM37x53F0tv/vemzcbDMMwQERERESh2tjvBhARERENI4YsIiIioggwZBERERFFgCGLiIiIKAIMWUREREQRYMgiIiIiigBDFhEREVEEGLKIiIiIIsCQRURERBQBhiwiIiKiCDBkEREREUWAIYuIiIgoAgxZRERERBFgyCIiIiKKAEMWERERUQQYsoiIiIgiwJBFREREFAGGLCIiIqIIMGQRERERRYAhi4iIiCgCDFlEREREEWDIIiIiIooAQxYRERFRBBiyiIiIiCLAkEVEREQUAYYsIiIioggwZBERERFFgCGLiIiIKAIMWUREQ6her0NVVczMzKBWq/W7OUTr0qZ+N4CIiMKh6zoqlQo0TUO1Wm3tP3DgQB9bRbR+MWQRESWYGaxUVWWPFdGAYcgiIkqwUqkETdP63QwicsCQtU6cOXcZSxcaWDy3AsDAmaUVrDSuAwDOXazj9YsNwDAsRxiAsfoIYHRHCnfvkFrbD943AsDA6M4tGN2Zwp7RHdiWuiXGd0RERDTYGLKG0JlzKzj98nmcfuU8zpxbwdLFeltgAtAKVIa5z+h8DZbXli7UsXThamu78tJv18qs1r0tdQveNXo7HrzvnXj4d+9B5p4dkbw/IiKiJGDIGhJnzq3g6R/+GpVXLmDpQgPoCE8uAcslfLke79HbtdK4jsqLv0Xlxd/iqflfIHPPDkzs24NHP/A7vb9BIiKihGHISrjTr1zA17/3Ik6/ct6SlboJWIb/8R4By+n4xdcu4Ct//WM89czz+OI//BD2PnBnV++RiIgoibhOVoL9xbc1HD7x/8QClmHEELAMx+OXLlzFoa99F0995/nu3igREVECMWQl1J996xeY/eFZ+AWc9u1eA5YB74CFzvLG2vZTzzyPr8z+KOhbJSIiSiQOFybQ17/3Ek5WX4dvwGnb9gpYQQKX1/HoDFi2sid/8hIAA1+c+D3Rt0tERJRI7MlKmKWLDTz1vRcRLGAZ0Qcsy3CkX90nf/ISZr//K+H3TERElETsyUqYr3+v2RPkFmJGd9yGiYd+B5nR7di6eROWLjbw9HMv4/RLukN5l4Blfw3wnpMVcEI8DANf/dZP8fDv7sLoHVsDfgWIiIiSgSErYdYmuXeGmD13b8Pxf/whbL1tbVHQPaPb8fB77sLJ0zV85X/8DO4hyKW3CmgPUV1PiO88/qnv/BxfPPiQ4DsnSr56vQ5JkvrdDKLIlMtl3zLj4+Mol8sYGRlBPp93LadpGjRNw759+5BOp8NsZmw4XJggSxcb7WtgWQLW1ts2dQQsq0f3yvjMR/Y4DPFZty3PAwUsA0EDFgCc/PELWDp/xftNEyWcrusol8t4/PHHsbCw0O/mEEVqw4YNbf/Nzc117AOAubk5lEol6LruWtfc3Bzm5uY8yww69mQlyLmL1+A2DPdo7l7XgGWayN+PpxZW73EWaEJ7j/O1HMs3H599voaJh9/j2W6ipKnX61BVlTdtpnVnbGysbbtcLnfsM42MjKBarWL//v0dr+m6PhT/dhiyEmTl2o3VZ50h5uF3+y/0ue22W5AZvR2Lr19cqwfoak5V+7ZTebEesNMvnmPIoqFQr9dRrVZRqVRQrVb73RyigVcoFPDMM884hqz5+Xnk83nMz8/3oWXh4XBhgpw5t9I5xAfYQpK3LZvNXB1HwDK8hxgNYKV+XbjtRINsYWEBpVKJAYtIkCzLkCQJmqZ1vKaqKgqFQh9aFS6GrCTxuE3O4tJloSoqLy8jvIBlOJQXPH617JUGQxYR0XpVKBSgqmrbvmq1ClmWEzvZ3YohK3Gsk9aN1T0GTp5+1ffIk6fPIljAMhzKu0yI9wpYHmtoLb6W3AmNRETUm1wuB1VVUa/XW/tUVfW86jBJGLKSyGEV9zPnLuGrJ3/hesji0iV89X/93Hb8aogKMqfKQGfAgrW8LaAJ95YREdF6k0qlkM/n8dxzzwFoTnjXNI0hi/rE4zY5s8+9hD/9zz/B0oW1vwhWrt3AydNncejJH+DKtRu9TVoXmW9l2LYtrXU6FzMWEdH6tm/fPjzzzDMAhqsXC+DVhQnjHrDMxPLsL5fw7C+XsPW2TRjdIeHM0iV0hh6BgBXKfC3v4w1GLCKidS+TyQBoLj566tQpHD58uM8tCg9DVuIYlrzi3st0pXEDZxqXHF9rPniEoNAClnuYY8AiIiLTgQMHcOLECUiSBFmW+92c0HC4MGFEAlb7nCjba0DnnKrAActwKN9lwAqw/AQREQ2nfD6P5eXloVi2wYo9WQniG7D8Ak5bGafyAYYTuzzecGoHERENpSeffFJofyqVcizrdnxSMGQlide6VANymxyvHjHngMWwRUREw4khK4m6CDh9C1iWtbzc20ZERDR8GLKSpq8BS+T49oBleJa11k1ERDRcGLIS5DMfyeAzH8nEcq5DX1vA6RfegHDAcpx/5VK29cCARUREw4shi5x59WAJLzIq2FtGobDfZHWQL4XWdX0o7ktGyVGr1dpu3WIaGRkZqp9FXdexvLzcsX+Qfx8MM4Ys8uE2wd7htW4CFjNWILVaDbVaDWfPnkWtVoOu69B1//s/ptNpyLIMRVGQy+X68qFSr9dRrVahqio0TUv8VUPriT3AA4P9oW3emkXTtNa/GT+ZTKb1b0RRFEiSFENLu2e+x+XlZWialqjfBevJBsPgtfRxunLtBk6/fB6L5y5j6UKj7RY4RsczpyE6+7ZXj5DPpHXDVtby/IXXL2Kl/qbLuZzqFglYzsf/6N//k7Xdl04A119pr9+pnWZdm98L3HInIP09YOMWDCMzlFSrVce/xLuhKAr279+PXC4XSn1uzGBVqVRQrVbbXoszZM3NzaFcLnuWGR8fx9jYmG9d09PTjqEjTIqiYHJyUqisSHuOHDnSWlXbS71ebwsni4uLvsfIsoxMJoN9+/b1PXSpqur4s9aNfD6PfD4PRVFCaFnvzO9NtVpthaowKIrSeq8UPvZkxeRk5TU8+8vf4NlfWeY5edyHMPRJ63HfJifQ8RbXfw28+QtbwLLVYX1sPL+2vfX3gTs+BWy6s7PehNE0Daqqhhqs7PVrmgZFUTAxMRH6h2OYH3YULa8gLMLsKVpYWICiKBgbG4s9mKiqinK5HFrwMOtUVbVv78kU1++CcrmMYrE4MKFyWDBkRez0K+fxZ9983tJj1Rli1nKEYMBymtM0SLfJCRrQ2th7sASClvm48l3g6g+B9GPA9v1IIk3TMDc3F3lPifV8R48eRbFYDPUv2VKpFFpdFA1d11Eul0P98DY/sPfv34+DBw+GUqeXer2O48ePR/rvxfqexsfHYxtGjPt3ga7rmJ6eju17t14wZEXkyrW38Bff/hVOVl71DDHiAcsl4LTV1153x2t9DVgOxzuNVHcbsMyD374KvPFV4MZvgPSnOusfULVaDbOzs7H9QrUrlUrQNA3FYrEv56f41Ot1zM7OQlXVyM6xsLCAxcVFTE5ORhZKNE3D8ePHI+ndcbKwsIBqtYrDhw9HOiwad7iyi+N7t54wZEXgyrW3cKj0Y5w5d7m3gBXabXIc6nYasgvtNjlBAlaIPVnW48//l+Zcre2Dfx+scrmMubm5ro93moDsdiWVF/NDl0FreM3Pz2Nubi6WYFKr1TA9PR3Jh7Wqqn3pLTV7ew4dOhT6sJqu65idnUWlUgl8rFtbug1qUX7v1huGrJAFC1geISiG+wgGO76zrcIBy6+3rEOPAct8PPdvgc33N/8bQLquY2ZmRujKJ6tcLgdFUVoTjt3Yr+YToaoqRkZGhCaAr1duvRjLy8u+c4LS6TRGRka6Pke3lpeXUS6Xu/rQlSSp61BWq9Vw/Phx4Un8IoIGLFmWW/9mdu3a1RYarFchig6b1ut1TE9PhzrEHjT85nI5ZLNZKIrie3Xg4uIiKpUKVFUN9H00e9f5R1dvGLJC9s//a8USsDpDjGMw6SkgCYSYMAOW321y7Mf7ti2inizz8Y3/AMj/BoPG/EtR9JeeeQVQNpsV/stSkqTWVUOapqFUKglNDC6Xy8hkMpwA62JiYsJxv8gVjPv27etLgBUNJel0unVpvyzLHR/gtVqtNSFc9GdX0zQsLCxg//7e50kGCVi5XA779+/3/DlOp9OtfyP1eh0LCwuYn58Xem+zs7OQZbmnQKzremuo3o8kSSgUCigUCkilUsLnyGQyyGQyGB8fx/z8vO/PqJWqqshms5FfhTzMGLJCNPvDX+P0y+aHWFgBy6O3q+eAFTAECd2HsJsw115NaAELBnD1b4FLzwC3H+g8V58ECVj5fB7j4+M9r2WjKAqmpqYwPT0t1HNWKpUwNTXFoYJ1IpfLtUK8F1mWMTExgfHxcZRKJeGhraeffhrZbLann+NarSYUsCRJ6mo4T5IkjI2NIZ/PCwUfs0dramqqq/elqipmZ2d9fw90G67sUqlU6yrJmZkZ4ZA8OzvLkNWDjf1uwLBYutjAU999YXXLJZgYsAWCqAOW4VBe8HiHthrm++g4V0gBq605tsDkF7AMa3lbm85/y/1cfSAyLJBOpzE1NYVisRjaYoGSJGFyclLoL29d13uaJ0bJkM/ncezYMRw6dMg3YFmlUikcOnQo0HBZkB4Uu3q9jpmZGd9ysixjamqqp17YdDqNyclJofdmtqub4VSR3kDzj6OxsbGeApZVJpMJNNfKHFKl7jBkheTr/+cFXLl2A20hwh6wuu1B8gwxgj1QXue3tNXtXOY7cT6XW9vgUt4W0KzsASlwT5atTQaAay8A117EoBD5hVwsFiO5gkmSJBw+fFjoF+z8/Hyo6w7R4FAUBUeOHOk5xBeLReFejqBzgqxOnDjh+7No/hER1h8lonOuzDXCohBGL7YTWZYDzbXienfdY8gKwdLFBk5WXoNTwOktYIXQS9QxydwW0ATCXPcBy/Bom9H20KajJ8sanqyPtv0dr1mOP/9NhxOtT+l0WnheUC+9DzR4JElCsVjE5OSk0ArwIorFonCvyHPPPRe4fk3ThIYlDx06FPrwtuhCveVyOfAFLP0WZK5V0t7bIGHICsGzvwy6iru5TzSECAYsw77tULdTz5Bj3SIBy+goLxwmW4faUpZTQLK/17YytnZ09GStbl8+BVpTKBSE/kJWVZW9WUMil8vh2LFjod8+JZVKuV4MYNfN8gQi87D8Jrh3S5Ik4fc2Ozsb+vmjJvreGLK6x5AVgpOVV5tPhAKWsfafVwhpPbiEGIEhPu+6RQKWQ3gJcHzbc8e2GsjscricvSNg+fRS2c/h1Mv19pWBGjIcBIWC2Bpi8/PzEbeEonbw4EEcOnQotHk9dvl8XqgXKeiHtUjIlyQJ4+PjgeoNwryy14+5FESSmDeL9hPXgq/DiCGrR1eu3VhdsmEtEAS+D6E9hADw7CUKZUK8ue0VsOBzvNf53eu2NBBbpc1o8/YVdAYsazusAcuhTq95W+zNaiPaoxHlyuAUjzhu3Cw6UTxIz6jIcPVDDz0U+VWwoiEuiReL8MrBaDFk9ej0K+dtAQuCAcslhADtIaaLIT7nuty2O48Xv02OQ9vatr2+Dk333LGtbRvXX3YIWLYeq24CFgBc4eRNK0mShK4oMxc1JfIiOlwnGrI0TRMqe+BA9MuzpNNpoX8rom0eJFwPL1oMWT06s3R59ZngbXK8QohZxhTZFYcCAcs+HOl3fNC5ZKv2Zu5d23ANWD6P1vN7PV79Wcf51zvRX7DdzKWh9SXIEhAiRHpQnRZMjYpoz2/ShtejGkKmJoasHp1++TzWApYl4LiFAK8QIhSwHHqQnEKMb0DqbGugVdxDCFgA8KA1ZDWe7zwmrIBl1tsw1zIjQDxkJW2uCfVHmIFHpPc0rCskReRyOaFhyaT9W4ljKHk9Y8jq0U9fXrYErFWuQ3wiISRgD1LXAau9reHeJkcsYD3y/vtxt3W4cGWh/WsXdsAywN4sG9FfsLquJ24YhOIncl9GEYuLi0KTreOeTyQS6mq1Gv+tUAtDVg+WLjaaT4R7oOATQkRCjFP5IAGts62et8lxuSrQt26fgAUABz/y/rWNt96wXP0XUcBiT5Yj0d4AXsZNcRHtDYq7F4Y9vxQUQ1YPzixdRvCAhbV9gQNWDwGtLTA1nzdrczqXW90i79WlvM3Bj7wfe/fcs7bj/F+t1SPSk9VNwDIAXF9ybdN6Jdr7wJBFcRG9YXLc99YUDXX8t0ImhqweLC5dWn0WsAfJM8QI9kAFDVi23i7DrWzroZuA5RTQOmV2jeCxRz+0tqPxc+Dygnsw6rYny+m4FV4lZyc6j4Z/nVNcRELKrl27YmhJO9GeLIYsMjFk9aA5XCjaA2Vu99hLZH/Nfn77VYEO5+o+YImESdt7scnsGsFffuEPsTV1a3PHzavA8lPtAakVjGxfL+v+bgKW+fj2Fdf2rUeivQFckJDiIvKzFncvVhAMWWRiyOrB0oWrtoAVNIT4BCzDvu1Qd+t46+tOdYsELMOjbT5hsnWoe8Dam7m3PWABwPKTa3OxnN6rU8BqNcPWbqGgZnBelg2HQGiQiP6c9euqOJE5jPyDhEyb+t2AJLvSuAHhENJ6cAkxoczX8j6+91XcXc7vE662pTbjsY9/EBO///72F974C+DSfHv91qDXEbQc2toWouztcjmeiAZWo9HodxNCUavVuDwCMWT1on1OFtaeA8FCTGgByz3MhXObHOe63QJWZtcIPv7Qu/Ho772nvfcKiCBg+dVjeVypAFvDXThxveAHB5GYYQmL1BuGrJ75hBDAIRi4vBZSwNr7rruQufcObE3d4pB/bDsce3eMtgfnEGU47jZXcM/sGukMVkBzDtbSvwLqfwt0BCSX8Ck878p8TeA46go/OIiIxDFk9cKvB6mtjFP5AD1Inscb2Puuu/HoBx/AI++TsfU2h3AzCC7+z+ZSDW9fRfgBK2A91DLIE4iJiJKMIatngsNoYU6It2zvfdddeOxj70fugbt6extRuXkVWJkHLpaBG7/pLRgFCVqex4f4/oYAh/+IiKLBkNUTkYAkMuTndbxTeQPbUrfiMx/7u5h4+D3uzXvrLGBcdQkVhuem40GGz+vm7rd+A9x4A6j/CHjzRf9gFXbAYk9WILxqkIgoGgxZvep5TpVTee/jt6VuxfHDH8Wee3ba2lIHrn0fePP7wI2z6DqAhBZkBI7vS8Bi0LLi5eZE4WMPMQEMWT3J3L3d4QrDIAEreEBzDFhGHah/E7j2g+bwnL2+qAKS1/Fh1xN2cCOigSR6B4JB/+MglUr1uwk0ABiyerA1dcvqM7eAZPlA9wpYHT0sAQLWW2eBlX8HvL08eAFpUAMWc1bXRD8Aibol+jPWr2FukfPyYhIyccX3HozulBB5wDKMVpkvfjLfHrCunwYu/evBDFiGYCCKPWAZwPa9oDVBegQYsigOIj9n/VpOROS8HCokE0NWD0Z3SsECljVU2F/rON5oK/vI+3bh4fda/uG+dRZYeRIw6tH0HIURkGIJfIZLfYZHvSALTnynQTMyMuJbph8/t7quC5VjyCITQ1YPMqM7EChgtZW1BSzDKSi0KsIXPvEhy2a92YMVVcAKqz63IGTd73i8IdgOa2iyHw/3erfnQGtEe7IURYm4JURNoj9rcQet5eVloXIMWWRiyOpBc7gQcAwengELa8/N8q7bBh794AO4e+eWtRNf/asIApZbsAkakGzttwche0BybIdlv2s7bMd0HO9QxgCweRTUTvSDikOFFJdBvWm5pmlC5fgHCZkYsnqwZ/T29iAAtIeHngNW8+HgI5a1sN5ebi7T0BFk3Hp6fAKVPdh49RQJBSSHoOkVfvzKOLbD4Wvt+DVw2M/5WB1EP6h2794dcUuImrJZsXuLioaesIgMF6bTaf5BQi0MWT3ae/87ESxgOQQfj4A1escW7LnnjrVqr/2NS0ixnUO0p8jeLq9eINfw41TGHu6cjnFph7V9nuHQWsYjZFq/D1IGtKZWqwlPIM5kwv3acS4Yecnl/If14w5ZIudjLxZZMWT1KHPP7c0ntiE+94AFh/Ju2wYeeZ+t96Dx/bbX254H7imytcs1yNjq9Qpq1sewAlKY88d2PgxaI/ohJUlS6PNMeLNp8iLSm6XremxhXdd1oZ6sQqEQQ2soKRiyerT3gTsdApLledcBq2nUOherdZscpwBinku0p8gpYLk9OgUsr4AkWq/LcUHr8Tve/DptHuWcLBvRkCU6fBOE6CRiWp9EerIA4NSpUxG3pKlSqfiWSafTnPRObRiyetS8whAQC1i2sAJ4BiwYBjL3WoYK3172CCBBe4osj35BKEggChKwggSkXtsFADsfAa3RdR3ValWo7L59+wLVLfJBE/dQDyVLKpVCPp/3LaeqagytETvPgQMHYmgJJQlDVo/u3inZhgy9AhbWnrfKW16zBSxrbQCAt36NyAJIPwJWWO0TDWrvHAOtEe0BSKfTgedjiax4LRrwaP0aHx/3LdNoNCIPWpqm+Q5LSpIkFAppfWHICkH7kCHaP/ix+ugXsGy9XYa1LNBZNuwA4lVPPwNWWO3bPAps2QNqqtfrmJ+fFyrbzV/nIldX1ev12HohBgWHSINJp9NCw4blcjnSexmWy2XfMoVCgfcrpA4MWSF49MH71jbsw3/2gGWdjO7S2+UcsNB5TFgBxOt40aAWVcAKq32jn7R/Ide1UqkkNPG827/ORa+wivrDMU4i71l0xXBaMzEx4VtG13XhPxqC0jQNi4uLnmXS6TTGxthTTp0YskKw554dzQnqrgHLQCtgtQgErLby1qpDDiBxDTlG1TMmUs+dyfoFqKpqZOFDVVXhobqJiYmu/joXnbSs6zpmZ2cD1x+EpmlCk5Z7JfJ14rIVwaXTaaFhw7m5udC/vvV6HTMzM77lDh48GOp5aXgwZIXkMx997+ozh4Bjbre4BSzDpby16ggCiF89YQS1fk6ef+fHgXdsRZKoqorHH3889OG0Wq2GUqkkVFaW5a7nmIhOWgaa71W0TUHouo5SqYTp6elYwo0sy75z0er1OueidWFsbEzoYoonnngitD9O6vU6pqenfXt8C4VCJFff0nBgyArJox+4D6N3rP6C9byC0Ctgwfn4tRfCDyCiASmMQOTZDoevTWufU32GeL27P4skajQaKJVKoYUtVVVx9OhR4fLFYrGn84n0PphUVcX09HQow2n1eh3lchlHjx6Nfc6XyIdtVMNaw65YLPqG2EajEcrPUb1eR6lU8g3nsiwH+jmn9YchK0RTEw/5BCy0hwihgOUQtKzlegogovWZ5Q2XegSCkGEr3xGw4NAeA2tfBpf9XkHNMJrDhAlfG8vskfnc5z6Hcrkc+ANE13U88cQTgXqLisViz+v9iA7zmDRNw9GjR7t6j+bxpVIJn//85zE3N9eXuV4iS11omoa5ubkYWjNcZFkWCv61Wg1f/vKXu14iRNM0TE9P+/Y4SpKEYrHIye7kaVO/GzBMcg/ciUc/eD9O/uTF5o5eA5bTkKF1v2uwaRV0DzL2/V71mNs9He/WDof36hjmHPY71mPZ3rQNuG8Sw6LRaGBubg5zc3OQZRmZTAaKomD37t1tV/PV63XUajXUajWoqhp4qCyfz4d2KfrY2Bg0TRP+wKvX6633mM1moSgKZFl2HIrTNA26rkPTNFSr1YGYQJ/JZJDL5XzngJXLZdRqNXz6058WWu6CmrLZLIrFou8fDGaPViaTwfj4uNBFCZVKRXi+oiRJmJyc5MKj5IshK2Rf+MQHcOb181h89fzqHoGAZZ+v1bHP+rJPEBIKILb9IvW2lbHXGyAgdZwr4PGe78/2+K5/CWxK1lwsUWaIWlhYCLXefD7f8zCh3eHDh/HEE08EDnvVajWR85eKxSI0TfMNfZVKBZVKBfl8HtlstiMskzPzDwCRntnFxUVMT0+3VmJ3CkXmGliit3liwKIgGLJCtvW2W3D80EdxaOY7WHxtdcjDIcyIBSxb0OopYLns96rH/tjRBqf31mXACnt4c/STQPrDSCpFUWJfET2KgAU0J8EfOXIEMzMz62KV91QqhcnJSUxPTwv1rqmq2jZ3LJ1OI5vN8oo1D/l8HpIkoVQqCX2NzfsO9hrazSFLBiwSxTlZEdh62y04fvgADj78nmABy4BD2LBxnM/kFEBiDFiGQzuc2hdXwLrvnwH3J3uYcHx8HFNTU8LrTfXq4MGDkQQskxk84r55rrnO17Fjx2I9ryzLmJyc7KpnStd1vPrqqxG0arhks1lMTU3FFngKhUKs56PhwJ6siGy97Vb80098EI+8bzee/HYVp88swYxYzQdbb5U1RNhDRZseA0iQQBOk3kGo5/YHAfmzzcchYH5QLy4uolwuR9ILpCgKJiYmYvvgmJiYQC6Xwze+8Y1IF+bM5XLIZrPI5XJ9m5gsyzK+9KUv4emnn153K9vHJZ1OY2pqCqqqYnZ2NpJ5eXH/G6HhwpAVsdwDd+H44Y/h3Pkr+L8/P4ufvrCElfp1nHlNx0rjzWahMAJW2EEmquAW5vHb964+Pgjc8WFgS7D76yVFJpPB5OQkarUa5ufnQ5nkrShKqBPcg8hkMjh27BhUVe36SkK7dDoNRVGgKErXwSqK+VCpVArFYhHj4+Mol8sDM0F/2OTz+dYFB/Pz86Gsi5bP57Fv377A9+0kstpgGG4zrGngXP5vwOW/jidg7f5zQHpftO9nnZqenvbtlTpy5IjnL/dqtdq6ak/0A0WW5VYPzyD9VW69ClKkt05RFEiS1JrILMuyUEB67LHHPF/3+5qHoV7rvpUAAArWSURBVNFotL5nmqZheXnZMWQqioLJSbEhb5FJ27Isx9KjNyhtMedfaZqGs2fPCgV5RVFa90pUFCXyNg7K1wqA722DADBsdok9WUkT55AcDaxsNtu28KX5S7JWq7V6StLpNEZGRpBKpQYqVNnJstxxfzr7L/1ef8GLfIjEIZVKtb53Yd3rbpC+t4PSlnQ6jf3792P//v2tfW4/A+l0ui9XdQ7K1wpggIoSQ1bixBWwGLSSxPwlOSy/LIflfdDg4M8U9QNDVqLEMCfLLPebrwEbpLXybfU4tKdtG871wna8Wd+7/W/AShQ1rtxNRGFjyEqSOIcKGy/0Xk+gdhH11yAN3xDRcGDISprQgpa1VynMoGart3WctZfLtp+IiGgIMWQlThgByeV4h4VTXQOSYz1dBCxmLIrB8vKy5+vsxSKiKDBkJUoYAckevoIe79YOh+E/x1XgHfYTRczvEn7epJmIosCQlSQdvUGr/wsrYAUJSB3ncnhkwKIBwZ4sIuoHhqykcQ1YHkEmyLCi6/GW/V7Hd7t6O1GE/HqyRkZGYmoJEa0nDFmJ4hdo4BKQBANWL7fH2ZYD3vlHwI6/39z35hKg/2/gta/7H08UMb+V5NmTRURRYMhKmkG4D6G9fPofAH/nX7S3c/MocM+fNMPXLw/710MUkWq16luGC1USURQ29rsBFEBbb9XqjrgDlmErf+vdwK7Pubd5217g3j9hwKK+qVQqnq8rihJTS4hovWHISpp+Byx7fXf+EfCOrd5tvnuisx7z+FtHxd43URfq9bpvT1Yul4upNUS03jBkJcnGLc1Ho48By96Tldrj3+53bGv2aDm16zaGLIrOiRMnWjfMdmO90TYRUZg4JytJbr2v+x6nsAJW10N9LvX49YIRdUlVVd+hwnw+j3Q6HVOLiGi9YU9WkqTe23wU7cmKOmAZBlBf9G/3WyvApdPO9Wz/gOCbJxKnqipKpZJvufHx8RhaQ0TrFUNW0mzbv/okpJ4sz3oM//rOzfq3eenpznrN49MfFnjTROLK5bJwwGIvFhFFicOFSbPjD4BLz6xuWMKKY0Ayi3UbsOAQsIzWJgwDuH4OeOkrwP1fdG7v1UXg1f/o3K47x5pLPRCFQNM0zM7Oolar+ZZVFAVjY2MxtIqI1jOGrKTZfB+w8w+AC9/qImDZAhJs5TsClr0eh+MNA1g+Cbz5OnD3QWDnI839by4Bb8wBrz7pXO+mbcDuz/b0pSACmuFqbm7Od8FRkyzLOHz4cMStIiJiyEqm9D8Crv4MePOl3gJSVwHLXs/q9uXTzf/c6rE/3j/JXizqmqZpqFQqqFarvrfMsZJlGUeOHEEqlYqwdURETQxZSbRxC7D7z4Gzfwpce7G3gGQt3/PaWS7tsD9mvtwcKiQSoGkadF3H2bNnUavVsLgocLGFg3w+j4MHDzJgEVFsGLKSygxar08DK2qAgISIApbA46ZtzR4sBixyYfZQ1Wo16LoeqJfKjSRJKBaLXA+LiGLHkJVkG7cAu74EnP8m8Nv/1FwqAQg/IIURsG7/QDNgbeE94shdo9HAwsJCaPUVCgWMj4+z94qI+oIhaxjc8YfA7R8Fzh0HLvxNc19YAanXoLZ5tDnBnb1XJCCM+whKkoR8Po9CocAlGoiorxiyhsU7tgD3HgHu/ONm0Fr+78DbK9H3ZLnVc/uDwOinuA6Wg0KhAEmSfFcjX49SqRRkWRZahsFOlmUUCgXkcjn2XBHRQGDIGja33NUMWnf+MXD5FHDpB83/nAIXEG7Auv1BYOeHm8GKVw66ymazyGazaDQaUFUVp06d6ipUDCtFUYS+HpIkQVEUKIqCbDbLXisiGjgbDCPwTegoiRovAlcqwEoVaCwCb55DT0HrHdsAaQ+w/cFmuNq+N653MpR0XW8FLl3XceTIEWQy63P+WrVaxczMTNu+dDqNkZERyLKMkZERZDIZyLLcpxYSEYlhyFqv3r4KNM40Fw29vtQMTyunW7nLcikikMoAm7auBavNo+ypilCtVoMkSeu2Z6bRaKBWq7WGDomIkoohi4iIiCgCvEE0ERERUQQYsoiIiIgiwKsL14PVEeG4x4U3AMCGDTGflYiIaDAwZCWdYYiFp5iD1gbBczGIERHRsGLISgqvMCUQtOK+vsHAaoDysAGAsWGDZakI2+sMX0RElGAMWQPKNRS5BCq38l7hKszg5RSImktqGa6vu9bVPKCjfez1IiKiJOESDoPCKTwJBiqnb6HoPq/9IrzCk9Nr9n0d282dvvv8zk1ERNRvDFn9JBisvEKVX+Bq2/YZcgTE52z59Sp5hSnfoGUt63Aex30MXERENGAYsvqg40vuE6xEQ1brub0+27ZX3d3oOkAFfd7c4brtto+IiKgfGLJi5BuuBMKQb6iyPHc6xqu+bomErCCBKmj4ctxu7hR9C0RERKFjyIpDD0OA9jDkF7IMw3Cs2+18YYasIAGr29c8nzd3OLaBiIgobgxZUfPprXLqebI+FwlcbmX9tu3HOG27Ee2Bsu9z27YGpCBBzP5cZJuIiCgODFkRE52IHiRM2feJhqsgocz+utuVgm4BSDRc2bf9Hv32AezRIiKiwcB1sqLkMAerbdPxEPf1sexl/AKVSNjy2ufGDEWGYbTCy8aNGzvOZy1nHmc9lzX4tOoyjNYaWRscHu1fq9a+1eOA1YVQLdtERET9wJAVoY55WG7lBCamWye2u9XhtQ6WSMC6efOmaxkzMNlDkxl0bt68iY0b3e837hSsrK9tsAYk11rc+R7H0EVERDFjyIqQ/f59bvfzswYX+z77I1xuQ2PvJXJ7zd4rZN1n743yGyK0vm4PWE7zotyG7DqG+rrQcZz9XAxYREQUM4asKNkDkW3bKXQ5BS57eaegZB5rblt7nZyG7qznM928eVN47pLbfCy314TnXAnMyXI6JzyCGuMVERH1Aye+R81+NSGCTX63Pu+YsG64L90gcjVht1cYii6tEORqQ5GlHLiMAxERJQlDVkz8goxowHLc5xDUgoSpXn4E/JZS8NsnEq5cyzU31vb7bBMREcWJIStO9l4tn16uboKXSFm/Y4LwClnWfa7BSHCJBq9zsfeKiIgGEUNWP/gNIfpsB33ezbYoz56s5k7HbZGhv6D1O5UhIiLqF4asPuv48jsEMPu+bgOZ1z77+Tz5BBmvoGTfDlIWcAlWAm0iIiKKG0PWAHH8VgiELrdjgwasID8Kfj1GvlcDuuxzLNN8wXcfERHRIGHIGlRO4cprP9xDkt+3OKyJ70HKuIUkr/DEoUAiIkoShqwk8QhYnq8FKRMSv56m1itugcrneCIiokHHkDUMRMOTeaVhhE3xC08d5RmkiIhoSHHF92GwYYPwqubd3hswiKBBi4iIaBgxZK0nAcIYERER9WajfxEiIiIiCoohi4iIiCgCDFlEREREEWDIIiIiIooAQxYRERFRBBiyiIiIiCLAkEVEREQUAYYsIiIioggwZBERERFFgCGLiIiIKAIMWUREREQRYMgiIiIiigBDFhEREVEEGLKIiIiIIsCQRURERBQBhiwiIiKiCDBkEREREUWAIYuIiIgoAgxZRERERBFgyCIiIiKKAEMWERERUQQYsoiIiIgiwJBFREREFAGGLCIiIqIIMGQRERERRYAhi4iIiCgCDFlEREREEWDIIiIiIooAQxYRERFRBBiyiIiIiCLw/wHFhXehSRmsyQAAAABJRU5ErkJggg==\n", + "text/plain": [ + "<IPython.core.display.Image object>" + ] + }, + "execution_count": 5, + "metadata": {}, + "output_type": "execute_result" + } + ], + "source": [ + "from IPython.core.display import Image\n", + "Image('https://www.python.org/static/community_logos/python-logo-master-v3-TM-flattened.png')" + ] + }, + { + "cell_type": "code", + "execution_count": 6, + "metadata": {}, + "outputs": [ + { + "name": "stdout", + "output_type": "stream", + "text": [ + "Welcome to Academic!\n" + ] + } + ], + "source": [ + "print(\"Welcome to Academic!\")" + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "## Install Python and JupyterLab\n", + "\n", + "[Install Anaconda](https://www.anaconda.com/distribution/#download-section) which includes Python 3 and JupyterLab.\n", + "\n", + "Alternatively, install JupyterLab with `pip3 install jupyterlab`." + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "## Create or upload a Jupyter notebook\n", + "\n", + "Run the following commands in your Terminal, substituting `<MY-WEBSITE-FOLDER>` and `<SHORT-POST-TITLE>` with the file path to your Academic website folder and a short title for your blog post (use hyphens instead of spaces), respectively:" + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "```bash\n", + "mkdir -p <MY-WEBSITE-FOLDER>/content/post/<SHORT-POST-TITLE>/\n", + "cd <MY-WEBSITE-FOLDER>/content/post/<SHORT-POST-TITLE>/\n", + "jupyter lab index.ipynb\n", + "```" + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "The `jupyter` command above will launch the JupyterLab editor, allowing us to add Academic metadata and write the content." + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "## Edit your post metadata\n", + "\n", + "The first cell of your Jupter notebook will contain your post metadata ([front matter](https://sourcethemes.com/academic/docs/front-matter/)).\n", + "\n", + "In Jupter, choose _Markdown_ as the type of the first cell and wrap your Academic metadata in three dashes, indicating that it is YAML front matter: \n", + "\n", + "```\n", + "---\n", + "title: My post's title\n", + "date: 2019-09-01\n", + "\n", + "# Put any other Academic metadata here...\n", + "---\n", + "```\n", + "\n", + "Edit the metadata of your post, using the [documentation](https://sourcethemes.com/academic/docs/managing-content) as a guide to the available options.\n", + "\n", + "To set a [featured image](https://sourcethemes.com/academic/docs/managing-content/#featured-image), place an image named `featured` into your post's folder.\n", + "\n", + "For other tips, such as using math, see the guide on [writing content with Academic](https://sourcethemes.com/academic/docs/writing-markdown-latex/). " + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "## Convert notebook to Markdown" + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "```bash\n", + "jupyter nbconvert index.ipynb --to markdown --NbConvertApp.output_files_dir=.\n", + "```" + ] + }, + { + "cell_type": "markdown", + "metadata": {}, + "source": [ + "## Example\n", + "\n", + "This post was created with Jupyter. The orginal files can be found at https://github.com/gcushen/hugo-academic/tree/master/exampleSite/content/post/jupyter" + ] + } + ], + "metadata": { + "kernelspec": { + "display_name": "Python 3", + "language": "python", + "name": "python3" + }, + "language_info": { + "codemirror_mode": { + "name": "ipython", + "version": 3 + }, + "file_extension": ".py", + "mimetype": "text/x-python", + "name": "python", + "nbconvert_exporter": "python", + "pygments_lexer": "ipython3", + "version": "3.7.3" + } + }, + "nbformat": 4, + "nbformat_minor": 4 +} diff --git a/exampleSite/content/post/jupyter/index.md b/exampleSite/content/post/jupyter/index.md new file mode 100644 index 00000000..da3d3b87 --- /dev/null +++ b/exampleSite/content/post/jupyter/index.md @@ -0,0 +1,96 @@ +--- +title: Display Jupyter Notebooks with Academic +subtitle: Learn how to blog in Academic using Jupyter notebooks +summary: Learn how to blog in Academic using Jupyter notebooks +authors: +- admin +tags: [] +categories: [] +date: "2019-02-05T00:00:00Z" +lastMod: "2019-09-05T00:00:00Z" +featured: false +draft: false + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: "" + focal_point: "" + +# Projects (optional). +# Associate this post with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `projects = ["internal-project"]` references +# `content/project/deep-learning/index.md`. +# Otherwise, set `projects = []`. +projects: [] +--- + +```python +from IPython.core.display import Image +Image('https://www.python.org/static/community_logos/python-logo-master-v3-TM-flattened.png') +``` + + + + + + + + + +```python +print("Welcome to Academic!") +``` + + Welcome to Academic! + + +## Install Python and JupyterLab + +[Install Anaconda](https://www.anaconda.com/distribution/#download-section) which includes Python 3 and JupyterLab. + +Alternatively, install JupyterLab with `pip3 install jupyterlab`. + +## Create or upload a Jupyter notebook + +Run the following commands in your Terminal, substituting `<MY-WEBSITE-FOLDER>` and `<SHORT-POST-TITLE>` with the file path to your Academic website folder and a short title for your blog post (use hyphens instead of spaces), respectively: + +```bash +mkdir -p <MY-WEBSITE-FOLDER>/content/post/<SHORT-POST-TITLE>/ +cd <MY-WEBSITE-FOLDER>/content/post/<SHORT-POST-TITLE>/ +jupyter lab index.ipynb +``` + +The `jupyter` command above will launch the JupyterLab editor, allowing us to add Academic metadata and write the content. + +## Edit your post metadata + +The first cell of your Jupter notebook will contain your post metadata ([front matter](https://sourcethemes.com/academic/docs/front-matter/)). + +In Jupter, choose _Markdown_ as the type of the first cell and wrap your Academic metadata in three dashes, indicating that it is YAML front matter: + +``` +--- +title: My post's title +date: 2019-09-01 + +# Put any other Academic metadata here... +--- +``` + +Edit the metadata of your post, using the [documentation](https://sourcethemes.com/academic/docs/managing-content) as a guide to the available options. + +To set a [featured image](https://sourcethemes.com/academic/docs/managing-content/#featured-image), place an image named `featured` into your post's folder. + +For other tips, such as using math, see the guide on [writing content with Academic](https://sourcethemes.com/academic/docs/writing-markdown-latex/). + +## Convert notebook to Markdown + +```bash +jupyter nbconvert index.ipynb --to markdown --NbConvertApp.output_files_dir=. +``` + +## Example + +This post was created with Jupyter. The orginal files can be found at https://github.com/gcushen/hugo-academic/tree/master/exampleSite/content/post/jupyter diff --git a/exampleSite/content/post/jupyter/index_1_0.png b/exampleSite/content/post/jupyter/index_1_0.png Binary files differnew file mode 100644 index 00000000..738f6ed4 --- /dev/null +++ b/exampleSite/content/post/jupyter/index_1_0.png diff --git a/exampleSite/content/post/writing-technical-content/featured.jpg b/exampleSite/content/post/writing-technical-content/featured.jpg Binary files differnew file mode 100644 index 00000000..e2c0fb24 --- /dev/null +++ b/exampleSite/content/post/writing-technical-content/featured.jpg diff --git a/exampleSite/content/post/writing-technical-content/index.md b/exampleSite/content/post/writing-technical-content/index.md new file mode 100644 index 00000000..78ddb748 --- /dev/null +++ b/exampleSite/content/post/writing-technical-content/index.md @@ -0,0 +1,308 @@ +--- +title: Writing technical content in Academic +date: 2019-07-12 +math: true +diagram: true +image: + placement: 3 + caption: 'Image credit: [**John Moeses Bauan**](https://unsplash.com/photos/OGZtQF8iC0g)' +--- + +Academic is designed to give technical content creators a seamless experience. You can focus on the content and Academic handles the rest. + +**Highlight your code snippets, take notes on math classes, and draw diagrams from textual representation.** + +On this page, you'll find some examples of the types of technical content that can be rendered with Academic. + +## Examples + +### Code + +Academic supports a Markdown extension for highlighting code syntax. You can enable this feature by toggling the `highlight` option in your `config/_default/params.toml` file. + + ```python + import pandas as pd + data = pd.read_csv("data.csv") + data.head() + ``` + +renders as + +```python +import pandas as pd +data = pd.read_csv("data.csv") +data.head() +``` + +### Charts + +Academic supports the popular [Plotly](https://plot.ly/) chart format. + +Save your Plotly JSON in your page folder, for example `chart.json`, and then add the `{{</* chart data="chart" */>}}` shortcode where you would like the chart to appear. + +Demo: + +{{< chart data="line-chart" >}} + +You might also find the [Plotly JSON Editor](http://plotly-json-editor.getforge.io/) useful. + +### Math + +Academic supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the `math` option in your `config/_default/params.toml` file. + +To render *inline* or *block* math, wrap your LaTeX math with `$...$` or `$$...$$`, respectively. + +Example **math block**: + +```latex +$$\gamma_{n} = \frac{ +\left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T +\left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |} +{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$ +``` + +renders as + +$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$ + +Example **inline math** `$\nabla F(\mathbf{x}_{n})$` renders as $\nabla F(\mathbf{x}_{n})$. + +Example **multi-line math** using the `\\\\` math linebreak: + +```latex +$$f(k;p_0^*) = \begin{cases} p_0^* & \text{if }k=1, \\\\ +1-p_0^* & \text {if }k=0.\end{cases}$$ +``` + +renders as + +$$f(k;p_0^*) = \begin{cases} p_0^* & \text{if }k=1, \\\\ +1-p_0^* & \text {if }k=0.\end{cases}$$ + +### Diagrams + +Academic supports a Markdown extension for diagrams. You can enable this feature by toggling the `diagram` option in your `config/_default/params.toml` file or by adding `diagram: true` to your page front matter. + +An example **flowchart**: + + ```mermaid + graph TD + A[Hard] -->|Text| B(Round) + B --> C{Decision} + C -->|One| D[Result 1] + C -->|Two| E[Result 2] + ``` + +renders as + +```mermaid +graph TD +A[Hard] -->|Text| B(Round) +B --> C{Decision} +C -->|One| D[Result 1] +C -->|Two| E[Result 2] +``` + +An example **sequence diagram**: + + ```mermaid + sequenceDiagram + Alice->>John: Hello John, how are you? + loop Healthcheck + John->>John: Fight against hypochondria + end + Note right of John: Rational thoughts! + John-->>Alice: Great! + John->>Bob: How about you? + Bob-->>John: Jolly good! + ``` + +renders as + +```mermaid +sequenceDiagram +Alice->>John: Hello John, how are you? +loop Healthcheck + John->>John: Fight against hypochondria +end +Note right of John: Rational thoughts! +John-->>Alice: Great! +John->>Bob: How about you? +Bob-->>John: Jolly good! +``` + +An example **Gantt diagram**: + + ```mermaid + gantt + section Section + Completed :done, des1, 2014-01-06,2014-01-08 + Active :active, des2, 2014-01-07, 3d + Parallel 1 : des3, after des1, 1d + Parallel 2 : des4, after des1, 1d + Parallel 3 : des5, after des3, 1d + Parallel 4 : des6, after des4, 1d + ``` + +renders as + +```mermaid +gantt +section Section +Completed :done, des1, 2014-01-06,2014-01-08 +Active :active, des2, 2014-01-07, 3d +Parallel 1 : des3, after des1, 1d +Parallel 2 : des4, after des1, 1d +Parallel 3 : des5, after des3, 1d +Parallel 4 : des6, after des4, 1d +``` + +An example **class diagram**: + + ```mermaid + classDiagram + Class01 <|-- AveryLongClass : Cool + <<interface>> Class01 + Class09 --> C2 : Where am i? + Class09 --* C3 + Class09 --|> Class07 + Class07 : equals() + Class07 : Object[] elementData + Class01 : size() + Class01 : int chimp + Class01 : int gorilla + class Class10 { + <<service>> + int id + size() + } + ``` + +renders as + +```mermaid +classDiagram +Class01 <|-- AveryLongClass : Cool +<<interface>> Class01 +Class09 --> C2 : Where am i? +Class09 --* C3 +Class09 --|> Class07 +Class07 : equals() +Class07 : Object[] elementData +Class01 : size() +Class01 : int chimp +Class01 : int gorilla +class Class10 { + <<service>> + int id + size() +} +``` + +An example **state diagram**: + + ```mermaid + stateDiagram + [*] --> Still + Still --> [*] + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] + ``` + +renders as + +```mermaid +stateDiagram +[*] --> Still +Still --> [*] +Still --> Moving +Moving --> Still +Moving --> Crash +Crash --> [*] +``` + +### Todo lists + +You can even write your todo lists in Academic too: + +```markdown +- [x] Write math example +- [x] Write diagram example +- [ ] Do something else +``` + +renders as + +- [x] Write math example +- [x] Write diagram example +- [ ] Do something else + +### Tables + +Represent your data in tables: + +```markdown +| First Header | Second Header | +| ------------- | ------------- | +| Content Cell | Content Cell | +| Content Cell | Content Cell | +``` + +renders as + +| First Header | Second Header | +| ------------- | ------------- | +| Content Cell | Content Cell | +| Content Cell | Content Cell | + +### Callouts + +Academic supports a [shortcode for callouts](https://sourcethemes.com/academic/docs/writing-markdown-latex/#alerts), also referred to as *asides*, *hints*, or *alerts*. By wrapping a paragraph in `{{%/* alert note */%}} ... {{%/* /alert */%}}`, it will render as an aside. + +```markdown +{{%/* alert note */%}} +A Markdown aside is useful for displaying notices, hints, or definitions to your readers. +{{%/* /alert */%}} +``` + +renders as + +{{% alert note %}} +A Markdown aside is useful for displaying notices, hints, or definitions to your readers. +{{% /alert %}} + +### Spoilers + +Add a spoiler to a page to reveal text, such as an answer to a question, after a button is clicked. + +```markdown +{{</* spoiler text="Click to view the spoiler" */>}} +You found me! +{{</* /spoiler */>}} +``` + +renders as + +{{< spoiler text="Click to view the spoiler" >}} You found me! {{< /spoiler >}} + +### Icons + +Academic enables you to use a wide range of [icons from _Font Awesome_ and _Academicons_](https://sourcethemes.com/academic/docs/page-builder/#icons) in addition to [emojis](https://sourcethemes.com/academic/docs/writing-markdown-latex/#emojis). + +Here are some examples using the `icon` shortcode to render icons: + +```markdown +{{</* icon name="terminal" pack="fas" */>}} Terminal +{{</* icon name="python" pack="fab" */>}} Python +{{</* icon name="r-project" pack="fab" */>}} R +``` + +renders as + +{{< icon name="terminal" pack="fas" >}} Terminal +{{< icon name="python" pack="fab" >}} Python +{{< icon name="r-project" pack="fab" >}} R + +### Did you find this page helpful? Consider sharing it 🙌 diff --git a/exampleSite/content/post/writing-technical-content/line-chart.json b/exampleSite/content/post/writing-technical-content/line-chart.json new file mode 100644 index 00000000..446ce82a --- /dev/null +++ b/exampleSite/content/post/writing-technical-content/line-chart.json @@ -0,0 +1,77 @@ +{ + "data": [ + { + "uid": "babced", + "fill": "tonexty", + "mode": "none", + "name": "Col2", + "type": "scatter", + "x": [ + "2000-01-01", + "2001-01-01", + "2002-01-01", + "2003-01-01", + "2004-01-01", + "2005-01-01", + "2006-01-01", + "2007-01-01", + "2008-01-01", + "2009-01-01", + "2010-01-01", + "2011-01-01", + "2012-01-01", + "2013-01-01", + "2014-01-01", + "2015-01-01", + "2016-01-01" + ], + "y": [ + "17087182", + "29354370", + "38760373", + "40912332", + "51611646", + "64780617", + "85507314", + "121892559", + "172338726", + "238027855", + "206956723", + "346004403", + "697089489", + "672985183", + "968882453", + "863105652", + "1068513050" + ], + "fillcolor": "rgb(224, 102, 102)" + } + ], + "layout": { + "title": "Total Number of Websites", + "width": 800, + "xaxis": { + "type": "date", + "range": [ + 946702800000, + 1451624400000 + ], + "title": "Source: <a href=\"http://www.scribblrs.com/\">Scribblrs</a><br>Source: <a href=\"http://www.internetlivestats.com/total-number-of-websites/\">Internet Live Stats</a>", + "showgrid": false, + "autorange": true, + "tickformat": "%Y" + }, + "yaxis": { + "type": "linear", + "range": [ + 0, + 1124750578.9473684 + ], + "title": "", + "autorange": true + }, + "height": 500, + "autosize": false + }, + "frames": [] +} diff --git a/exampleSite/content/privacy.md b/exampleSite/content/privacy.md new file mode 100644 index 00000000..5566c5a8 --- /dev/null +++ b/exampleSite/content/privacy.md @@ -0,0 +1,15 @@ +--- +title: Privacy Policy +date: "2018-06-28T00:00:00+01:00" +draft: true +share: false +commentable: false +editable: false + +# Optional header image (relative to `static/img/` folder). +header: + caption: "" + image: "" +--- + +... diff --git a/exampleSite/content/project/external-project/featured.jpg b/exampleSite/content/project/external-project/featured.jpg Binary files differnew file mode 100644 index 00000000..050f74d5 --- /dev/null +++ b/exampleSite/content/project/external-project/featured.jpg diff --git a/exampleSite/content/project/external-project/index.md b/exampleSite/content/project/external-project/index.md new file mode 100644 index 00000000..f40cd208 --- /dev/null +++ b/exampleSite/content/project/external-project/index.md @@ -0,0 +1,14 @@ +--- +title: External Project +summary: An example of linking directly to an external project website using `external_link`. +tags: +- Demo +date: "2016-04-27T00:00:00Z" + +# Optional external URL for project (replaces project detail page). +external_link: http://example.org + +image: + caption: Photo by Toa Heftiba on Unsplash + focal_point: Smart +--- diff --git a/exampleSite/content/project/internal-project/featured.jpg b/exampleSite/content/project/internal-project/featured.jpg Binary files differnew file mode 100644 index 00000000..5d8815cc --- /dev/null +++ b/exampleSite/content/project/internal-project/featured.jpg diff --git a/exampleSite/content/project/internal-project/index.md b/exampleSite/content/project/internal-project/index.md new file mode 100644 index 00000000..e7853fc1 --- /dev/null +++ b/exampleSite/content/project/internal-project/index.md @@ -0,0 +1,41 @@ +--- +title: Internal Project +summary: An example of using the in-built project page. +tags: +- Deep Learning +date: "2016-04-27T00:00:00Z" + +# Optional external URL for project (replaces project detail page). +external_link: "" + +image: + caption: Photo by rawpixel on Unsplash + focal_point: Smart + +links: +- icon: twitter + icon_pack: fab + name: Follow + url: https://twitter.com/georgecushen +url_code: "" +url_pdf: "" +url_slides: "" +url_video: "" + +# Slides (optional). +# Associate this project with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`. +# Otherwise, set `slides = ""`. +slides: example +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus. + +Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus. + +Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare. + +Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at. diff --git a/exampleSite/content/publication/_index.md b/exampleSite/content/publication/_index.md new file mode 100644 index 00000000..1c324d54 --- /dev/null +++ b/exampleSite/content/publication/_index.md @@ -0,0 +1,15 @@ +--- +title: Publications + +# View. +# 1 = List +# 2 = Compact +# 3 = Card +# 4 = Citation +view: 4 + +# Optional header image (relative to `static/media/` folder). +header: + caption: "" + image: "" +--- diff --git a/exampleSite/content/publication/conference-paper/cite.bib b/exampleSite/content/publication/conference-paper/cite.bib new file mode 100644 index 00000000..98c37482 --- /dev/null +++ b/exampleSite/content/publication/conference-paper/cite.bib @@ -0,0 +1,8 @@ +@inproceedings{example1, + title={An example conference paper}, + author={Bighetti, Nelson and Ford, Robert}, + booktitle={Source Themes Conference}, + pages={1--6}, + year={2013}, + organization={IEEE} +} diff --git a/exampleSite/content/publication/conference-paper/featured.jpg b/exampleSite/content/publication/conference-paper/featured.jpg Binary files differnew file mode 100644 index 00000000..2ebab27a --- /dev/null +++ b/exampleSite/content/publication/conference-paper/featured.jpg diff --git a/exampleSite/content/publication/conference-paper/index.md b/exampleSite/content/publication/conference-paper/index.md new file mode 100644 index 00000000..338f606a --- /dev/null +++ b/exampleSite/content/publication/conference-paper/index.md @@ -0,0 +1,75 @@ +--- +title: "An example conference paper" +authors: +- admin +- Robert Ford +date: "2013-07-01T00:00:00Z" +doi: "" + +# Schedule page publish date (NOT publication's date). +publishDate: "2017-01-01T00:00:00Z" + +# Publication type. +# Legend: 0 = Uncategorized; 1 = Conference paper; 2 = Journal article; +# 3 = Preprint / Working Paper; 4 = Report; 5 = Book; 6 = Book section; +# 7 = Thesis; 8 = Patent +publication_types: ["1"] + +# Publication name and optional abbreviated publication name. +publication: In *Source Themes Conference* +publication_short: In *STC* + +abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +# Summary. An optional shortened abstract. +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. + +tags: +- Source Themes +featured: true + +links: +- name: Custom Link + url: http://example.org +url_pdf: http://eprints.soton.ac.uk/352095/1/Cushen-IMV2013.pdf +url_code: '#' +url_dataset: '#' +url_poster: '#' +url_project: '' +url_slides: '' +url_source: '#' +url_video: '#' + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/pLCdAaMFLTE)' + focal_point: "" + preview_only: false + +# Associated Projects (optional). +# Associate this publication with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `internal-project` references `content/project/internal-project/index.md`. +# Otherwise, set `projects: []`. +projects: +- internal-project + +# Slides (optional). +# Associate this publication with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides: "example"` references `content/slides/example/index.md`. +# Otherwise, set `slides: ""`. +slides: example +--- + +{{% alert note %}} +Click the *Cite* button above to demo the feature to enable visitors to import publication metadata into their reference management software. +{{% /alert %}} + +{{% alert note %}} +Click the *Slides* button above to demo Academic's Markdown slides feature. +{{% /alert %}} + +Supplementary notes can be added here, including [code and math](https://sourcethemes.com/academic/docs/writing-markdown-latex/). + diff --git a/exampleSite/content/publication/journal-article/cite.bib b/exampleSite/content/publication/journal-article/cite.bib new file mode 100644 index 00000000..a7da7acc --- /dev/null +++ b/exampleSite/content/publication/journal-article/cite.bib @@ -0,0 +1,8 @@ +@article{example2, + title = {An example journal article}, + author={Bighetti, Nelson and Ford, Robert}, + journal = {Journal of Source Themes}, + year = 2015, + volume = 1, + number = 1 +} diff --git a/exampleSite/content/publication/journal-article/featured.jpg b/exampleSite/content/publication/journal-article/featured.jpg Binary files differnew file mode 100644 index 00000000..15272c01 --- /dev/null +++ b/exampleSite/content/publication/journal-article/featured.jpg diff --git a/exampleSite/content/publication/journal-article/index.md b/exampleSite/content/publication/journal-article/index.md new file mode 100644 index 00000000..cd4c1dad --- /dev/null +++ b/exampleSite/content/publication/journal-article/index.md @@ -0,0 +1,76 @@ +--- +title: "An example journal article" +authors: +- admin +- Robert Ford +author_notes: +- "Equal contribution" +- "Equal contribution" +date: "2015-09-01T00:00:00Z" +doi: "" + +# Schedule page publish date (NOT publication's date). +publishDate: "2017-01-01T00:00:00Z" + +# Publication type. +# Legend: 0 = Uncategorized; 1 = Conference paper; 2 = Journal article; +# 3 = Preprint / Working Paper; 4 = Report; 5 = Book; 6 = Book section; +# 7 = Thesis; 8 = Patent +publication_types: ["2"] + +# Publication name and optional abbreviated publication name. +publication: "*Journal of Source Themes, 1*(1)" +publication_short: "" + +abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +# Summary. An optional shortened abstract. +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. + +tags: +- Source Themes +featured: false + +# links: +# - name: "" +# url: "" +url_pdf: http://arxiv.org/pdf/1512.04133v1 +url_code: '' +url_dataset: '' +url_poster: '' +url_project: '' +url_slides: '' +url_source: '' +url_video: '' + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/jdD8gXaTZsc)' + focal_point: "" + preview_only: false + +# Associated Projects (optional). +# Associate this publication with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `internal-project` references `content/project/internal-project/index.md`. +# Otherwise, set `projects: []`. +projects: [] + +# Slides (optional). +# Associate this publication with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides: "example"` references `content/slides/example/index.md`. +# Otherwise, set `slides: ""`. +slides: example +--- + +{{% alert note %}} +Click the *Cite* button above to demo the feature to enable visitors to import publication metadata into their reference management software. +{{% /alert %}} + +{{% alert note %}} +Click the *Slides* button above to demo Academic's Markdown slides feature. +{{% /alert %}} + +Supplementary notes can be added here, including [code and math](https://sourcethemes.com/academic/docs/writing-markdown-latex/). diff --git a/exampleSite/content/publication/preprint/featured.jpg b/exampleSite/content/publication/preprint/featured.jpg Binary files differnew file mode 100644 index 00000000..8fdeeeec --- /dev/null +++ b/exampleSite/content/publication/preprint/featured.jpg diff --git a/exampleSite/content/publication/preprint/index.md b/exampleSite/content/publication/preprint/index.md new file mode 100644 index 00000000..6a1b610f --- /dev/null +++ b/exampleSite/content/publication/preprint/index.md @@ -0,0 +1,69 @@ +--- +title: "An example preprint / working paper" +authors: +- admin +date: "2019-04-07T00:00:00Z" +doi: "" + +# Schedule page publish date (NOT publication's date). +publishDate: "2017-01-01T00:00:00Z" + +# Publication type. +# Legend: 0 = Uncategorized; 1 = Conference paper; 2 = Journal article; +# 3 = Preprint / Working Paper; 4 = Report; 5 = Book; 6 = Book section; +# 7 = Thesis; 8 = Patent +publication_types: ["3"] + +# Publication name and optional abbreviated publication name. +publication: "" +publication_short: "" + +abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +# Summary. An optional shortened abstract. +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. + +tags: +- Source Themes +featured: false + +links: +- name: Custom Link + url: http://example.org +url_pdf: http://arxiv.org/pdf/1512.04133v1 +url_code: '#' +url_dataset: '#' +url_poster: '#' +url_project: '' +url_slides: '' +url_source: '#' +url_video: '#' + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/s9CC2SKySJM)' + focal_point: "" + preview_only: false + +# Associated Projects (optional). +# Associate this publication with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `internal-project` references `content/project/internal-project/index.md`. +# Otherwise, set `projects: []`. +projects: +- internal-project + +# Slides (optional). +# Associate this publication with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides: "example"` references `content/slides/example/index.md`. +# Otherwise, set `slides: ""`. +slides: example +--- + +{{% alert note %}} +Click the *Slides* button above to demo Academic's Markdown slides feature. +{{% /alert %}} + +Supplementary notes can be added here, including [code and math](https://sourcethemes.com/academic/docs/writing-markdown-latex/). diff --git a/exampleSite/content/slides/example/index.md b/exampleSite/content/slides/example/index.md new file mode 100644 index 00000000..25a1fccd --- /dev/null +++ b/exampleSite/content/slides/example/index.md @@ -0,0 +1,166 @@ +--- +title: Slides +summary: An introduction to using Academic's Slides feature. +authors: [] +tags: [] +categories: [] +date: "2019-02-05T00:00:00Z" +slides: + # Choose a theme from https://github.com/hakimel/reveal.js#theming + theme: black + # Choose a code highlighting style (if highlighting enabled in `params.toml`) + # Light style: github. Dark style: dracula (default). + highlight_style: dracula +--- + +# Create slides in Markdown with Academic + +[Academic](https://sourcethemes.com/academic/) | [Documentation](https://sourcethemes.com/academic/docs/managing-content/#create-slides) + +--- + +## Features + +- Efficiently write slides in Markdown +- 3-in-1: Create, Present, and Publish your slides +- Supports speaker notes +- Mobile friendly slides + +--- + +## Controls + +- Next: `Right Arrow` or `Space` +- Previous: `Left Arrow` +- Start: `Home` +- Finish: `End` +- Overview: `Esc` +- Speaker notes: `S` +- Fullscreen: `F` +- Zoom: `Alt + Click` +- [PDF Export](https://github.com/hakimel/reveal.js#pdf-export): `E` + +--- + +## Code Highlighting + +Inline code: `variable` + +Code block: +```python +porridge = "blueberry" +if porridge == "blueberry": + print("Eating...") +``` + +--- + +## Math + +In-line math: $x + y = z$ + +Block math: + +$$ +f\left( x \right) = \;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} +$$ + +--- + +## Fragments + +Make content appear incrementally + +``` +{{%/* fragment */%}} One {{%/* /fragment */%}} +{{%/* fragment */%}} **Two** {{%/* /fragment */%}} +{{%/* fragment */%}} Three {{%/* /fragment */%}} +``` + +Press `Space` to play! + +{{% fragment %}} One {{% /fragment %}} +{{% fragment %}} **Two** {{% /fragment %}} +{{% fragment %}} Three {{% /fragment %}} + +--- + +A fragment can accept two optional parameters: + +- `class`: use a custom style (requires definition in custom CSS) +- `weight`: sets the order in which a fragment appears + +--- + +## Speaker Notes + +Add speaker notes to your presentation + +```markdown +{{%/* speaker_note */%}} +- Only the speaker can read these notes +- Press `S` key to view +{{%/* /speaker_note */%}} +``` + +Press the `S` key to view the speaker notes! + +{{< speaker_note >}} +- Only the speaker can read these notes +- Press `S` key to view +{{< /speaker_note >}} + +--- + +## Themes + +- black: Black background, white text, blue links (default) +- white: White background, black text, blue links +- league: Gray background, white text, blue links +- beige: Beige background, dark text, brown links +- sky: Blue background, thin dark text, blue links + +--- + +- night: Black background, thick white text, orange links +- serif: Cappuccino background, gray text, brown links +- simple: White background, black text, blue links +- solarized: Cream-colored background, dark green text, blue links + +--- + +{{< slide background-image="/media/boards.jpg" >}} + +## Custom Slide + +Customize the slide style and background + +```markdown +{{</* slide background-image="/media/boards.jpg" */>}} +{{</* slide background-color="#0000FF" */>}} +{{</* slide class="my-style" */>}} +``` + +--- + +## Custom CSS Example + +Let's make headers navy colored. + +Create `assets/css/reveal_custom.css` with: + +```css +.reveal section h1, +.reveal section h2, +.reveal section h3 { + color: navy; +} +``` + +--- + +# Questions? + +[Ask](https://spectrum.chat/academic) + +[Documentation](https://sourcethemes.com/academic/docs/managing-content/#create-slides) diff --git a/exampleSite/content/talk/_index.md b/exampleSite/content/talk/_index.md new file mode 100644 index 00000000..aa6e6a8e --- /dev/null +++ b/exampleSite/content/talk/_index.md @@ -0,0 +1,14 @@ +--- +title: Recent & Upcoming Talks + +# View. +# 1 = List +# 2 = Compact +# 3 = Card +view: 2 + +# Optional header image (relative to `static/media/` folder). +header: + caption: "" + image: "" +--- diff --git a/exampleSite/content/talk/example/featured.jpg b/exampleSite/content/talk/example/featured.jpg Binary files differnew file mode 100644 index 00000000..7b16c3c9 --- /dev/null +++ b/exampleSite/content/talk/example/featured.jpg diff --git a/exampleSite/content/talk/example/index.md b/exampleSite/content/talk/example/index.md new file mode 100644 index 00000000..c07b5a45 --- /dev/null +++ b/exampleSite/content/talk/example/index.md @@ -0,0 +1,75 @@ +--- +title: Example Talk +event: Academic Theme Conference +event_url: https://example.org + +location: Source Themes HQ +address: + street: 450 Serra Mall + city: Stanford + region: CA + postcode: '94305' + country: United States + +summary: An example talk using Academic's Markdown slides feature. +abstract: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellusac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam." + +# Talk start and end times. +# End time can optionally be hidden by prefixing the line with `#`. +date: "2030-06-01T13:00:00Z" +date_end: "2030-06-01T15:00:00Z" +all_day: false + +# Schedule page publish date (NOT talk date). +publishDate: "2017-01-01T00:00:00Z" + +authors: [] +tags: [] + +# Is this a featured talk? (true/false) +featured: false + +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/bzdhc5b3Bxs)' + focal_point: Right + +links: +- icon: twitter + icon_pack: fab + name: Follow + url: https://twitter.com/georgecushen +url_code: "" +url_pdf: "" +url_slides: "" +url_video: "" + +# Markdown Slides (optional). +# Associate this talk with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`. +# Otherwise, set `slides = ""`. +slides: example + +# Projects (optional). +# Associate this post with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`. +# Otherwise, set `projects = []`. +projects: +- internal-project + +# Enable math on this page? +math: true +--- + +{{% alert note %}} +Click on the **Slides** button above to view the built-in slides feature. +{{% /alert %}} + +Slides can be added in a few ways: + +- **Create** slides using Academic's [*Slides*](https://sourcethemes.com/academic/docs/managing-content/#create-slides) feature and link using `slides` parameter in the front matter of the talk file +- **Upload** an existing slide deck to `static/` and link using `url_slides` parameter in the front matter of the talk file +- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://sourcethemes.com/academic/docs/writing-markdown-latex/). + +Further talk details can easily be added to this page using *Markdown* and $\rm \LaTeX$ math code. diff --git a/exampleSite/content/terms.md b/exampleSite/content/terms.md new file mode 100644 index 00000000..5a5d865e --- /dev/null +++ b/exampleSite/content/terms.md @@ -0,0 +1,15 @@ +--- +title: Terms +date: "2018-06-28T00:00:00+01:00" +draft: true +share: false +commentable: false +editable: false + +# Optional header image (relative to `static/img/` folder). +header: + caption: "" + image: "" +--- + +... diff --git a/exampleSite/go.mod b/exampleSite/go.mod new file mode 100644 index 00000000..fe6840b3 --- /dev/null +++ b/exampleSite/go.mod @@ -0,0 +1,5 @@ +module github.com/wowchemy/starter-academic/exampleSite + +go 1.15 + +require github.com/wowchemy/wowchemy-hugo-modules/wowchemy v0.0.0-20200902195927-86da39719ccd // indirect diff --git a/exampleSite/go.sum b/exampleSite/go.sum new file mode 100644 index 00000000..9062bcc2 --- /dev/null +++ b/exampleSite/go.sum @@ -0,0 +1,2 @@ +github.com/wowchemy/wowchemy-hugo-modules/wowchemy v0.0.0-20200902195927-86da39719ccd h1:ib4vY08iCxJQlQtf0m/Bz9Ha2HJ83te60V9NCnTR6VE= +github.com/wowchemy/wowchemy-hugo-modules/wowchemy v0.0.0-20200902195927-86da39719ccd/go.mod h1:H22qfH9qj3FWwsk7+bAZpmT24yRGNQURah2/IRwjbn8= diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_76ac6956597c32fec7ddf60d408db3ab.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_76ac6956597c32fec7ddf60d408db3ab.content new file mode 100644 index 00000000..674a5ba7 --- /dev/null +++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_76ac6956597c32fec7ddf60d408db3ab.content @@ -0,0 +1,9241 @@ +/* Set Bootstrap variables */ +/*! + * Bootstrap v4.4.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #2962ff; + --secondary: #6c757d; + --success: #28a745; + --info: #17a2b8; + --warning: #ffc107; + --danger: #dc3545; + --light: #f8f9fa; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + +*, +*::before, +*::after { + box-sizing: border-box; } + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fff; } + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; } + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: 700; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +b, +strong { + font-weight: bolder; } + +small { + font-size: 80%; } + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } + +sub { + bottom: -.25em; } + +sup { + top: -.5em; } + +a { + color: #2962ff; + text-decoration: none; + background-color: transparent; } + a:hover { + color: #003adc; + text-decoration: underline; } + +a:not([href]) { + color: inherit; + text-decoration: none; } + a:not([href]):hover { + color: inherit; + text-decoration: none; } + +pre, +code, +kbd, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; } + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; + border-style: none; } + +svg { + overflow: hidden; + vertical-align: middle; } + +table { + border-collapse: collapse; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: rgba(0, 0, 0, 0.54); + text-align: left; + caption-side: bottom; } + +th { + text-align: inherit; } + +label { + display: inline-block; + margin-bottom: 0.5rem; } + +button { + border-radius: 0; } + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +button, +input { + overflow: visible; } + +button, +select { + text-transform: none; } + +select { + word-wrap: normal; } + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; } + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; } + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; } + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; } + +textarea { + overflow: auto; + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; } + +progress { + vertical-align: baseline; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; } + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; } + +output { + display: inline-block; } + +summary { + display: list-item; + cursor: pointer; } + +template { + display: none; } + +[hidden] { + display: none !important; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; } + +h1, .h1 { + font-size: 2.5rem; } + +h2, .h2 { + font-size: 2rem; } + +h3, .h3 { + font-size: 1.75rem; } + +h4, .h4 { + font-size: 1.5rem; } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } + +.lead { + font-size: 1.25rem; + font-weight: 300; } + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; } + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; } + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; } + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; } + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +small, +.small { + font-size: 80%; + font-weight: 400; } + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; } + +.list-unstyled { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + list-style: none; } + +.list-inline-item { + display: inline-block; } + .list-inline-item:not(:last-child) { + margin-right: 0.5rem; } + +.initialism { + font-size: 90%; + text-transform: uppercase; } + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; } + +.blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; } + .blockquote-footer::before { + content: "\2014\00A0"; } + +.img-fluid { + max-width: 100%; + height: auto; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #6c757d; } + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; } + a > code { + color: inherit; } + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; } + +pre { + display: block; + font-size: 87.5%; + color: #212529; } + pre code { + font-size: inherit; + color: inherit; + word-break: normal; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } + @media (min-width: 576px) { + .container { + max-width: 540px; } } + @media (min-width: 768px) { + .container { + max-width: 720px; } } + @media (min-width: 992px) { + .container { + max-width: 960px; } } + @media (min-width: 1200px) { + .container { + max-width: 1200px; } } +.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; } } + +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; } } + +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; } } + +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1200px; } } + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; } + +.no-gutters { + margin-right: 0; + margin-left: 0; } + .no-gutters > .col, + .no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; } + +.col-xl, +.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, +.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, +.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, +.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, +.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; } + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; } + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; } + +.row-cols-3 > * { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; } + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; } + +.row-cols-6 > * { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + +.col-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + +.col-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + +.col-3 { + flex: 0 0 25%; + max-width: 25%; } + +.col-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + +.col-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + +.col-6 { + flex: 0 0 50%; + max-width: 50%; } + +.col-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + +.col-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + +.col-9 { + flex: 0 0 75%; + max-width: 75%; } + +.col-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + +.col-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + +.col-12 { + flex: 0 0 100%; + max-width: 100%; } + +.order-first { + order: -1; } + +.order-last { + order: 13; } + +.order-0 { + order: 0; } + +.order-1 { + order: 1; } + +.order-2 { + order: 2; } + +.order-3 { + order: 3; } + +.order-4 { + order: 4; } + +.order-5 { + order: 5; } + +.order-6 { + order: 6; } + +.order-7 { + order: 7; } + +.order-8 { + order: 8; } + +.order-9 { + order: 9; } + +.order-10 { + order: 10; } + +.order-11 { + order: 11; } + +.order-12 { + order: 12; } + +.offset-1 { + margin-left: 8.33333333%; } + +.offset-2 { + margin-left: 16.66666667%; } + +.offset-3 { + margin-left: 25%; } + +.offset-4 { + margin-left: 33.33333333%; } + +.offset-5 { + margin-left: 41.66666667%; } + +.offset-6 { + margin-left: 50%; } + +.offset-7 { + margin-left: 58.33333333%; } + +.offset-8 { + margin-left: 66.66666667%; } + +.offset-9 { + margin-left: 75%; } + +.offset-10 { + margin-left: 83.33333333%; } + +.offset-11 { + margin-left: 91.66666667%; } + +@media (min-width: 576px) { + .col-sm { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-sm-3 > * { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-sm-6 > * { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-sm-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-sm-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-sm-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-sm-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-sm-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-sm-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-sm-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-sm-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-sm-first { + order: -1; } + .order-sm-last { + order: 13; } + .order-sm-0 { + order: 0; } + .order-sm-1 { + order: 1; } + .order-sm-2 { + order: 2; } + .order-sm-3 { + order: 3; } + .order-sm-4 { + order: 4; } + .order-sm-5 { + order: 5; } + .order-sm-6 { + order: 6; } + .order-sm-7 { + order: 7; } + .order-sm-8 { + order: 8; } + .order-sm-9 { + order: 9; } + .order-sm-10 { + order: 10; } + .order-sm-11 { + order: 11; } + .order-sm-12 { + order: 12; } + .offset-sm-0 { + margin-left: 0; } + .offset-sm-1 { + margin-left: 8.33333333%; } + .offset-sm-2 { + margin-left: 16.66666667%; } + .offset-sm-3 { + margin-left: 25%; } + .offset-sm-4 { + margin-left: 33.33333333%; } + .offset-sm-5 { + margin-left: 41.66666667%; } + .offset-sm-6 { + margin-left: 50%; } + .offset-sm-7 { + margin-left: 58.33333333%; } + .offset-sm-8 { + margin-left: 66.66666667%; } + .offset-sm-9 { + margin-left: 75%; } + .offset-sm-10 { + margin-left: 83.33333333%; } + .offset-sm-11 { + margin-left: 91.66666667%; } } + +@media (min-width: 768px) { + .col-md { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-md-3 > * { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-md-6 > * { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-md-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-md-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-md-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-md-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-md-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-md-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-md-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-md-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-md-first { + order: -1; } + .order-md-last { + order: 13; } + .order-md-0 { + order: 0; } + .order-md-1 { + order: 1; } + .order-md-2 { + order: 2; } + .order-md-3 { + order: 3; } + .order-md-4 { + order: 4; } + .order-md-5 { + order: 5; } + .order-md-6 { + order: 6; } + .order-md-7 { + order: 7; } + .order-md-8 { + order: 8; } + .order-md-9 { + order: 9; } + .order-md-10 { + order: 10; } + .order-md-11 { + order: 11; } + .order-md-12 { + order: 12; } + .offset-md-0 { + margin-left: 0; } + .offset-md-1 { + margin-left: 8.33333333%; } + .offset-md-2 { + margin-left: 16.66666667%; } + .offset-md-3 { + margin-left: 25%; } + .offset-md-4 { + margin-left: 33.33333333%; } + .offset-md-5 { + margin-left: 41.66666667%; } + .offset-md-6 { + margin-left: 50%; } + .offset-md-7 { + margin-left: 58.33333333%; } + .offset-md-8 { + margin-left: 66.66666667%; } + .offset-md-9 { + margin-left: 75%; } + .offset-md-10 { + margin-left: 83.33333333%; } + .offset-md-11 { + margin-left: 91.66666667%; } } + +@media (min-width: 992px) { + .col-lg { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-lg-3 > * { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-lg-6 > * { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-lg-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-lg-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-lg-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-lg-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-lg-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-lg-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-lg-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-lg-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-lg-first { + order: -1; } + .order-lg-last { + order: 13; } + .order-lg-0 { + order: 0; } + .order-lg-1 { + order: 1; } + .order-lg-2 { + order: 2; } + .order-lg-3 { + order: 3; } + .order-lg-4 { + order: 4; } + .order-lg-5 { + order: 5; } + .order-lg-6 { + order: 6; } + .order-lg-7 { + order: 7; } + .order-lg-8 { + order: 8; } + .order-lg-9 { + order: 9; } + .order-lg-10 { + order: 10; } + .order-lg-11 { + order: 11; } + .order-lg-12 { + order: 12; } + .offset-lg-0 { + margin-left: 0; } + .offset-lg-1 { + margin-left: 8.33333333%; } + .offset-lg-2 { + margin-left: 16.66666667%; } + .offset-lg-3 { + margin-left: 25%; } + .offset-lg-4 { + margin-left: 33.33333333%; } + .offset-lg-5 { + margin-left: 41.66666667%; } + .offset-lg-6 { + margin-left: 50%; } + .offset-lg-7 { + margin-left: 58.33333333%; } + .offset-lg-8 { + margin-left: 66.66666667%; } + .offset-lg-9 { + margin-left: 75%; } + .offset-lg-10 { + margin-left: 83.33333333%; } + .offset-lg-11 { + margin-left: 91.66666667%; } } + +@media (min-width: 1200px) { + .col-xl { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; } + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; } + .row-cols-xl-3 > * { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; } + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; } + .row-cols-xl-6 > * { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; } + .col-xl-1 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; } + .col-xl-2 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; } + .col-xl-4 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; } + .col-xl-5 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; } + .col-xl-7 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; } + .col-xl-8 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; } + .col-xl-10 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; } + .col-xl-11 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; } + .order-xl-first { + order: -1; } + .order-xl-last { + order: 13; } + .order-xl-0 { + order: 0; } + .order-xl-1 { + order: 1; } + .order-xl-2 { + order: 2; } + .order-xl-3 { + order: 3; } + .order-xl-4 { + order: 4; } + .order-xl-5 { + order: 5; } + .order-xl-6 { + order: 6; } + .order-xl-7 { + order: 7; } + .order-xl-8 { + order: 8; } + .order-xl-9 { + order: 9; } + .order-xl-10 { + order: 10; } + .order-xl-11 { + order: 11; } + .order-xl-12 { + order: 12; } + .offset-xl-0 { + margin-left: 0; } + .offset-xl-1 { + margin-left: 8.33333333%; } + .offset-xl-2 { + margin-left: 16.66666667%; } + .offset-xl-3 { + margin-left: 25%; } + .offset-xl-4 { + margin-left: 33.33333333%; } + .offset-xl-5 { + margin-left: 41.66666667%; } + .offset-xl-6 { + margin-left: 50%; } + .offset-xl-7 { + margin-left: 58.33333333%; } + .offset-xl-8 { + margin-left: 66.66666667%; } + .offset-xl-9 { + margin-left: 75%; } + .offset-xl-10 { + margin-left: 83.33333333%; } + .offset-xl-11 { + margin-left: 91.66666667%; } } + +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; } + .table th, + .table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; } + .table tbody + tbody { + border-top: 2px solid #dee2e6; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid #dee2e6; } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; } + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); } + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(0, 0, 0, 0.075); } + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #c3d3ff; } + +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #90adff; } + +.table-hover .table-primary:hover { + background-color: #aac0ff; } + .table-hover .table-primary:hover > td, + .table-hover .table-primary:hover > th { + background-color: #aac0ff; } + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #d6d8db; } + +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #b3b7bb; } + +.table-hover .table-secondary:hover { + background-color: #c8cbcf; } + .table-hover .table-secondary:hover > td, + .table-hover .table-secondary:hover > th { + background-color: #c8cbcf; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c3e6cb; } + +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #8fd19e; } + +.table-hover .table-success:hover { + background-color: #b1dfbb; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #b1dfbb; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bee5eb; } + +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86cfda; } + +.table-hover .table-info:hover { + background-color: #abdde5; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #abdde5; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; } + +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; } + +.table-hover .table-warning:hover { + background-color: #ffe8a1; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #ffe8a1; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f5c6cb; } + +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #ed969e; } + +.table-hover .table-danger:hover { + background-color: #f1b0b7; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #f1b0b7; } + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fdfdfe; } + +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #fbfcfc; } + +.table-hover .table-light:hover { + background-color: #ececf6; } + .table-hover .table-light:hover > td, + .table-hover .table-light:hover > th { + background-color: #ececf6; } + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; } + +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #95999c; } + +.table-hover .table-dark:hover { + background-color: #b9bbbe; } + .table-hover .table-dark:hover > td, + .table-hover .table-dark:hover > th { + background-color: #b9bbbe; } + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); } + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); } + +.table .thead-dark th { + color: #fff; + background-color: #343a40; + border-color: #454d55; } + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; } + +.table-dark { + color: #fff; + background-color: #343a40; } + .table-dark th, + .table-dark td, + .table-dark thead th { + border-color: #454d55; } + .table-dark.table-bordered { + border: 0; } + .table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); } + .table-dark.table-hover tbody tr:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.075); } + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-sm > .table-bordered { + border: 0; } } + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-md > .table-bordered { + border: 0; } } + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-lg > .table-bordered { + border: 0; } } + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive-xl > .table-bordered { + border: 0; } } + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } + .table-responsive > .table-bordered { + border: 0; } + +.form-control { + display: block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; } } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; } + .form-control:focus { + color: #495057; + background-color: #fff; + border-color: #a9c0ff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .form-control::placeholder { + color: #6c757d; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; } + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; } + +.form-control-file, +.form-control-range { + display: block; + width: 100%; } + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; } + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; } + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; } + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; } + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; } + +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; } + +select.form-control[size], select.form-control[multiple] { + height: auto; } + +textarea.form-control { + height: auto; } + +.form-group { + margin-bottom: 1rem; } + +.form-text { + display: block; + margin-top: 0.25rem; } + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; } + .form-row > .col, + .form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; } + +.form-check { + position: relative; + display: block; + padding-left: 1.25rem; } + +.form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + color: rgba(0, 0, 0, 0.54); } + +.form-check-label { + margin-bottom: 0; } + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; } + .form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; } + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #28a745; } + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(40, 167, 69, 0.9); + border-radius: 0.25rem; } + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #28a745; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #28a745; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #28a745; } + +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #28a745; } + .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #28a745; } + +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #34ce57; + background-color: #34ce57; } + +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #28a745; } + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #28a745; } + +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #dc3545; } + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; } + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; } + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #dc3545; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #dc3545; + padding-right: calc(0.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } + .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; } + +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; } + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #dc3545; } + .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #dc3545; } + +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #e4606d; + background-color: #e4606d; } + +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #dc3545; } + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #dc3545; } + +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; } + .form-inline .form-check { + width: 100%; } + @media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; } + .form-inline .form-control-plaintext { + display: inline-block; } + .form-inline .input-group, + .form-inline .custom-select { + width: auto; } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; } + .form-inline .custom-control { + align-items: center; + justify-content: center; } + .form-inline .custom-control-label { + margin-bottom: 0; } } +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .btn { + transition: none; } } + .btn:hover { + color: #212529; + text-decoration: none; } + .btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .btn.disabled, .btn:disabled { + opacity: 0.65; } + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; } + +.btn-primary { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; } + .btn-primary:hover { + color: #fff; + background-color: #0346ff; + border-color: #0041f5; } + .btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #0346ff; + border-color: #0041f5; + box-shadow: 0 0 0 0.2rem rgba(73, 122, 255, 0.5); } + .btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; } + .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #0041f5; + border-color: #003ee8; } + .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(73, 122, 255, 0.5); } + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; } + .btn-secondary:focus, .btn-secondary.focus { + color: #fff; + background-color: #5a6268; + border-color: #545b62; + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } + .btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; } + .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } + +.btn-success { + color: #fff; + background-color: #28a745; + border-color: #28a745; } + .btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; } + .btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #218838; + border-color: #1e7e34; + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } + .btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #28a745; + border-color: #28a745; } + .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; } + .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } + +.btn-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; } + .btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #138496; + border-color: #117a8b; + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } + .btn-info.disabled, .btn-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f; } + .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } + +.btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; } + .btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; } + .btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } + .btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; } + .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500; } + .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } + +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } + .btn-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; } + .btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #c82333; + border-color: #bd2130; + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } + .btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } + .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; } + .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } + .btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; } + .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-dark:focus, .btn-dark.focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; } + .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } + +.btn-outline-primary { + color: #2962ff; + border-color: #2962ff; } + .btn-outline-primary:hover { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; } + .btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.5); } + .btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2962ff; + background-color: transparent; } + .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #2962ff; + border-color: #2962ff; } + .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.5); } + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; } + .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + +.btn-outline-success { + color: #28a745; + border-color: #28a745; } + .btn-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; } + .btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } + .btn-outline-success.disabled, .btn-outline-success:disabled { + color: #28a745; + background-color: transparent; } + .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #28a745; + border-color: #28a745; } + .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } + +.btn-outline-info { + color: #17a2b8; + border-color: #17a2b8; } + .btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } + .btn-outline-info.disabled, .btn-outline-info:disabled { + color: #17a2b8; + background-color: transparent; } + .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; } + .btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; } + .btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + .btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; } + .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; } + .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; } + .btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } + .btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } + .btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; } + .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } + .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + .btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; } + .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + +.btn-outline-dark { + color: #343a40; + border-color: #343a40; } + .btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + .btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; } + .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + +.btn-link { + font-weight: 400; + color: #2962ff; + text-decoration: none; } + .btn-link:hover { + color: #003adc; + text-decoration: underline; } + .btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; } + .btn-link:disabled, .btn-link.disabled { + color: #6c757d; + pointer-events: none; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.btn-block { + display: block; + width: 100%; } + .btn-block + .btn-block { + margin-top: 0.5rem; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { + .fade { + transition: none; } } + .fade:not(.show) { + opacity: 0; } + +.collapse:not(.show) { + display: none; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; } } +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; } + +.dropdown-toggle { + white-space: nowrap; } + .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; } + .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + +.dropdown-menu-left { + right: auto; + left: 0; } + +.dropdown-menu-right { + right: 0; + left: auto; } + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; } + .dropdown-menu-sm-right { + right: 0; + left: auto; } } + +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; } + .dropdown-menu-md-right { + right: 0; + left: auto; } } + +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; } + .dropdown-menu-lg-right { + right: 0; + left: auto; } } + +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; } + .dropdown-menu-xl-right { + right: 0; + left: auto; } } + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; } + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; } + +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } + +.dropright .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropright .dropdown-toggle::after { + vertical-align: 0; } + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; } + +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } + +.dropleft .dropdown-toggle::after { + display: none; } + +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; } + +.dropleft .dropdown-toggle::before { + vertical-align: 0; } + +.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; } + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; } + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; } + .dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; } + .dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #2962ff; } + .dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; } + +.dropdown-menu.show { + display: block; } + +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; } + +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover { + z-index: 1; } + .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 1; } + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } + .btn-toolbar .input-group { + width: auto; } + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; } + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; } + .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { + margin-left: 0; } + .dropleft .dropdown-toggle-split::before { + margin-right: 0; } + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; } + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; } + .btn-group-vertical > .btn, + .btn-group-vertical > .btn-group { + width: 100%; } + .btn-group-vertical > .btn:not(:first-child), + .btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; } + .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), + .btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .btn-group-vertical > .btn:not(:first-child), + .btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; } + .btn-group-toggle > .btn input[type="radio"], + .btn-group-toggle > .btn input[type="checkbox"], + .btn-group-toggle > .btn-group > .btn input[type="radio"], + .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } + .input-group > .form-control, + .input-group > .form-control-plaintext, + .input-group > .custom-select, + .input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; } + .input-group > .form-control + .form-control, + .input-group > .form-control + .custom-select, + .input-group > .form-control + .custom-file, + .input-group > .form-control-plaintext + .form-control, + .input-group > .form-control-plaintext + .custom-select, + .input-group > .form-control-plaintext + .custom-file, + .input-group > .custom-select + .form-control, + .input-group > .custom-select + .custom-select, + .input-group > .custom-select + .custom-file, + .input-group > .custom-file + .form-control, + .input-group > .custom-file + .custom-select, + .input-group > .custom-file + .custom-file { + margin-left: -1px; } + .input-group > .form-control:focus, + .input-group > .custom-select:focus, + .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; } + .input-group > .custom-file .custom-file-input:focus { + z-index: 4; } + .input-group > .form-control:not(:last-child), + .input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group > .form-control:not(:first-child), + .input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .input-group > .custom-file { + display: flex; + align-items: center; } + .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.input-group-prepend, +.input-group-append { + display: flex; } + .input-group-prepend .btn, + .input-group-append .btn { + position: relative; + z-index: 2; } + .input-group-prepend .btn:focus, + .input-group-append .btn:focus { + z-index: 3; } + .input-group-prepend .btn + .btn, + .input-group-prepend .btn + .input-group-text, + .input-group-prepend .input-group-text + .input-group-text, + .input-group-prepend .input-group-text + .btn, + .input-group-append .btn + .btn, + .input-group-append .btn + .input-group-text, + .input-group-append .input-group-text + .input-group-text, + .input-group-append .input-group-text + .btn { + margin-left: -1px; } + +.input-group-prepend { + margin-right: -1px; } + +.input-group-append { + margin-left: -1px; } + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; } + .input-group-text input[type="radio"], + .input-group-text input[type="checkbox"] { + margin-top: 0; } + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(1.5em + 1rem + 2px); } + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; } + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.5em + 0.5rem + 2px); } + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; } + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; } + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; } + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; } + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; } + .custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + border-color: #2962ff; + background-color: #2962ff; } + .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #a9c0ff; } + .custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #fff; + background-color: #dce5ff; + border-color: #dce5ff; } + .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; } + .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; } + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; } + .custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #fff; + border: #adb5bd solid 1px; } + .custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50% / 50% 50%; } + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; } + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2962ff; + background-color: #2962ff; } + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } + +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(41, 98, 255, 0.5); } + +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(41, 98, 255, 0.5); } + +.custom-radio .custom-control-label::before { + border-radius: 50%; } + +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } + +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(41, 98, 255, 0.5); } + +.custom-switch { + padding-left: 2.25rem; } + .custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; } + .custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #adb5bd; + border-radius: 0.5rem; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; } } + .custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + transform: translateX(0.75rem); } + .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(41, 98, 255, 0.5); } + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #ced4da; + border-radius: 0.25rem; + appearance: none; } + .custom-select:focus { + border-color: #a9c0ff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; } + .custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; } + .custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; } + .custom-select::-ms-expand { + display: none; } + .custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; } + +.custom-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; } + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; } + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; } + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; } + .custom-file-input:focus ~ .custom-file-label { + border-color: #a9c0ff; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; } + .custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; } + .custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); } + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; } + .custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + 0.75rem); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; } + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; } + .custom-range:focus { + outline: none; } + .custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + .custom-range::-moz-focus-outer { + border: 0; } + .custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2962ff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; } } + .custom-range::-webkit-slider-thumb:active { + background-color: #dce5ff; } + .custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } + .custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2962ff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; } } + .custom-range::-moz-range-thumb:active { + background-color: #dce5ff; } + .custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } + .custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #2962ff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } + @media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; } } + .custom-range::-ms-thumb:active { + background-color: #dce5ff; } + .custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; } + .custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; } + .custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; } + .custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; } + .custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; } + .custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; } + .custom-range:disabled::-moz-range-track { + cursor: default; } + .custom-range:disabled::-ms-thumb { + background-color: #adb5bd; } + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; } } +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.nav-link { + display: block; + padding: 0.5rem 1rem; } + .nav-link:hover, .nav-link:focus { + text-decoration: none; } + .nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; } + +.nav-tabs { + border-bottom: 1px solid #dee2e6; } + .nav-tabs .nav-item { + margin-bottom: -1px; } + .nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; } + .nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; } + .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.nav-pills .nav-link { + border-radius: 0.25rem; } + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #2962ff; } + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; } + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; } + .navbar .container, + .navbar .container-fluid, + .navbar .container-sm, + .navbar .container-md, + .navbar .container-lg, + .navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; } + +.navbar-brand { + display: inline-block; + padding-top: 0.35rem; + padding-bottom: 0.35rem; + margin-right: 1rem; + font-size: 1.2rem; + line-height: inherit; + white-space: nowrap; } + .navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; } + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + .navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; } + .navbar-nav .dropdown-menu { + position: static; + float: none; } + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; } + +.navbar-toggler { + padding: 0.25rem 0; + font-size: 1.125rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; } + .navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; } + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; } + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid, + .navbar-expand-sm > .container-sm, + .navbar-expand-sm > .container-md, + .navbar-expand-sm > .container-lg, + .navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { + flex-direction: row; } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid, + .navbar-expand-sm > .container-sm, + .navbar-expand-sm > .container-md, + .navbar-expand-sm > .container-lg, + .navbar-expand-sm > .container-xl { + flex-wrap: nowrap; } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { + display: none; } } + +@media (max-width: 767.98px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid, + .navbar-expand-md > .container-sm, + .navbar-expand-md > .container-md, + .navbar-expand-md > .container-lg, + .navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; } + .navbar-expand-md .navbar-nav { + flex-direction: row; } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid, + .navbar-expand-md > .container-sm, + .navbar-expand-md > .container-md, + .navbar-expand-md > .container-lg, + .navbar-expand-md > .container-xl { + flex-wrap: nowrap; } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-md .navbar-toggler { + display: none; } } + +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid, + .navbar-expand-lg > .container-sm, + .navbar-expand-lg > .container-md, + .navbar-expand-lg > .container-lg, + .navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { + flex-direction: row; } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid, + .navbar-expand-lg > .container-sm, + .navbar-expand-lg > .container-md, + .navbar-expand-lg > .container-lg, + .navbar-expand-lg > .container-xl { + flex-wrap: nowrap; } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { + display: none; } } + +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, + .navbar-expand-xl > .container-sm, + .navbar-expand-xl > .container-md, + .navbar-expand-xl > .container-lg, + .navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; } } + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { + flex-direction: row; } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, + .navbar-expand-xl > .container-sm, + .navbar-expand-xl > .container-md, + .navbar-expand-xl > .container-lg, + .navbar-expand-xl > .container-xl { + flex-wrap: nowrap; } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { + display: none; } } + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; } + .navbar-expand > .container, + .navbar-expand > .container-fluid, + .navbar-expand > .container-sm, + .navbar-expand > .container-md, + .navbar-expand > .container-lg, + .navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; } + .navbar-expand .navbar-nav { + flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } + .navbar-expand > .container, + .navbar-expand > .container-fluid, + .navbar-expand > .container-sm, + .navbar-expand > .container-md, + .navbar-expand > .container-lg, + .navbar-expand > .container-xl { + flex-wrap: nowrap; } + .navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; } + .navbar-expand .navbar-toggler { + display: none; } + +.navbar-light .navbar-brand { + color: #2b2b2b; } + .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: #2962ff; } + +.navbar-light .navbar-nav .nav-link { + color: #34495e; } + .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); } + +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: #2962ff; } + +.navbar-light .navbar-toggler { + color: #34495e; + border-color: transparent; } + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%2334495e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + +.navbar-light .navbar-text { + color: #34495e; } + .navbar-light .navbar-text a { + color: #2962ff; } + .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: #2962ff; } + +.navbar-dark .navbar-brand { + color: #fff; } + .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; } + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); } + +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; } + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); } + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-text a { + color: #fff; } + .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #fff; } + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; } + .card > hr { + margin-right: 0; + margin-left: 0; } + .card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; } + +.card-title { + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); } + .card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } + .card-header + .list-group .list-group-item:first-child { + border-top: 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); } + .card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; } + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; } + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); } + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); } + +.card-deck .card { + margin-bottom: 15px; } + +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; } } + +.card-group > .card { + margin-bottom: 15px; } + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; } } + +.card-columns .card { + margin-bottom: 0.75rem; } + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; } + .card-columns .card { + display: inline-block; + width: 100%; } } + +.accordion > .card { + overflow: hidden; } + .accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; } + .accordion > .card > .card-header { + border-radius: 0; + margin-bottom: -1px; } + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; } + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; } + .breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; } + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; } + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; } + +.breadcrumb-item.active { + color: #6c757d; } + +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; } + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #2962ff; + background-color: #fff; + border: 1px solid #dee2e6; } + .page-link:hover { + z-index: 2; + color: #003adc; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; } + .page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.25); } + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } + +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #2962ff; + border-color: #2962ff; } + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; } + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; } + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; } + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; } + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; } + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; } + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; } + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .badge { + transition: none; } } + a.badge:hover, a.badge:focus { + text-decoration: none; } + .badge:empty { + display: none; } + +.btn .badge { + position: relative; + top: -1px; } + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; } + +.badge-primary { + color: #fff; + background-color: #2962ff; } + a.badge-primary:hover, a.badge-primary:focus { + color: #fff; + background-color: #0041f5; } + a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(41, 98, 255, 0.5); } + +.badge-secondary { + color: #fff; + background-color: #6c757d; } + a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: #545b62; } + a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + +.badge-success { + color: #fff; + background-color: #28a745; } + a.badge-success:hover, a.badge-success:focus { + color: #fff; + background-color: #1e7e34; } + a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } + +.badge-info { + color: #fff; + background-color: #17a2b8; } + a.badge-info:hover, a.badge-info:focus { + color: #fff; + background-color: #117a8b; } + a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } + +.badge-warning { + color: #212529; + background-color: #ffc107; } + a.badge-warning:hover, a.badge-warning:focus { + color: #212529; + background-color: #d39e00; } + a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } + +.badge-danger { + color: #fff; + background-color: #dc3545; } + a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #bd2130; } + a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } + +.badge-light { + color: #212529; + background-color: #f8f9fa; } + a.badge-light:hover, a.badge-light:focus { + color: #212529; + background-color: #dae0e5; } + a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + +.badge-dark { + color: #fff; + background-color: #343a40; } + a.badge-dark:hover, a.badge-dark:focus { + color: #fff; + background-color: #1d2124; } + a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; } + @media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; } } +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; } + +.alert, .article-style aside { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; } + +.alert-heading { + color: inherit; } + +.alert-link { + font-weight: 700; } + +.alert-dismissible { + padding-right: 4rem; } + .alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; } + +.alert-primary { + color: #153385; + background-color: #d4e0ff; + border-color: #c3d3ff; } + .alert-primary hr { + border-top-color: #aac0ff; } + .alert-primary .alert-link { + color: #0e2259; } + +.alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; } + .alert-secondary hr { + border-top-color: #c8cbcf; } + .alert-secondary .alert-link { + color: #202326; } + +.alert-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; } + .alert-success hr { + border-top-color: #b1dfbb; } + .alert-success .alert-link { + color: #0b2e13; } + +.alert-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; } + .alert-info hr { + border-top-color: #abdde5; } + .alert-info .alert-link { + color: #062c33; } + +.alert-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; } + .alert-warning hr { + border-top-color: #ffe8a1; } + .alert-warning .alert-link { + color: #533f03; } + +.alert-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; } + .alert-danger hr { + border-top-color: #f1b0b7; } + .alert-danger .alert-link { + color: #491217; } + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; } + .alert-light hr { + border-top-color: #ececf6; } + .alert-light .alert-link { + color: #686868; } + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; } + .alert-dark hr { + border-top-color: #b9bbbe; } + .alert-dark .alert-link { + color: #040505; } + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; } + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #2962ff; + transition: width 0.6s ease; } + @media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; } } +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; } + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; } + @media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; } } +.media { + display: flex; + align-items: flex-start; } + +.media-body { + flex: 1; } + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; } + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; } + .list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; } + .list-group-item-action:active { + color: #212529; + background-color: #e9ecef; } + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; } + .list-group-item.active { + z-index: 2; + color: #fff; + background-color: #2962ff; + border-color: #2962ff; } + .list-group-item + .list-group-item { + border-top-width: 0; } + .list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; } + +.list-group-horizontal { + flex-direction: row; } + .list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal .list-group-item.active { + margin-top: 0; } + .list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; } } + +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; } + .list-group-flush .list-group-item:first-child { + border-top-width: 0; } + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; } + +.list-group-item-primary { + color: #153385; + background-color: #c3d3ff; } + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #153385; + background-color: #aac0ff; } + .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #153385; + border-color: #153385; } + +.list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; } + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; } + .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; } + +.list-group-item-success { + color: #155724; + background-color: #c3e6cb; } + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #155724; + background-color: #b1dfbb; } + .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #155724; + border-color: #155724; } + +.list-group-item-info { + color: #0c5460; + background-color: #bee5eb; } + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #0c5460; + background-color: #abdde5; } + .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #0c5460; + border-color: #0c5460; } + +.list-group-item-warning { + color: #856404; + background-color: #ffeeba; } + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #856404; + background-color: #ffe8a1; } + .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #856404; + border-color: #856404; } + +.list-group-item-danger { + color: #721c24; + background-color: #f5c6cb; } + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #721c24; + background-color: #f1b0b7; } + .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #721c24; + border-color: #721c24; } + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; } + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; } + .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; } + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; } + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; } + .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; } + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; } + .close:hover { + color: #000; + text-decoration: none; } + .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: .75; } + +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; } + +a.close.disabled { + pointer-events: none; } + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; } + .toast:not(:last-child) { + margin-bottom: 0.75rem; } + .toast.showing { + opacity: 1; } + .toast.show { + display: block; + opacity: 1; } + .toast.hide { + display: none; } + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #6c757d; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); } + +.toast-body { + padding: 0.75rem; } + +.modal-open { + overflow: hidden; } + .modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; } + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; } + .modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); } + @media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; } } + .modal.show .modal-dialog { + transform: none; } + .modal.modal-static .modal-dialog { + transform: scale(1.02); } + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; } + .modal-dialog-scrollable .modal-header, + .modal-dialog-scrollable .modal-footer { + flex-shrink: 0; } + .modal-dialog-scrollable .modal-body { + overflow-y: auto; } + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); } + .modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; } + .modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; } + .modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; } + .modal-dialog-centered.modal-dialog-scrollable::before { + content: none; } + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; } + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.show { + opacity: 0.5; } + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); } + .modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; } + +.modal-title { + margin-bottom: 0; + line-height: 1.5; } + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; } + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); } + .modal-footer > * { + margin: 0.25rem; } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; } + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); } + .modal-sm { + max-width: 300px; } } + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; } } + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; } + .tooltip.show { + opacity: 0.9; } + .tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; } + .tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; } + .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; } + .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; } + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; } + .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; } + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; } + .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; } + .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; } + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; } + .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; } + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; } + .popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; } + .popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-popover-top, .bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; } + .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { + bottom: calc(-0.5rem - 1px); } + .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); } + .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; } + +.bs-popover-right, .bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; } + .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; } + .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); } + .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; } + +.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; } + .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { + top: calc(-0.5rem - 1px); } + .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); } + .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; } + .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; } + +.bs-popover-left, .bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; } + .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; } + .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); } + .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; } + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); } + .popover-header:empty { + display: none; } + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; } + +.carousel { + position: relative; } + +.carousel.pointer-event { + touch-action: pan-y; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner::after { + display: block; + clear: both; + content: ""; } + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; } + @media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; } } +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; } + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); } + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); } + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; } + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; } + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; } } +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; } + @media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; } } + .carousel-control-prev:hover, .carousel-control-prev:focus, + .carousel-control-next:hover, + .carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; } + +.carousel-control-prev { + left: 0; } + +.carousel-control-next { + right: 0; } + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50% / 100% 100%; } + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; } + .carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + transition: opacity 0.6s ease; } + @media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; } } + .carousel-indicators .active { + opacity: 1; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; } + +@keyframes spinner-border { + to { + transform: rotate(360deg); } } + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border .75s linear infinite; } + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; } + +@keyframes spinner-grow { + 0% { + transform: scale(0); } + 50% { + opacity: 1; } } + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow .75s linear infinite; } + +.spinner-grow-sm { + width: 1rem; + height: 1rem; } + +.align-baseline { + vertical-align: baseline !important; } + +.align-top { + vertical-align: top !important; } + +.align-middle { + vertical-align: middle !important; } + +.align-bottom { + vertical-align: bottom !important; } + +.align-text-bottom { + vertical-align: text-bottom !important; } + +.align-text-top { + vertical-align: text-top !important; } + +.bg-primary { + background-color: #2962ff !important; } + +a.bg-primary:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #0041f5 !important; } + +.bg-secondary { + background-color: #6c757d !important; } + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #545b62 !important; } + +.bg-success { + background-color: #28a745 !important; } + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #1e7e34 !important; } + +.bg-info { + background-color: #17a2b8 !important; } + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #117a8b !important; } + +.bg-warning { + background-color: #ffc107 !important; } + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; } + +.bg-danger { + background-color: #dc3545 !important; } + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #bd2130 !important; } + +.bg-light { + background-color: #f8f9fa !important; } + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #dae0e5 !important; } + +.bg-dark { + background-color: #343a40 !important; } + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; } + +.bg-white { + background-color: #fff !important; } + +.bg-transparent { + background-color: transparent !important; } + +.border { + border: 1px solid #dee2e6 !important; } + +.border-top { + border-top: 1px solid #dee2e6 !important; } + +.border-right { + border-right: 1px solid #dee2e6 !important; } + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; } + +.border-left { + border-left: 1px solid #dee2e6 !important; } + +.border-0 { + border: 0 !important; } + +.border-top-0 { + border-top: 0 !important; } + +.border-right-0 { + border-right: 0 !important; } + +.border-bottom-0 { + border-bottom: 0 !important; } + +.border-left-0 { + border-left: 0 !important; } + +.border-primary { + border-color: #2962ff !important; } + +.border-secondary { + border-color: #6c757d !important; } + +.border-success { + border-color: #28a745 !important; } + +.border-info { + border-color: #17a2b8 !important; } + +.border-warning { + border-color: #ffc107 !important; } + +.border-danger { + border-color: #dc3545 !important; } + +.border-light { + border-color: #f8f9fa !important; } + +.border-dark { + border-color: #343a40 !important; } + +.border-white { + border-color: #fff !important; } + +.rounded-sm { + border-radius: 0.2rem !important; } + +.rounded { + border-radius: 0.25rem !important; } + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } + +.rounded-lg { + border-radius: 0.3rem !important; } + +.rounded-circle { + border-radius: 50% !important; } + +.rounded-pill { + border-radius: 50rem !important; } + +.rounded-0 { + border-radius: 0 !important; } + +.clearfix::after { + display: block; + clear: both; + content: ""; } + +.d-none { + display: none !important; } + +.d-inline { + display: inline !important; } + +.d-inline-block { + display: inline-block !important; } + +.d-block { + display: block !important; } + +.d-table { + display: table !important; } + +.d-table-row { + display: table-row !important; } + +.d-table-cell { + display: table-cell !important; } + +.d-flex { + display: flex !important; } + +.d-inline-flex { + display: inline-flex !important; } + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; } + .d-sm-inline { + display: inline !important; } + .d-sm-inline-block { + display: inline-block !important; } + .d-sm-block { + display: block !important; } + .d-sm-table { + display: table !important; } + .d-sm-table-row { + display: table-row !important; } + .d-sm-table-cell { + display: table-cell !important; } + .d-sm-flex { + display: flex !important; } + .d-sm-inline-flex { + display: inline-flex !important; } } + +@media (min-width: 768px) { + .d-md-none { + display: none !important; } + .d-md-inline { + display: inline !important; } + .d-md-inline-block { + display: inline-block !important; } + .d-md-block { + display: block !important; } + .d-md-table { + display: table !important; } + .d-md-table-row { + display: table-row !important; } + .d-md-table-cell { + display: table-cell !important; } + .d-md-flex { + display: flex !important; } + .d-md-inline-flex { + display: inline-flex !important; } } + +@media (min-width: 992px) { + .d-lg-none { + display: none !important; } + .d-lg-inline { + display: inline !important; } + .d-lg-inline-block { + display: inline-block !important; } + .d-lg-block { + display: block !important; } + .d-lg-table { + display: table !important; } + .d-lg-table-row { + display: table-row !important; } + .d-lg-table-cell { + display: table-cell !important; } + .d-lg-flex { + display: flex !important; } + .d-lg-inline-flex { + display: inline-flex !important; } } + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; } + .d-xl-inline { + display: inline !important; } + .d-xl-inline-block { + display: inline-block !important; } + .d-xl-block { + display: block !important; } + .d-xl-table { + display: table !important; } + .d-xl-table-row { + display: table-row !important; } + .d-xl-table-cell { + display: table-cell !important; } + .d-xl-flex { + display: flex !important; } + .d-xl-inline-flex { + display: inline-flex !important; } } + +@media print { + .d-print-none { + display: none !important; } + .d-print-inline { + display: inline !important; } + .d-print-inline-block { + display: inline-block !important; } + .d-print-block { + display: block !important; } + .d-print-table { + display: table !important; } + .d-print-table-row { + display: table-row !important; } + .d-print-table-cell { + display: table-cell !important; } + .d-print-flex { + display: flex !important; } + .d-print-inline-flex { + display: inline-flex !important; } } + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; } + .embed-responsive::before { + display: block; + content: ""; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } + +.embed-responsive-21by9::before { + padding-top: 42.85714286%; } + +.embed-responsive-16by9::before { + padding-top: 56.25%; } + +.embed-responsive-4by3::before { + padding-top: 75%; } + +.embed-responsive-1by1::before { + padding-top: 100%; } + +.flex-row { + flex-direction: row !important; } + +.flex-column { + flex-direction: column !important; } + +.flex-row-reverse { + flex-direction: row-reverse !important; } + +.flex-column-reverse { + flex-direction: column-reverse !important; } + +.flex-wrap { + flex-wrap: wrap !important; } + +.flex-nowrap { + flex-wrap: nowrap !important; } + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } + +.flex-fill { + flex: 1 1 auto !important; } + +.flex-grow-0 { + flex-grow: 0 !important; } + +.flex-grow-1 { + flex-grow: 1 !important; } + +.flex-shrink-0 { + flex-shrink: 0 !important; } + +.flex-shrink-1 { + flex-shrink: 1 !important; } + +.justify-content-start { + justify-content: flex-start !important; } + +.justify-content-end { + justify-content: flex-end !important; } + +.justify-content-center { + justify-content: center !important; } + +.justify-content-between { + justify-content: space-between !important; } + +.justify-content-around { + justify-content: space-around !important; } + +.align-items-start { + align-items: flex-start !important; } + +.align-items-end { + align-items: flex-end !important; } + +.align-items-center { + align-items: center !important; } + +.align-items-baseline { + align-items: baseline !important; } + +.align-items-stretch { + align-items: stretch !important; } + +.align-content-start { + align-content: flex-start !important; } + +.align-content-end { + align-content: flex-end !important; } + +.align-content-center { + align-content: center !important; } + +.align-content-between { + align-content: space-between !important; } + +.align-content-around { + align-content: space-around !important; } + +.align-content-stretch { + align-content: stretch !important; } + +.align-self-auto { + align-self: auto !important; } + +.align-self-start { + align-self: flex-start !important; } + +.align-self-end { + align-self: flex-end !important; } + +.align-self-center { + align-self: center !important; } + +.align-self-baseline { + align-self: baseline !important; } + +.align-self-stretch { + align-self: stretch !important; } + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; } + .flex-sm-column { + flex-direction: column !important; } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; } + .flex-sm-wrap { + flex-wrap: wrap !important; } + .flex-sm-nowrap { + flex-wrap: nowrap !important; } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-sm-fill { + flex: 1 1 auto !important; } + .flex-sm-grow-0 { + flex-grow: 0 !important; } + .flex-sm-grow-1 { + flex-grow: 1 !important; } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-sm-start { + justify-content: flex-start !important; } + .justify-content-sm-end { + justify-content: flex-end !important; } + .justify-content-sm-center { + justify-content: center !important; } + .justify-content-sm-between { + justify-content: space-between !important; } + .justify-content-sm-around { + justify-content: space-around !important; } + .align-items-sm-start { + align-items: flex-start !important; } + .align-items-sm-end { + align-items: flex-end !important; } + .align-items-sm-center { + align-items: center !important; } + .align-items-sm-baseline { + align-items: baseline !important; } + .align-items-sm-stretch { + align-items: stretch !important; } + .align-content-sm-start { + align-content: flex-start !important; } + .align-content-sm-end { + align-content: flex-end !important; } + .align-content-sm-center { + align-content: center !important; } + .align-content-sm-between { + align-content: space-between !important; } + .align-content-sm-around { + align-content: space-around !important; } + .align-content-sm-stretch { + align-content: stretch !important; } + .align-self-sm-auto { + align-self: auto !important; } + .align-self-sm-start { + align-self: flex-start !important; } + .align-self-sm-end { + align-self: flex-end !important; } + .align-self-sm-center { + align-self: center !important; } + .align-self-sm-baseline { + align-self: baseline !important; } + .align-self-sm-stretch { + align-self: stretch !important; } } + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; } + .flex-md-column { + flex-direction: column !important; } + .flex-md-row-reverse { + flex-direction: row-reverse !important; } + .flex-md-column-reverse { + flex-direction: column-reverse !important; } + .flex-md-wrap { + flex-wrap: wrap !important; } + .flex-md-nowrap { + flex-wrap: nowrap !important; } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-md-fill { + flex: 1 1 auto !important; } + .flex-md-grow-0 { + flex-grow: 0 !important; } + .flex-md-grow-1 { + flex-grow: 1 !important; } + .flex-md-shrink-0 { + flex-shrink: 0 !important; } + .flex-md-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-md-start { + justify-content: flex-start !important; } + .justify-content-md-end { + justify-content: flex-end !important; } + .justify-content-md-center { + justify-content: center !important; } + .justify-content-md-between { + justify-content: space-between !important; } + .justify-content-md-around { + justify-content: space-around !important; } + .align-items-md-start { + align-items: flex-start !important; } + .align-items-md-end { + align-items: flex-end !important; } + .align-items-md-center { + align-items: center !important; } + .align-items-md-baseline { + align-items: baseline !important; } + .align-items-md-stretch { + align-items: stretch !important; } + .align-content-md-start { + align-content: flex-start !important; } + .align-content-md-end { + align-content: flex-end !important; } + .align-content-md-center { + align-content: center !important; } + .align-content-md-between { + align-content: space-between !important; } + .align-content-md-around { + align-content: space-around !important; } + .align-content-md-stretch { + align-content: stretch !important; } + .align-self-md-auto { + align-self: auto !important; } + .align-self-md-start { + align-self: flex-start !important; } + .align-self-md-end { + align-self: flex-end !important; } + .align-self-md-center { + align-self: center !important; } + .align-self-md-baseline { + align-self: baseline !important; } + .align-self-md-stretch { + align-self: stretch !important; } } + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; } + .flex-lg-column { + flex-direction: column !important; } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; } + .flex-lg-wrap { + flex-wrap: wrap !important; } + .flex-lg-nowrap { + flex-wrap: nowrap !important; } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-lg-fill { + flex: 1 1 auto !important; } + .flex-lg-grow-0 { + flex-grow: 0 !important; } + .flex-lg-grow-1 { + flex-grow: 1 !important; } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-lg-start { + justify-content: flex-start !important; } + .justify-content-lg-end { + justify-content: flex-end !important; } + .justify-content-lg-center { + justify-content: center !important; } + .justify-content-lg-between { + justify-content: space-between !important; } + .justify-content-lg-around { + justify-content: space-around !important; } + .align-items-lg-start { + align-items: flex-start !important; } + .align-items-lg-end { + align-items: flex-end !important; } + .align-items-lg-center { + align-items: center !important; } + .align-items-lg-baseline { + align-items: baseline !important; } + .align-items-lg-stretch { + align-items: stretch !important; } + .align-content-lg-start { + align-content: flex-start !important; } + .align-content-lg-end { + align-content: flex-end !important; } + .align-content-lg-center { + align-content: center !important; } + .align-content-lg-between { + align-content: space-between !important; } + .align-content-lg-around { + align-content: space-around !important; } + .align-content-lg-stretch { + align-content: stretch !important; } + .align-self-lg-auto { + align-self: auto !important; } + .align-self-lg-start { + align-self: flex-start !important; } + .align-self-lg-end { + align-self: flex-end !important; } + .align-self-lg-center { + align-self: center !important; } + .align-self-lg-baseline { + align-self: baseline !important; } + .align-self-lg-stretch { + align-self: stretch !important; } } + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; } + .flex-xl-column { + flex-direction: column !important; } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; } + .flex-xl-wrap { + flex-wrap: wrap !important; } + .flex-xl-nowrap { + flex-wrap: nowrap !important; } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; } + .flex-xl-fill { + flex: 1 1 auto !important; } + .flex-xl-grow-0 { + flex-grow: 0 !important; } + .flex-xl-grow-1 { + flex-grow: 1 !important; } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; } + .justify-content-xl-start { + justify-content: flex-start !important; } + .justify-content-xl-end { + justify-content: flex-end !important; } + .justify-content-xl-center { + justify-content: center !important; } + .justify-content-xl-between { + justify-content: space-between !important; } + .justify-content-xl-around { + justify-content: space-around !important; } + .align-items-xl-start { + align-items: flex-start !important; } + .align-items-xl-end { + align-items: flex-end !important; } + .align-items-xl-center { + align-items: center !important; } + .align-items-xl-baseline { + align-items: baseline !important; } + .align-items-xl-stretch { + align-items: stretch !important; } + .align-content-xl-start { + align-content: flex-start !important; } + .align-content-xl-end { + align-content: flex-end !important; } + .align-content-xl-center { + align-content: center !important; } + .align-content-xl-between { + align-content: space-between !important; } + .align-content-xl-around { + align-content: space-around !important; } + .align-content-xl-stretch { + align-content: stretch !important; } + .align-self-xl-auto { + align-self: auto !important; } + .align-self-xl-start { + align-self: flex-start !important; } + .align-self-xl-end { + align-self: flex-end !important; } + .align-self-xl-center { + align-self: center !important; } + .align-self-xl-baseline { + align-self: baseline !important; } + .align-self-xl-stretch { + align-self: stretch !important; } } + +.float-left { + float: left !important; } + +.float-right { + float: right !important; } + +.float-none { + float: none !important; } + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; } + .float-sm-right { + float: right !important; } + .float-sm-none { + float: none !important; } } + +@media (min-width: 768px) { + .float-md-left { + float: left !important; } + .float-md-right { + float: right !important; } + .float-md-none { + float: none !important; } } + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; } + .float-lg-right { + float: right !important; } + .float-lg-none { + float: none !important; } } + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; } + .float-xl-right { + float: right !important; } + .float-xl-none { + float: none !important; } } + +.overflow-auto { + overflow: auto !important; } + +.overflow-hidden { + overflow: hidden !important; } + +.position-static { + position: static !important; } + +.position-relative { + position: relative !important; } + +.position-absolute { + position: absolute !important; } + +.position-fixed { + position: fixed !important; } + +.position-sticky { + position: sticky !important; } + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } + +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; } } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; } + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + +.shadow-none { + box-shadow: none !important; } + +.w-25 { + width: 25% !important; } + +.w-50 { + width: 50% !important; } + +.w-75 { + width: 75% !important; } + +.w-100 { + width: 100% !important; } + +.w-auto { + width: auto !important; } + +.h-25 { + height: 25% !important; } + +.h-50 { + height: 50% !important; } + +.h-75 { + height: 75% !important; } + +.h-100 { + height: 100% !important; } + +.h-auto { + height: auto !important; } + +.mw-100 { + max-width: 100% !important; } + +.mh-100 { + max-height: 100% !important; } + +.min-vw-100 { + min-width: 100vw !important; } + +.min-vh-100 { + min-height: 100vh !important; } + +.vw-100 { + width: 100vw !important; } + +.vh-100 { + height: 100vh !important; } + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); } + +.m-0 { + margin: 0 !important; } + +.mt-0, +.my-0 { + margin-top: 0 !important; } + +.mr-0, +.mx-0 { + margin-right: 0 !important; } + +.mb-0, +.my-0 { + margin-bottom: 0 !important; } + +.ml-0, +.mx-0 { + margin-left: 0 !important; } + +.m-1 { + margin: 0.25rem !important; } + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; } + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; } + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; } + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; } + +.m-2 { + margin: 0.5rem !important; } + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; } + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; } + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; } + +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; } + +.m-3 { + margin: 1rem !important; } + +.mt-3, +.my-3 { + margin-top: 1rem !important; } + +.mr-3, +.mx-3 { + margin-right: 1rem !important; } + +.mb-3, +.my-3 { + margin-bottom: 1rem !important; } + +.ml-3, +.mx-3 { + margin-left: 1rem !important; } + +.m-4 { + margin: 1.5rem !important; } + +.mt-4, +.my-4 { + margin-top: 1.5rem !important; } + +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; } + +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; } + +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; } + +.m-5 { + margin: 3rem !important; } + +.mt-5, +.my-5 { + margin-top: 3rem !important; } + +.mr-5, +.mx-5 { + margin-right: 3rem !important; } + +.mb-5, +.my-5 { + margin-bottom: 3rem !important; } + +.ml-5, +.mx-5 { + margin-left: 3rem !important; } + +.p-0 { + padding: 0 !important; } + +.pt-0, +.py-0 { + padding-top: 0 !important; } + +.pr-0, +.px-0 { + padding-right: 0 !important; } + +.pb-0, +.py-0 { + padding-bottom: 0 !important; } + +.pl-0, +.px-0 { + padding-left: 0 !important; } + +.p-1 { + padding: 0.25rem !important; } + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; } + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; } + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; } + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; } + +.p-2 { + padding: 0.5rem !important; } + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; } + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; } + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; } + +.pl-2, +.px-2 { + padding-left: 0.5rem !important; } + +.p-3 { + padding: 1rem !important; } + +.pt-3, +.py-3 { + padding-top: 1rem !important; } + +.pr-3, +.px-3 { + padding-right: 1rem !important; } + +.pb-3, +.py-3 { + padding-bottom: 1rem !important; } + +.pl-3, +.px-3 { + padding-left: 1rem !important; } + +.p-4 { + padding: 1.5rem !important; } + +.pt-4, +.py-4 { + padding-top: 1.5rem !important; } + +.pr-4, +.px-4 { + padding-right: 1.5rem !important; } + +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; } + +.pl-4, +.px-4 { + padding-left: 1.5rem !important; } + +.p-5 { + padding: 3rem !important; } + +.pt-5, +.py-5 { + padding-top: 3rem !important; } + +.pr-5, +.px-5 { + padding-right: 3rem !important; } + +.pb-5, +.py-5 { + padding-bottom: 3rem !important; } + +.pl-5, +.px-5 { + padding-left: 3rem !important; } + +.m-n1 { + margin: -0.25rem !important; } + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; } + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; } + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; } + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; } + +.m-n2 { + margin: -0.5rem !important; } + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; } + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; } + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; } + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; } + +.m-n3 { + margin: -1rem !important; } + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; } + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; } + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; } + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; } + +.m-n4 { + margin: -1.5rem !important; } + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; } + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; } + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; } + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; } + +.m-n5 { + margin: -3rem !important; } + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; } + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; } + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; } + +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; } + +.m-auto { + margin: auto !important; } + +.mt-auto, +.my-auto { + margin-top: auto !important; } + +.mr-auto, +.mx-auto { + margin-right: auto !important; } + +.mb-auto, +.my-auto { + margin-bottom: auto !important; } + +.ml-auto, +.mx-auto { + margin-left: auto !important; } + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; } + .m-sm-1 { + margin: 0.25rem !important; } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; } + .m-sm-2 { + margin: 0.5rem !important; } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; } + .m-sm-3 { + margin: 1rem !important; } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; } + .m-sm-4 { + margin: 1.5rem !important; } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; } + .m-sm-5 { + margin: 3rem !important; } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; } + .p-sm-0 { + padding: 0 !important; } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; } + .p-sm-1 { + padding: 0.25rem !important; } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; } + .p-sm-2 { + padding: 0.5rem !important; } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; } + .p-sm-3 { + padding: 1rem !important; } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; } + .p-sm-4 { + padding: 1.5rem !important; } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; } + .p-sm-5 { + padding: 3rem !important; } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; } + .m-sm-n1 { + margin: -0.25rem !important; } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; } + .m-sm-n2 { + margin: -0.5rem !important; } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; } + .m-sm-n3 { + margin: -1rem !important; } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; } + .m-sm-n4 { + margin: -1.5rem !important; } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; } + .m-sm-n5 { + margin: -3rem !important; } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; } + .m-sm-auto { + margin: auto !important; } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; } } + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; } + .m-md-1 { + margin: 0.25rem !important; } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; } + .m-md-2 { + margin: 0.5rem !important; } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; } + .m-md-3 { + margin: 1rem !important; } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; } + .m-md-4 { + margin: 1.5rem !important; } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; } + .m-md-5 { + margin: 3rem !important; } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; } + .p-md-0 { + padding: 0 !important; } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; } + .p-md-1 { + padding: 0.25rem !important; } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; } + .p-md-2 { + padding: 0.5rem !important; } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; } + .p-md-3 { + padding: 1rem !important; } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; } + .p-md-4 { + padding: 1.5rem !important; } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; } + .p-md-5 { + padding: 3rem !important; } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; } + .m-md-n1 { + margin: -0.25rem !important; } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; } + .m-md-n2 { + margin: -0.5rem !important; } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; } + .m-md-n3 { + margin: -1rem !important; } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; } + .m-md-n4 { + margin: -1.5rem !important; } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; } + .m-md-n5 { + margin: -3rem !important; } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; } + .m-md-auto { + margin: auto !important; } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; } } + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; } + .m-lg-1 { + margin: 0.25rem !important; } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; } + .m-lg-2 { + margin: 0.5rem !important; } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; } + .m-lg-3 { + margin: 1rem !important; } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; } + .m-lg-4 { + margin: 1.5rem !important; } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; } + .m-lg-5 { + margin: 3rem !important; } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; } + .p-lg-0 { + padding: 0 !important; } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; } + .p-lg-1 { + padding: 0.25rem !important; } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; } + .p-lg-2 { + padding: 0.5rem !important; } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; } + .p-lg-3 { + padding: 1rem !important; } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; } + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; } + .p-lg-4 { + padding: 1.5rem !important; } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; } + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; } + .p-lg-5 { + padding: 3rem !important; } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; } + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; } + .m-lg-n1 { + margin: -0.25rem !important; } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; } + .m-lg-n2 { + margin: -0.5rem !important; } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; } + .m-lg-n3 { + margin: -1rem !important; } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; } + .m-lg-n4 { + margin: -1.5rem !important; } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; } + .m-lg-n5 { + margin: -3rem !important; } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; } + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; } + .m-lg-auto { + margin: auto !important; } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; } } + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; } + .m-xl-1 { + margin: 0.25rem !important; } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; } + .m-xl-2 { + margin: 0.5rem !important; } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; } + .m-xl-3 { + margin: 1rem !important; } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; } + .m-xl-4 { + margin: 1.5rem !important; } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; } + .m-xl-5 { + margin: 3rem !important; } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; } + .p-xl-0 { + padding: 0 !important; } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; } + .p-xl-1 { + padding: 0.25rem !important; } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; } + .p-xl-2 { + padding: 0.5rem !important; } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; } + .p-xl-3 { + padding: 1rem !important; } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; } + .p-xl-4 { + padding: 1.5rem !important; } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; } + .p-xl-5 { + padding: 3rem !important; } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; } + .m-xl-n1 { + margin: -0.25rem !important; } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; } + .m-xl-n2 { + margin: -0.5rem !important; } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; } + .m-xl-n3 { + margin: -1rem !important; } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; } + .m-xl-n4 { + margin: -1.5rem !important; } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; } + .m-xl-n5 { + margin: -3rem !important; } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; } + .m-xl-auto { + margin: auto !important; } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; } } + +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } + +.text-justify { + text-align: justify !important; } + +.text-wrap { + white-space: normal !important; } + +.text-nowrap { + white-space: nowrap !important; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-left { + text-align: left !important; } + +.text-right { + text-align: right !important; } + +.text-center { + text-align: center !important; } + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; } + .text-sm-right { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; } + .text-md-right { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; } + .text-lg-right { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; } + .text-xl-right { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } + +.text-lowercase { + text-transform: lowercase !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.text-capitalize { + text-transform: capitalize !important; } + +.font-weight-light { + font-weight: 300 !important; } + +.font-weight-lighter { + font-weight: lighter !important; } + +.font-weight-normal { + font-weight: 400 !important; } + +.font-weight-bold { + font-weight: 700 !important; } + +.font-weight-bolder { + font-weight: bolder !important; } + +.font-italic { + font-style: italic !important; } + +.text-white { + color: #fff !important; } + +.text-primary { + color: #2962ff !important; } + +a.text-primary:hover, a.text-primary:focus { + color: #003adc !important; } + +.text-secondary { + color: #6c757d !important; } + +a.text-secondary:hover, a.text-secondary:focus { + color: #494f54 !important; } + +.text-success { + color: #28a745 !important; } + +a.text-success:hover, a.text-success:focus { + color: #19692c !important; } + +.text-info { + color: #17a2b8 !important; } + +a.text-info:hover, a.text-info:focus { + color: #0f6674 !important; } + +.text-warning { + color: #ffc107 !important; } + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; } + +.text-danger { + color: #dc3545 !important; } + +a.text-danger:hover, a.text-danger:focus { + color: #a71d2a !important; } + +.text-light { + color: #f8f9fa !important; } + +a.text-light:hover, a.text-light:focus { + color: #cbd3da !important; } + +.text-dark { + color: #343a40 !important; } + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; } + +.text-body { + color: #212529 !important; } + +.text-muted { + color: rgba(0, 0, 0, 0.54) !important; } + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; } + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.text-decoration-none { + text-decoration: none !important; } + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; } + +.text-reset { + color: inherit !important; } + +.visible { + visibility: visible !important; } + +.invisible { + visibility: hidden !important; } + +@media print { + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; } + a:not(.btn) { + text-decoration: underline; } + abbr[title]::after { + content: " (" attr(title) ")"; } + pre { + white-space: pre-wrap !important; } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } + @page { + size: a3; } + body { + min-width: 992px !important; } + .container { + min-width: 992px !important; } + .navbar { + display: none; } + .badge { + border: 1px solid #000; } + .table { + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; } + .table-dark { + color: inherit; } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; } } + +/************************************************* + * Academic: The Website Builder for Hugo + * Designed by @GeorgeCushen + * https://sourcethemes.com/academic/ + * License: https://github.com/gcushen/hugo-academic/blob/master/LICENSE.md + **************************************************/ +/************************************************* + * Academic's Core + **************************************************/ +html { + font-family: "Roboto", sans-serif; + font-size: 16.17px; + color: rgba(0, 0, 0, 0.8); + line-height: 1.65; } + +@media screen and (min-width: 58em) { + html { + font-size: 21px; } } + +body { + font-family: inherit; + font-size: 1rem; + line-height: inherit; + color: inherit; + background-color: white; + margin-top: 70px; + /* Offset body content by navbar height. */ + padding-top: 0; + counter-reset: captions; } + +@media (max-width: 991.98px) { + /* Match max-width of .nav-bar query. */ + body { + margin-top: 50px; + /* Offset body content by navbar height. */ } } + +body.no-navbar { + margin-top: 0 !important; } + +.max-width-640 { + max-width: 640px; } + +.margin-auto, figure img { + margin-left: auto; + margin-right: auto; } + +.center-text { + text-align: center; } + +/* Body text */ +p { + margin-top: 0; + margin-bottom: 1rem; } + +/* Lists */ +ul, ol, dl { + margin-top: 0; + margin-bottom: 1rem; } + +li > p { + margin-bottom: 0; } + +ul.task-list { + list-style: none; } + +ul.task-list li input[type="checkbox"] { + margin-right: 0.5rem; } + +/* Navigation bar text */ +.navbar-light { + font-family: "Roboto", sans-serif; + font-weight: 400; + line-height: 1.25; + text-rendering: optimizeLegibility; } + +/* Headings */ +h1, h2, h3, h4, h5, h6 { + font-family: "Montserrat", sans-serif; + font-weight: 400; + margin-top: 1rem; + margin-bottom: .5rem; + line-height: 1.25; + color: #313131; + text-rendering: optimizeLegibility; + /* Ensure long words do not overflow into content. */ + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; + /* Add a hyphen where the word breaks (use `­` to insert a soft-hyphen in a word). */ + -webkit-hyphens: manual; + -ms-hyphens: manual; + hyphens: manual; } + +h1 { + font-size: 2.25rem; } + +h2 { + margin-top: 1rem; + font-size: 1.5rem; } + +h3 { + font-weight: 700; + margin-top: 1.5rem; + font-size: 1.25rem; } + +h4, h5, h6 { + font-weight: 700; + margin-top: 1rem; + font-size: 1rem; } + +a, +h3.article-title a:hover { + color: #2962ff; + text-decoration: none; + transition: color 0.6s ease; } + +a:hover, +a:focus { + color: #2962ff; } + +.dark a, +.dark h3.article-title a:hover { + color: #2962ff; } + +.dark a:hover, +.dark a:focus { + color: #2962ff; } + +img, +video { + height: auto; + max-width: 100%; + display: block; } + +audio { + width: 100%; + margin-bottom: 20px; } + +video { + width: 100%; + height: auto; + max-height: 400px; } + +.img-responsive { + /* Extend Bootstrap declaration with centering. */ + margin: 0 auto; } + +figcaption { + display: block; + margin-top: 0.75em; + margin-bottom: 1.65rem; + line-height: 1.4; + font-size: 0.76rem; + text-align: center; } + +figcaption.numbered:before { + font-weight: 700; + text-transform: uppercase; + content: attr(data-pre) counter(captions) attr(data-post); } + +figcaption.numbered { + counter-increment: captions; } + +pre, +code { + font-family: "Roboto Mono", monospace; + color: #c7254e; + /* Match bg of default highlight theme. */ + background-color: #f8f8f8; } + +pre { + margin: 0 0 1rem 0; + /* Match bg of default highlight theme. */ + border-color: #f8f8f8; + font-size: 0.7rem; + border-radius: 4px; } + +pre code { + white-space: pre; + /* Override Bootstrap to preserve line breaks in code. */ + overflow-x: auto; } + +hr { + border: 0; + height: 1px; + background: #333; + background-image: linear-gradient(to right, #ccc, #333, #ccc); } + +/* Quotes */ +blockquote { + padding: .5rem 1rem; + margin: .8rem 0; + color: #7a7a7a; + border-left: .25rem solid #e5e5e5; } + +blockquote p:last-child { + margin-bottom: 0; } + +@media (min-width: 30em) { + blockquote { + padding-right: 5rem; + padding-left: 1.25rem; } } + +.markup-quote { + background-color: transparent; + background-image: linear-gradient(to bottom, #e9e7f5, #e9e7f5); } + +.space-below { + margin-bottom: 50px; } + +@media screen and (max-width: 768px) { + .space-below { + margin-bottom: 10px; } } + +.universal-wrapper { + margin: 0 auto; + padding-right: 1rem; + padding-left: 1rem; + padding-top: 0.1rem; + width: 100%; } + +@media only screen and (min-width: 1001px) { + .universal-wrapper { + width: 1000px; } } + +small, +.small { + font-size: .75em; } + +.responsive-wrap iframe { + max-width: 100%; } + +/************************************************* + * Modals. + **************************************************/ +.modal-content { + background: white; } + +.modal-title { + margin: 0; + /* Override default h5 margin. */ } + +.modal-content pre { + margin: 0; } + +.modal-header { + border: 0; + color: rgba(0, 0, 0, 0.8); } + +.modal-footer { + border: 0; } + +#modal-error { + color: red; } + +/************************************************* + * Gallery. + **************************************************/ +.gallery { + margin: 0.5em -4px 1.5em -4px; + font-size: 0; } + +a[data-fancybox] { + text-decoration: none; + cursor: zoom-in; } + +.gallery a[data-fancybox] img { + height: 250px; + width: auto; + max-width: inherit; + display: inherit; + margin: 0; + padding: 4px; + box-shadow: none; + vertical-align: inherit; } + +.fancybox-caption { + font-size: 1rem; + line-height: 1.5rem; + text-align: center; } + +/************************************************* + * Pager. + **************************************************/ +.post-nav { + margin-top: 1rem; + font-size: 0.8rem; } + +.post-nav-item { + hyphens: auto; + word-wrap: break-word; + padding: 11px 0 12px; + width: 100%; } + +.post-nav-item a { + color: #2b2b2b; + line-height: 1.7; + text-transform: none; } + +.post-nav-item .meta-nav { + color: #767676; + font-weight: 900; + line-height: 2; + text-transform: uppercase; } + +.dark .post-nav-item a { + color: #ddd; } + +/************************************************* + * Footer + **************************************************/ +footer { + margin: 4rem 0 0; + padding: 2rem 0; + width: 100%; } + +footer p { + font-size: 0.75rem; + text-align: center; } + +site-footer, +footer a.back-to-top i { + color: rgba(0, 0, 0, 0.54); } + +.dark site-footer, +.dark footer a.back-to-top i, +.dark .docs .body-footer { + color: rgba(255, 255, 255, 0.54); } + +/************************************************** + * Tags/Labels + **************************************************/ +.badge-light { + border: none; + color: rgba(0, 0, 0, 0.68); + background: rgba(0, 0, 0, 0.05); + font-weight: normal; + border-radius: 3px; + padding: 5px 10px; + margin-right: 8px; + margin-bottom: 8px; } + +.article-tags > .badge-light:last-child { + margin-right: 0; } + +.badge-light[href]:focus, +.badge-light[href]:hover { + background: rgba(0, 0, 0, 0.1); } + +a.badge:focus, +a.badge:hover { + color: rgba(0, 0, 0, 0.68); } + +.tag-cloud a { + display: inline-block; + position: relative; + margin: 5px 10px; + word-wrap: break-word; + transition-duration: .2s; + transition-property: transform; + transition-timing-function: ease-out; } + +.tag-cloud a:active, +.tag-cloud a:focus, +.tag-cloud a:hover { + color: #0041f5; + transform: scale(1.2); } + +.dark .tag-cloud a:active, +.dark .tag-cloud a:focus, +.dark .tag-cloud a:hover { + color: #5c87ff; } + +/************************************************* + * Button size override + *************************************************/ +.btn { + padding: .5rem; + font-size: .8rem; + line-height: .9; + border-radius: .3rem; } + +.btn-links .btn { + padding: 5px .5rem 5px .5rem; + line-height: 1; } + +.btn.btn-sm, .btn-group-sm > .btn { + padding: 5px .4rem 5px .4rem; + font-size: .6rem; + border-radius: .2rem; } + +/************************************************* + * Toolbar Buttons + **************************************************/ +.btn-toolbar .btn { + font-size: 0.9rem; + padding: 10px 14px 9px; + border: none; } + +.btn-toolbar .btn:first-child { + border-radius: 6px 0 0 6px; } + +.btn-toolbar .btn:last-child { + border-radius: 0 6px 6px 0; } + +.btn-toolbar .btn.btn-primary:hover, +.btn-toolbar .btn.btn-primary:focus { + background-color: #5c87ff !important; } + +.btn-toolbar .btn.btn-primary:active, +.btn-toolbar .btn.btn-primary.active { + background-color: #0041f5 !important; } + +.btn-primary:not(:disabled):not(.disabled).active:focus, +.btn-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem #5c87ff; } + +/************************************************* + * Tables + **************************************************/ +/* Based on Bootstrap's `table-responsive` style. */ +table { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + margin-bottom: 1rem; + font-size: 0.8rem; } + +table > thead > tr > th, +table > tbody > tr > th, +table > tfoot > tr > th, +table > thead > tr > td, +table > tbody > tr > td, +table > tfoot > tr > td { + padding: 8px; + line-height: 1.43; + vertical-align: top; + border-top: 1px solid #ddd; } + +table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; } + +table > caption + thead > tr:first-child > th, +table > colgroup + thead > tr:first-child > th, +table > thead:first-child > tr:first-child > th, +table > caption + thead > tr:first-child > td, +table > colgroup + thead > tr:first-child > td, +table > thead:first-child > tr:first-child > td { + border-top: 0; } + +table > tbody + tbody { + border-top: 2px solid #ddd; } + +table table { + background-color: #fff; } + +/* Table Striped */ +table > tbody > tr:nth-child(odd) > td, +table > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; } + +/* Table Hover */ +table > tbody > tr:hover > td, +table > tbody > tr:hover > th { + background-color: #e5e5e5; } + +/************************************************* + * Article Alerts (Shortcode) and Asides (Mmark) + **************************************************/ +/* Style asides as Bootstrap alerts. */ +/* Asides use <p> block element whereas alerts use <div>. */ +.article-style aside p, +div.alert > div { + position: relative; + display: block; + font-size: 1rem; + margin-left: 2rem; + margin-top: 0; + margin-bottom: 0; } + +div.alert div > * { + margin-bottom: .5rem; + /* Use smaller paragraph spacing than usual. */ } + +div.alert div > :last-child { + margin-bottom: 0; } + +.article-style aside p::before, +div.alert > div:first-child::before { + position: absolute; + top: -0.5rem; + left: -2rem; + font-size: 1.5rem; + color: #209cee; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: '\f05a'; + width: 1.5rem; + text-align: center; } + +div.alert-warning > div:first-child::before { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + color: #ff3860; + content: '\f071'; } + +.article-style aside a, +div.alert a { + color: currentColor; + text-decoration: none; + border-bottom: solid 1px currentColor; } + +.article-style aside, +.alert-note { + color: #12537e; + background-color: #f6fbfe; + border-color: #209cee; } + +.alert-warning { + color: #cd0930; + background-color: #fff5f7; + border-color: #ff3860; } + +.svg-icon { + display: inline-flex; + align-self: center; } + +.svg-icon { + height: 0.9em; + width: 0.9em; } + +.svg-icon.svg-baseline { + bottom: 0.1em; + line-height: 1; + position: relative; } + +.footer-license-icons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + list-style: none; + height: auto; + width: auto; + font-size: 0; + text-decoration: none; } + +.footer-license-icons img { + display: inline-flex; + margin-right: 8px; + height: 22px; + vertical-align: text-bottom; } + +/************************************************* + * Navigation bar + **************************************************/ +.navbar { + height: 70px; + background: #fff; + box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.11); + font-size: 16.17px; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; + padding: 0 1rem; } + .navbar .nav-item { + position: relative; } + @media (max-width: 991.98px) { + .navbar { + height: 50px; } + .navbar .navbar-nav-scroll { + width: 100%; + overflow: hidden; } + .navbar .navbar-nav-scroll .navbar-nav { + overflow-x: auto; + white-space: nowrap; + -webkit-overflow-scrolling: touch; } } + .navbar .navbar-nav { + display: flex; } + .navbar .navbar-nav .nav-link { + color: rgba(52, 73, 94, 0.85); } + .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus { + color: #34495e; } + .navbar .navbar-nav .nav-link.active { + font-weight: bold !important; + color: #2962ff !important; } + .navbar .dropdown-menu { + font-size: 16.17px; } + .navbar .dropdown-item.active, + .navbar .dropdown-item-active { + font-weight: bold; + color: #2962ff !important; } + +.dark .navbar { + background: #282a36; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.11); } + .dark .navbar .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.85); } + .dark .navbar .navbar-nav .nav-link.active, .dark .navbar .navbar-nav .nav-link:hover, .dark .navbar .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.8); } + .dark .navbar .navbar-nav .nav-link.active { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.8) !important; } + .dark .navbar .dropdown-item.active, + .dark .navbar .dropdown-item-active { + color: rgba(255, 255, 255, 0.8) !important; } + +.navbar-toggler { + border: 0 !important; + position: relative; + z-index: 1030; } + +.dark .navbar-toggler { + color: white; } + +.navbar-toggler:focus, +.navbar-toggler:active { + outline: none !important; + box-shadow: none !important; } + +@media (max-width: 991.98px) { + /* Match breakpoint for i18n dropdown in navbar.html. */ + .i18n-dropdown .nav-link::after { + content: none; } } + +.i18n-dropdown .dropdown-menu, +.theme-dropdown .dropdown-menu { + /* Use style from uncollapsable dropdowns to prevent dropdown going off page. */ + position: absolute; + /* Below style from .dropdown-menu-right to prevent dropdown going off page. */ + right: 0; + left: auto; } + +/* +.navbar .collapse { + overflow-x: auto; +} +*/ +.navbar-brand { + padding-top: 5px; + padding-bottom: 5px; + font-weight: bold; + position: relative; + z-index: 1030; } + +.dark .navbar-brand { + color: white; } + +.navbar-brand img { + width: auto; + height: -moz-available; + height: -webkit-fill-available; + height: -webkit-stretch; + height: stretch; + max-height: 60px; + max-width: fit-content; } + +#navbar-main .main-menu-item ul li .nav-link { + color: #34495e; } + +.dark #navbar-main .main-menu-item ul li .nav-link { + color: white; } + +@media (max-width: 991.98px) { + .navbar-brand-mobile-wrapper { + position: absolute; + left: 0; + right: 0; } + .navbar-brand { + margin: 0 auto; } + .navbar-brand img { + max-height: 40px; } + .navbar-toggler { + border-color: transparent; } + #navbar-main .main-menu-item { + text-align: left !important; + padding-left: 0; } + .navbar-collapse { + z-index: 1031 !important; + position: absolute; + left: 0; + top: 50px; + width: 100%; + background-color: #fff; + text-align: center !important; } + .dark .navbar-collapse { + background-color: #282a36; } + #navbar-main .main-menu-item .nav-item { + padding: 10px 15px !important; } + #navbar-main .main-menu-item .nav-item .nav-link { + padding: 5px 15px !important; } } + +ul.nav-icons { + list-style-type: none; + font-size: 18px; + padding: 0.5rem 0 0.5rem 0; + margin: 0; } + +ul.nav-icons li { + display: inline; + padding-right: 1rem; } + +ul.nav-icons li:last-of-type { + padding-right: 0; } + +ul.nav-icons li.nav-item a.nav-link { + padding: 0; } + +.dropdown-menu { + background-color: #fff !important; + color: #34495e !important; + z-index: 1032; } + +.dark .dropdown-menu { + background-color: #282a36 !important; + color: white !important; } + +.dropdown-item { + background-color: #fff !important; + color: #34495e !important; } + +.dark .dropdown-item { + background-color: #282a36 !important; + color: white !important; } + +/************************************************* + * Card component + **************************************************/ +.card-simple { + background: #fff; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); + border: 1px solid rgba(0, 0, 0, 0.09); + border-radius: 3px; + margin-top: 20px; + padding: 15px 20px 15px 20px; } + +.card-simple:first-of-type { + margin-top: 0; } + +.card-simple p.read-more { + margin: 0; } + +.dark .card-simple { + background: #282a36; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); + border: 1px solid #44475a; } + +/* In page listings, display the linked summaries as normal text except for the hover cursor. */ +a.summary-link { + color: unset; + text-decoration: none; } + +.card { + margin-bottom: 1.5rem; + overflow: hidden; + text-overflow: ellipsis; + background: #fff; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); + transition: all 0.2s ease-out; } + +.card .card-image { + display: block; + position: relative; + min-height: 100px; } + +.card h4 { + font-size: 0.9rem; + font-weight: 700; + line-height: 1.5; + text-transform: uppercase; } + +.card h4 a { + color: #000; + border-bottom: solid 1px transparent; } + +.card h4 a:hover { + color: #000; + border-bottom: solid 1px #000; + text-decoration: none; } + +.card .card-text { + padding: 0.75rem 1rem 0.75rem; } + +.card .card-text p { + color: rgba(0, 0, 0, 0.54); + font-size: 0.75rem; } + +.dark .card-text p { + color: #f8f8f2; } + +.card p:last-child { + margin-bottom: 0; } + +.card .card-image.hover-overlay:before { + display: block; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #fff; + content: " "; + opacity: 0; + transition: all 0.2s ease-out; } + +.card .card-image.hover-overlay:after { + display: block; + position: absolute; + left: 0; + top: 50%; + width: 100%; + transform: translate(0, -50%); + opacity: 0; + transition: all 0.2s ease-out; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: '\f0c1'; + text-align: center; + font-size: 3rem; + color: #666; } + +.card:hover { + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } + +.card:hover .card-image.hover-overlay:before { + opacity: 0.8; } + +.card:hover .card-image.hover-overlay:after { + opacity: 0.6; } + +/************************************************* + * Search + **************************************************/ +.search-results { + transform: scale(0); + -webkit-transform: scale(0); + background-color: white; + bottom: 0; + left: 0; + right: 0; + top: 0; + overflow: scroll; + position: fixed; + visibility: hidden; + z-index: -99; } + +.dark .search-results { + background-color: #23252f; } + +.searching { + overflow: hidden; } + +.searching .search-results { + transform: scale(1); + -webkit-transform: scale(1); + visibility: visible; + z-index: 1031; + /* Highest index, higher than navbar. */ } + +.searching #search-box #search-query { + width: 100%; } + +.search-results > .container { + padding-top: 70px; + /* Navbar height. */ } + +@media screen and (max-width: 1200px) { + .search-results > .container { + padding-top: 50px; + /* Navbar height. */ } } + +.search-header { + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: white; + padding-top: 2rem; + padding-bottom: 1rem; } + +.dark .search-header { + background-color: #23252f; } + +.search-header h1 { + margin: 0; + line-height: 1; } + +.col-search-close { + text-align: right; } + +.search-header i { + font-size: 2rem; + line-height: 1; } + +#search-box { + position: relative; + /* Required for search icon positioning. */ + margin-bottom: 0.5rem; } + +#search-box::before { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: "\f002"; + font-size: 1rem; + opacity: 0.25; + line-height: 1rem; + position: absolute; + left: 0.7rem; + top: 0.6rem; + overflow-x: hidden; } + +#search-box #search-query { + border: 1px solid #dedede; + border-radius: 1rem; + padding: 1rem 1rem 1rem 2rem; + /* Wider left padding for search icon to fit in. */ + width: 250px; + line-height: 1rem; + height: 1rem; + font-size: 0.8rem; } + +.search-hit em { + font-style: normal; + background-color: #FFE0B2; + color: #E65100; + border-bottom: 1px solid #E65100; } + +.search-hit-type { + margin-bottom: 0 !important; + /* Override .article-metadata margin. */ + text-transform: capitalize; } + +.search-hit-description { + font-size: 0.7rem; } + +/* Load more results button - hide when there are no more results. */ +#search-hits button[disabled] { + display: none; } + +.form-control:focus { + border-color: #2962ff; + box-shadow: 0 0 0 0.2rem #5c87ff; } + +/* DARK themed components. */ +/* Algolia search input */ +.dark .ais-search-box--input { + background-color: #23252f; } + +.dark #search-query { + background-color: #23252f; } + +/************************************************* + * Page content + **************************************************/ +.article-container { + max-width: 760px; + padding: 0 20px 0 20px; + margin: 0 auto 0 auto; } + +.page-subtitle { + font-size: 1.15rem; + color: rgba(0, 0, 0, 0.54); + margin-bottom: 1rem; } + +.dark .page-subtitle { + color: rgba(255, 255, 255, 0.54); } + +.article-header { + position: relative; + /* Required for caption positioning */ + clear: both; } + +.article-banner { + width: 100%; + height: auto; } + +.featured-image-wrapper { + position: relative; + padding-left: 0; + /* Override container padding. */ + padding-right: 0; + /* Override container padding. */ } + +.featured-image { + position: relative; + width: 100%; + display: block; + margin: 0 auto; } + +.article-header-caption { + position: absolute; + bottom: 0; + right: 0; + margin: 0 auto; + padding: 2px 5px; + color: #fff; + font-size: .7em; + background: #000; + text-align: right; + z-index: 5; + opacity: 0.65; + border-radius: 5px 0 0 0; } + +@media (min-width: 64em) { + .article-header-caption { + padding: 5px 10px; } } + +.article-header-caption a { + color: #fff; + text-decoration: none; } + +.article-title { + font-size: 1.75rem; } + +.article-title a { + color: #151515; + transition: color 0.6s ease; } + +.dark .text-muted { + color: rgba(255, 255, 255, 0.54) !important; } + +.article-metadata { + margin-bottom: 15px; + overflow: hidden; + font-size: 14px; + letter-spacing: 0.03em; + color: rgba(0, 0, 0, 0.54); } + +.dark .article-metadata { + color: rgba(255, 255, 255, 0.54); } + +.stream-meta.article-metadata { + margin-bottom: 5px; } + +/* For article page only, not lists. */ +article .article-metadata { + margin-bottom: 20px; } + +.article-metadata a { + color: rgba(0, 0, 0, 0.54); } + +.dark .article-metadata a { + color: rgba(255, 255, 255, 0.54); } + +.article-metadata a:hover { + color: #2962ff; } + +.article-metadata .author-notes { + cursor: help; + vertical-align: super; + font-size: 0.7em; } + +.article-categories { + white-space: nowrap; + /* Keep category icon on same line as category links, otherwise context lost. */ } + +.middot-divider { + padding-right: .45em; + padding-left: .45em; + font-size: 15px; } + +.middot-divider::after { + content: '\00B7'; } + +.article-style { + overflow-x: hidden; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } + +.article-style img, +.article-style video { + margin-left: auto; + margin-right: auto; + margin-top: 2rem; + margin-bottom: 2rem; + padding: 0; } + +.article-style td img, +.article-style td video { + margin-top: 0; + margin-bottom: 0; } + +.article-style figure { + margin-top: 2rem; + margin-bottom: 2rem; } + +.article-style figure img { + margin-top: 0; + margin-bottom: 0; } + +/************************************************* + * Publications + **************************************************/ +.pub-banner { + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto; } + +.pub-row-heading { + font-weight: bold; } + +#container-publications { + display: block; + position: relative; + overflow: hidden; } + +.li-cite-author { + font-size: 1em; + color: inherit; } + +.li-cite-author a { + color: inherit; } + +.dark .li-cite-author a { + color: #f8f8f2; } + +/************************************************* + * Content widgets + **************************************************/ +.content-widget-hr { + margin-top: 1.2rem; + padding-top: 1.2rem; + border-top: 1px solid rgba(0, 0, 0, 0.05); } + +.dark .content-widget-hr { + border-top: 1px solid rgba(255, 255, 255, 0.05); } + +/************************************************* + * Tags + **************************************************/ +.article-tags { + margin-top: 1.2rem; } + +/************************************************* + * Sharing + **************************************************/ +.share-box { + margin-top: 0.7rem; } + +ul.share { + display: flex; + align-items: center; + justify-content: center; + flex-direction: row; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0; } + +ul.share li { + display: inline-flex; + margin-right: 8px; } + +ul.share li:last-of-type { + margin-right: 0; } + +ul.share li i { + display: block; + width: 30px; + height: 30px; + line-height: 30px; + font-size: 22px; + text-align: center; + transition: all 150ms ease-in-out; } + +ul.share li a { + text-decoration: none !important; + color: rgba(0, 0, 0, 0.84); } + +.dark ul.share li a { + color: rgba(255, 255, 255, 0.84); } + +ul.share li:hover i { + transform: scale(1.2); } + +/************************************************* + * Author profile card + **************************************************/ +.author-card .avatar { + width: 60px; + height: 60px; } + +.author-card .card-title { + margin-top: 0; + margin-bottom: 15px; + font-weight: 600; + color: rgba(0, 0, 0, 0.84); } + +.author-card .card-title a { + color: rgba(0, 0, 0, 0.84); } + +.dark .author-card .card-title, +.dark .author-card .card-title a { + color: rgba(255, 255, 255, 0.84); } + +.author-card p { + margin-bottom: 5px; } + +.author-card .card-subtitle { + font-weight: 300; + font-size: 0.8rem; + color: rgba(0, 0, 0, 0.54); + margin-bottom: 7px; } + +.dark .author-card .card-subtitle { + color: rgba(255, 255, 255, 0.54); } + +.author-card .card-text { + color: rgba(0, 0, 0, 0.76); + font-size: 0.8rem; + margin-bottom: 4px; } + +.dark .author-card .card-text { + color: rgba(255, 255, 255, 0.76); } + +/************************************************* + * Comments + **************************************************/ +#comments { + padding-top: 1rem; } + +/************************************************* + * Related content + **************************************************/ +.article-widget { + padding-top: 1.2rem; + /* Match .content-widget-hr */ } + +.article-widget h3 { + margin-top: 0; } + +/************************************************* + * List items + **************************************************/ +.view-list-item { + margin-bottom: 1rem; } + +.pub-icon { + color: rgba(0, 0, 0, 0.54); + font-size: 0.81em; + padding-right: 6px; } + +.view-list-item .article-metadata { + margin-bottom: 0; } + +.pub-list-item .pub-abstract { + font-size: 1rem; } + +.pub-list-item .btn-links { + padding-top: 10px; } + +/************************************************* + * Compact (stream) list view + **************************************************/ +.media.stream-item { + margin-bottom: 2rem; } + +.media.stream-item .article-title, +.card-simple .article-title { + font-size: 1.2rem; } + +.media.stream-item .article-style, +.card-simple .article-style { + margin-top: 2px; + font-size: 0.8rem; } + +.media.stream-item .stream-meta { + margin-top: 12px; } + +.media.stream-item img { + max-width: 150px; + height: auto; + object-fit: cover; } + +@media screen and (max-width: 768px) { + .media.stream-item img { + max-width: 80px; } } + +/************************************************* + * Page Builder: sections and widgets + **************************************************/ +@keyframes intro { + 0% { + opacity: 0; } + 100% { + opacity: 1; } } + +.home-section { + position: relative; + background-color: white; + padding: 110px 0 110px 0; + animation: intro 0.3s both; + animation-delay: 0.15s; } + +.home-section.fullscreen { + min-height: calc(100vh - 70px); } + +@media (max-width: 991.98px) { + .home-section.fullscreen { + min-height: calc(100vh - 50px); } } + +/* Override dark colors that may be inherited from body.dark */ +.home-section.dark, +.home-section.dark h1, +.home-section.dark h2, +.home-section.dark h3, +.home-section.dark a:not(.btn) { + color: #f8f8f2; } + +/* Underline links in dark sections to separate them from text */ +.home-section.dark a:not(.btn):not(.hero-cta-alt) { + text-decoration: underline; } + +/* Revert Alert Box Link style (.home-section.dark style above should not be applied to it) */ +.home-section.dark .alert a, .home-section.dark .article-style aside a, .article-style .home-section.dark aside a { + color: inherit !important; + text-decoration: inherit !important; } + +/* Big underline style for links in dark sections */ +/* Disabled as it's an experimental style that requires CSS NOT Selector Level 4 (only in Safari) */ +/* +.home-section.dark.big-underline a:not(.btn):not(.hero-cta-alt):not(.alert a) { + text-decoration: none; + position: relative; +} +.home-section.dark.big-underline a:not(.btn):not(.hero-cta-alt):not(.alert a):after { + background: #fff; + content: ""; + height: 2px; + left: 0; + right: 0; + position: absolute; + top: 100%; +}*/ +/* Default background image properties for home sections. */ +.home-section.bg-image { + background-position: center; + background-repeat: no-repeat; + background-size: cover; } + +/* Create a parallax-like scrolling effect. */ +.parallax { + height: 100%; + background-attachment: fixed; } + +.home-section:first-of-type { + padding-top: 50px; } + +.home-section:nth-of-type(even) { + background-color: #f7f7f7; } + +.dark .home-section { + background-color: #272935; } + +.dark .home-section:nth-of-type(even) { + background-color: #23252f; } + +@media screen and (max-width: 768px) { + .home-section { + padding: 60px 0 60px 0; } + .home-section:first-of-type { + padding-top: 40px; } } + +.section-heading h1 { + margin: 0 0 10px 0; } + +.section-heading p { + font-weight: 400; + font-size: 1.1rem; + color: #b2b2b2; } + +/************************************************* + * Widgets (common) + **************************************************/ +.see-all { + margin-top: 2rem; + text-transform: uppercase; } + +/* Reset code highlighting style in Alerts when Alert is child of a `.dark` widget, but Alert should be light.` */ +/* But will this affect page which should have dark Alert? */ +.dark .alert pre, .dark .article-style aside pre, .article-style .dark aside pre, +.dark .alert code, +.dark .article-style aside code, +.article-style .dark aside code { + color: initial; + background-color: initial; } + +/************************************************* + * Hero Widget + **************************************************/ +.wg-hero { + padding: 3em 0; + clear: both; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + animation: intro 0.3s both; + animation-delay: 0s; + animation-delay: 0.25s; } + +.hero-title { + font-size: 2.7rem; + margin-top: 0; + line-height: 1; } + +.hero-lead { + max-width: 768px; + font-size: 1.35rem; } + +.wg-hero.dark .hero-title, +.wg-hero.dark .hero-lead, +.wg-hero.dark .hero-cta-alt, +.wg-hero.dark .hero-note > * { + color: #fff; + /*text-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/ + /* Uncomment to standout on complicated backgrounds. */ } + +.wg-hero.dark a:not(.wg-hero .btn) { + color: #fff; } + +.wg-hero .hero-lead a { + text-decoration: underline; } + +.wg-hero .cta-btns { + margin-bottom: 16px; } + +.wg-hero .btn { + padding: .6em 2.1em; } + +.wg-hero.dark .btn { + color: #0041f5; } + +a.hero-cta-alt { + display: inline-block; + position: relative; + transition-duration: .2s; + transition-property: transform; + transition-timing-function: ease-out; + font-size: 1.1rem; } + +a.hero-cta-alt:active, +a.hero-cta-alt:focus, +a.hero-cta-alt:hover { + transform: scale(1.1); } + +.wg-hero .btn-lg, .wg-hero .btn-group-lg > .btn { + font-size: 1.1rem; } + +.wg-hero .hero-note { + font-size: 0.8rem; } + +.hero-media { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + text-align: center; } + +/************************************************* + * Slider Widget + **************************************************/ +/* Clear `.home-section` as padding and animation interferes with Slider's layout and animations. */ +.home-section.wg-slider { + padding: 0; + animation: none; + animation-delay: unset; } + +/* The Slider widget reuses the Hero widget's `.wg-hero` class. + * We must remove the `animation` and `clear` in this instance or + * multiple slides can be `.active` at once. */ +.carousel-inner .wg-hero { + animation: none; + clear: none; } + +/************************************************* + * Featurette Widget + **************************************************/ +.featurette { + font-size: 0.8rem; + line-height: 1.5; + color: #555; + text-align: center; } + +.featurette h3 { + margin-top: 0; + margin-bottom: 5px; + font-weight: 400; + color: #333; } + +.dark .featurette, +.dark .featurette h3 { + color: #fff; } + +.featurette-icon { + display: block; + width: 100%; + color: #2962ff; + font-size: 3rem; + text-align: center; } + +/************************************************* + * About widget + **************************************************/ +#profile { + text-align: center; + padding: 30px 10px; + position: relative; } + +.avatar { + width: 270px; + height: 270px; + margin: 0 auto; + object-fit: cover; } + +@media (max-width: 767.98px) { + .wg-about .avatar { + width: 200px; + height: 200px; } } + +.avatar-circle { + border-radius: 50%; } + +.avatar-square { + border-radius: 3px; } + +.portrait-title h2 { + font-size: 1.75em; + font-weight: 300; + color: #000000; + margin: 20px 0 10px 0; } + +.portrait-title h3 { + font-size: 1rem; + font-weight: 300; + color: rgba(0, 0, 0, 0.54); + margin: 0px 0 10px 0; } + +ul.network-icon { + display: inline-flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + list-style: none; + padding: 0; + margin: 0; } + +#profile .network-icon { + margin-top: 30px; } + +.network-icon li { + margin-right: 10px; } + +.network-icon li:last-of-type { + margin-right: 0; } + +.network-icon li:hover { + transform: scale(1.2); } + +.big-icon { + font-size: 2rem; } + +ul.ul-interests li { + font-size: 0.9rem; } + +ul.ul-edu { + list-style: none; } + +ul.ul-edu li { + position: relative; + padding: 0px 15px 4px 3px; } + +ul.ul-edu li .description p { + margin: 0; } + +ul.ul-edu li .description p.course { + font-size: 0.9rem; } + +ul.ul-edu li .description p.institution { + font-size: 0.75rem; + color: rgba(0, 0, 0, 0.6); } + +/************************************************* + * Experience + **************************************************/ +.exp-title { + text-transform: none !important; } + +.exp-company { + font-weight: normal !important; + text-transform: none !important; } + +.exp-meta { + font-size: 0.8rem; } + +.experience .card-text, +.experience .card-text p { + color: #000 !important; + font-size: 0.75rem !important; } + +.dark .experience .text-muted { + color: rgba(255, 255, 255, 0.8) !important; } + +.dark .experience .card-text, +.dark .experience .card-text p { + color: #f8f8f2 !important; } + +.card .card-text ul { + margin-top: -1rem; + margin-bottom: 0rem; } + +.experience .m-2 .border, +.experience .col.border-right { + border-color: #2962ff !important; } + +.experience .m-2 .border.exp-fill { + background-color: #2962ff !important; } + +/************************************************* + * Talks + **************************************************/ +.talk-metadata { + color: #4b4f56; + font-size: 0.8rem; } + +/************************************************* + * Projects + **************************************************/ +.project-widget-simple li { + margin-bottom: 1rem; } + +.project-widget-simple li:last-of-type { + margin-bottom: 0; } + +.project-widget-simple .project-title { + margin-bottom: 6px; } + +.project-widget-simple .project-summary { + font-size: 0.9rem; + margin-bottom: 0.4rem; } + +.projects-container { + display: block; + position: relative; + /*margin-top: 5rem;*/ + overflow: hidden; } + +.project-toolbar { + margin-bottom: 2rem; } + +.project-card { + position: relative; + width: calc(33.3% - 2*20px); + /* Fluid 3 columns (inc. 20px gutter) */ } + +@media screen and (max-width: 1199px) { + .project-card { + width: calc(50% - 20px); + /* Fluid 2 columns (inc. 20px gutter) */ } } + +@media screen and (max-width: 768px) { + .project-card { + width: 100%; + /* 1 column */ } } + +.project-item { + margin-bottom: 1.5rem; } + +.project-card.project-item { + margin: 0 0 20px 0; + /* Set to Isotope's gutter size */ } + +.project-card .card { + margin: 0; + /* Remove default card margin and use Isotope gutter */ } + +.project-showcase .project-item { + margin-bottom: 3rem; } + +.project-item:last-of-type { + margin-bottom: 0; } + +.isotope-item { + z-index: 2; } + +.isotope-item:hover { + z-index: 3; } + +/************************************************* + * Accomplishments + **************************************************/ +.card.course { + margin-bottom: 1rem; + /* More compact spacing than Experience widget as typically more items here. */ } + +.card.course:last-of-type { + margin-bottom: 0; } + +.course .card-subtitle a { + border-bottom: solid 1px transparent; } + +.course .card-subtitle a:hover { + border-bottom: solid 1px; + text-decoration: none; } + +/************************************************* + * People widget + **************************************************/ +.people-widget { + font-size: 0.8rem; + text-align: center; } + +.people-widget .portrait-title h2 { + font-size: 1rem; } + +.people-widget .portrait-title h3 { + font-size: 0.7rem; } + +.people-widget .avatar { + width: 80%; + max-width: 150px; + height: auto; } + +@media (min-width: 576px) { + .people-widget .col-sm-auto { + width: 30%; } } + +@media (min-width: 992px) { + .people-widget .col-sm-auto { + width: 20%; } } + +/************************************************* + * Contact + **************************************************/ +.contact-widget .fa-ul { + margin-left: 3.14285714rem; + /* Must be > `fa-2x` icon size. */ } + +.contact-widget .fa-li { + position: absolute; + left: -3.14285714rem; + /* Negative of `.contact-widget .fa-ul` margin. */ + width: 2rem; + /* Match `fa-2x` icon size. */ + top: 0.14285714em; + /* Default FA value. */ + text-align: center; } + +.contact-widget li { + padding-top: 0.8rem; + /* Align text with bottom of `fa-2x` icon. */ + margin-bottom: 0.3rem; } + +.contact-widget li:last-of-type { + margin-bottom: 0; } + +#map { + height: 350px; + width: 100%; } + +/************************************************* + * Documentation layout + **************************************************/ +.docs-article-container { + max-width: 760px; } + +/* Documentation: article footer. */ +.docs .body-footer { + border-top: 1px solid #e8e8e8; + margin-top: 30px; + padding-top: 10px; + font-size: 14px; + color: #707070; } + +/* Docs content. */ +.docs-content { + order: 1; + position: relative; } + +.docs-content > h2[id], +.docs-content > h3[id], +.docs-content > h4[id] { + pointer-events: none; } + +.docs-content > ol li, +.docs-content > ul li { + margin-bottom: .25rem; } + +/* Docs search. */ +.docs-search { + position: relative; + padding: 1rem 15px; + margin-right: -15px; + margin-left: -15px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); } + +.docs-search .form-control:focus { + border-color: #2962ff; + box-shadow: 0 0 0 3px #5c87ff; } + +/* Docs sidebar. */ +.docs-sidebar { + order: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + +@media (min-width: 768px) { + .docs-sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.1); } + @supports (position: -webkit-sticky) or (position: sticky) { + .docs-sidebar { + position: -webkit-sticky; + position: sticky; + top: 50px; + z-index: 10; + height: calc(100vh - 50px); } } } + +@media (min-width: 1200px) { + .docs-sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.1); } + @supports (position: -webkit-sticky) or (position: sticky) { + .docs-sidebar { + position: -webkit-sticky; + position: sticky; + top: 70px; + z-index: 10; + height: calc(100vh - 70px); } } } + +@media (min-width: 1200px) { + .docs-sidebar { + flex: 0 1 320px; } } + +/* Hide sidebar in printouts. */ +@media print { + .docs-sidebar { + display: none; } } + +/* Docs sidebar li>a. */ +.docs-sidebar .nav > li > a { + display: block; + padding: .25rem 1.5rem; + font-size: 0.8rem; + color: rgba(0, 0, 0, 0.65); } + +.docs-sidebar .nav > li > a:hover { + color: rgba(0, 0, 0, 0.85); + text-decoration: none; + background-color: transparent; } + +.docs-sidebar .docs-toc-item.active a, +.docs-sidebar .docs-toc-item a.active, +.docs-sidebar .nav > .active:hover > a, +.docs-sidebar .nav > .active > a { + font-weight: bold; + color: #2962ff; + background-color: transparent; } + +/* Docs links. */ +.docs-toggle { + line-height: 1; + font-size: 1.2rem; + color: #2962ff; + background-color: transparent; } + +.docs-links { + padding-top: 1rem; + padding-bottom: 1rem; + margin-right: -15px; + margin-left: -15px; } + +@media (min-width: 768px) { + @supports (position: -webkit-sticky) or (position: sticky) { + .docs-links { + max-height: calc(100vh - 5rem - 70px); + overflow-y: auto; } } } + +@media (min-width: 768px) { + .docs-links { + display: block !important; } } + +/* Docs TOC. */ +.docs-toc { + order: 2; + padding-top: 1.5rem; + padding-bottom: 1.5rem; + font-size: .875rem; } + +@supports (position: -webkit-sticky) or (position: sticky) { + .docs-toc { + position: -webkit-sticky; + position: sticky; + top: 70px; + height: calc(100vh - 70px); + overflow-y: auto; } } + +/* Docs TOC item links. */ +.docs-toc-link { + display: block; + padding: .25rem 1.5rem; + font-weight: bold; + color: rgba(0, 0, 0, 0.65); } + +.docs-toc-link:hover { + color: rgba(0, 0, 0, 0.85); + text-decoration: none; } + +.docs-toc-item.active { + margin-bottom: 1rem; } + +.docs-toc-item.active:not(:first-child) { + margin-top: 1rem; } + +.docs-toc-item.active > .docs-toc-link { + color: rgba(0, 0, 0, 0.85); } + +.docs-toc-item.active > .docs-toc-link:hover { + background-color: transparent; } + +.docs-sidenav { + display: block; } + +/* Docs TOC nav. */ +.docs-toc-title { + color: #b5b5b5; + font-size: .875rem; + font-weight: 600; + padding-left: calc(1.5rem + 1px); } + +#TableOfContents { + padding-left: 0; + border-left: 1px solid #eee; } + +#TableOfContents ul, +ul.toc-top { + padding-left: 0; } + +#TableOfContents ul ul { + padding-left: 0.8rem; } + +#TableOfContents li { + display: block; } + +#TableOfContents li a, +.toc-top li a { + display: block; + padding: .125rem 1.5rem; + color: #99979c; + font-size: 0.7rem; } + +#TableOfContents li a:hover, +.toc-top li a:hover { + color: #2962ff; + text-decoration: none; } + +/* ScrollSpy active link style. */ +#TableOfContents li a.active { + color: #2962ff; + font-weight: 700; } + +/* Docs achnorjs links. */ +.anchorjs-link { + font-weight: 400; + color: #0041f5; + transition: color .16s linear; } + +.anchorjs-link:hover { + color: #2962ff; + text-decoration: none; } + +/************************************************* + * Dark themed components + **************************************************/ +body.dark, +.dark .docs-toc-link, +.dark .docs-sidebar .nav > li:not(.active) > a, +.dark .modal button.close, +.dark input, +.dark .form-control, +.dark .form-control:focus { + color: #f8f8f2; + background: #23252f; } + +.dark .form-control { + background-color: #44475a; } + +.dark .form-control:focus { + background-color: #44475a; + border-color: #2962ff; + box-shadow: 0 0 0 0.2rem #0041f5; } + +.dark h1, +.dark h2, +.dark h3, +.dark h4, +.dark h5, +.dark h6 { + color: #98a6ad; } + +.dark pre, +.dark code { + color: #8be9fd; + background-color: #44475a; } + +.dark pre { + /* Match `pre` bg color above. */ + border-color: #44475a; } + +.dark .markup-quote { + background-image: linear-gradient(to bottom, rgba(233, 231, 245, 0.2), rgba(233, 231, 245, 0.2)); } + +.dark #MathJax_Zoom { + background-color: #44475a !important; } + +.dark table table { + background-color: #282a36; } + +/* Table Striped */ +.dark table > tbody > tr:nth-child(odd) > td, +.dark table > tbody > tr:nth-child(odd) > th { + background-color: #323440; } + +/* Table Hover */ +.dark table > tbody > tr:hover > td, +.dark table > tbody > tr:hover > th { + background-color: #3c3e4a; } + +.dark .article-title a { + color: #fff; } + +.dark .portrait-title h2 { + color: #fff; } + +.dark .portrait-title h3 { + color: rgba(255, 255, 255, 0.54); } + +.dark ul.ul-edu li .description p.institution { + color: rgba(255, 255, 255, 0.6); } + +.dark .pub-icon { + color: rgba(255, 255, 255, 0.54); } + +.dark .talk-metadata { + color: rgba(255, 255, 255, 0.54); } + +.dark .pagination li > a, .pagination li > span { + background-color: #282a36; + border: 1px solid #ddd; } + +.dark .card { + background: #343a40; } + +.dark .card h4 a { + color: #2962ff; + border-bottom: solid 1px transparent; } + +.dark .card .card-image.hover-overlay::before { + background: #666; } + +.dark .card .card-image.hover-overlay::after { + color: #fff; } + +.dark select { + background: #282a36; + color: #f8f8f2; } + +.dark .badge-light { + color: rgba(255, 255, 255, 0.68); + background: rgba(255, 255, 255, 0.2); } + +.dark .badge-light[href]:focus, +.dark .badge-light[href]:hover { + background: rgba(255, 255, 255, 0.3); } + +.dark a.badge:focus, +.dark a.badge:hover { + color: rgba(255, 255, 255, 0.68); } + +.dark .btn-primary, +.dark .btn.btn-primary.active { + color: initial; } + +/* Mermaid.js div */ +div.mermaid { + width: 100%; + text-align: center; + margin-bottom: 1rem; } + +/************************************************* + * Style for right to left (RTL) languages. + **************************************************/ +html[dir="rtl"] body { + text-align: right; } diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_76ac6956597c32fec7ddf60d408db3ab.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_76ac6956597c32fec7ddf60d408db3ab.json new file mode 100644 index 00000000..f701cda6 --- /dev/null +++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_76ac6956597c32fec7ddf60d408db3ab.json @@ -0,0 +1 @@ +{"Target":"css/academic.css","MediaType":"text/css","Data":{}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/images/authors/admin/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg b/exampleSite/resources/_gen/images/authors/admin/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg Binary files differnew file mode 100644 index 00000000..6a075a38 --- /dev/null +++ b/exampleSite/resources/_gen/images/authors/admin/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg diff --git a/exampleSite/resources/_gen/images/authors/吳恩達/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg b/exampleSite/resources/_gen/images/authors/吳恩達/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg Binary files differnew file mode 100644 index 00000000..6a075a38 --- /dev/null +++ b/exampleSite/resources/_gen/images/authors/吳恩達/avatar_hu52a603635ecebd45650b162dadabb4e5_12861_270x270_fill_q90_lanczos_center.jpg diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-1950s_huaf5482f8cea0c5a703a328640e3b7509_21614_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-1950s_huaf5482f8cea0c5a703a328640e3b7509_21614_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..4bc92666 --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-1950s_huaf5482f8cea0c5a703a328640e3b7509_21614_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-apogee_hu4b45d99db97150df01464c393bfd17d4_24119_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-apogee_hu4b45d99db97150df01464c393bfd17d4_24119_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..75741b83 --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-apogee_hu4b45d99db97150df01464c393bfd17d4_24119_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-coffee-playfair_hu446a8f670cc5622adcc77b97ba95f6c5_22462_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-coffee-playfair_hu446a8f670cc5622adcc77b97ba95f6c5_22462_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..25e08335 --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-coffee-playfair_hu446a8f670cc5622adcc77b97ba95f6c5_22462_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-dark_hu1e8601ecc47f58eada7743fdcd709d3d_21456_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-dark_hu1e8601ecc47f58eada7743fdcd709d3d_21456_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..c95951a3 --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-dark_hu1e8601ecc47f58eada7743fdcd709d3d_21456_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-default_huba6228b7bdf30e2f03f12ea91b2cba0d_21751_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-default_huba6228b7bdf30e2f03f12ea91b2cba0d_21751_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..66296133 --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-default_huba6228b7bdf30e2f03f12ea91b2cba0d_21751_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-forest_hu4f093a1c683134431456584193ea41ee_21797_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-forest_hu4f093a1c683134431456584193ea41ee_21797_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..19b0f0ee --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-forest_hu4f093a1c683134431456584193ea41ee_21797_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-ocean_hu14831ccafc2219f30a7a096fa7617e01_21760_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-ocean_hu14831ccafc2219f30a7a096fa7617e01_21760_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..e41bf11f --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-ocean_hu14831ccafc2219f30a7a096fa7617e01_21760_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/home/gallery/gallery/theme-strawberry_hu36b0b347fcca08bd39e2df22dcedbdfb_39532_0x190_resize_lanczos_2.png b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-strawberry_hu36b0b347fcca08bd39e2df22dcedbdfb_39532_0x190_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..0190da51 --- /dev/null +++ b/exampleSite/resources/_gen/images/home/gallery/gallery/theme-strawberry_hu36b0b347fcca08bd39e2df22dcedbdfb_39532_0x190_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_192x192_fill_lanczos_center_2.png b/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_192x192_fill_lanczos_center_2.png Binary files differnew file mode 100644 index 00000000..85dc7b3c --- /dev/null +++ b/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_192x192_fill_lanczos_center_2.png diff --git a/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_32x32_fill_lanczos_center_2.png b/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_32x32_fill_lanczos_center_2.png Binary files differnew file mode 100644 index 00000000..86ec5d64 --- /dev/null +++ b/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_32x32_fill_lanczos_center_2.png diff --git a/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_512x512_fill_lanczos_center_2.png b/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_512x512_fill_lanczos_center_2.png Binary files differnew file mode 100644 index 00000000..bafcec61 --- /dev/null +++ b/exampleSite/resources/_gen/images/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_512x512_fill_lanczos_center_2.png diff --git a/exampleSite/resources/_gen/images/post/getting-started/featured_hub9ee31969f44a6711206a2baf9f065b4_241861_1200x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/post/getting-started/featured_hub9ee31969f44a6711206a2baf9f065b4_241861_1200x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..ebbd4d28 --- /dev/null +++ b/exampleSite/resources/_gen/images/post/getting-started/featured_hub9ee31969f44a6711206a2baf9f065b4_241861_1200x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/post/getting-started/featured_hub9ee31969f44a6711206a2baf9f065b4_241861_150x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/post/getting-started/featured_hub9ee31969f44a6711206a2baf9f065b4_241861_150x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..3e864ab4 --- /dev/null +++ b/exampleSite/resources/_gen/images/post/getting-started/featured_hub9ee31969f44a6711206a2baf9f065b4_241861_150x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_150x0_resize_lanczos_2.png b/exampleSite/resources/_gen/images/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_150x0_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..854a21f7 --- /dev/null +++ b/exampleSite/resources/_gen/images/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_150x0_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_720x0_resize_lanczos_2.png b/exampleSite/resources/_gen/images/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_720x0_resize_lanczos_2.png Binary files differnew file mode 100644 index 00000000..c7620e35 --- /dev/null +++ b/exampleSite/resources/_gen/images/post/jupyter/featured_hub1daa031c2af6888ff37bd93eb033a1a_71549_720x0_resize_lanczos_2.png diff --git a/exampleSite/resources/_gen/images/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_150x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_150x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..a1dbf36a --- /dev/null +++ b/exampleSite/resources/_gen/images/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_150x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_2560x2560_fit_q90_lanczos.jpg b/exampleSite/resources/_gen/images/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_2560x2560_fit_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..f869c856 --- /dev/null +++ b/exampleSite/resources/_gen/images/post/writing-technical-content/featured_huc72159e0fc0d14b85f60d34436a630f0_266353_2560x2560_fit_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_550x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_550x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..8617d1b6 --- /dev/null +++ b/exampleSite/resources/_gen/images/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_550x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_720x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_720x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..159c91f0 --- /dev/null +++ b/exampleSite/resources/_gen/images/project/external-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_329522_720x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_550x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_550x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..0f71a637 --- /dev/null +++ b/exampleSite/resources/_gen/images/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_550x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_720x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_720x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..3ea08f17 --- /dev/null +++ b/exampleSite/resources/_gen/images/project/internal-project/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_224363_720x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_150x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_150x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..502f3d8e --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_150x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_720x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_720x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..e9105527 --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_720x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_918x517_fill_q90_lanczos_smart1.jpg b/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_918x517_fill_q90_lanczos_smart1.jpg Binary files differnew file mode 100644 index 00000000..299e8bda --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/conference-paper/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_312700_918x517_fill_q90_lanczos_smart1.jpg diff --git a/exampleSite/resources/_gen/images/publication/journal-article/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_214168_150x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/publication/journal-article/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_214168_150x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..ebb8cc1c --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/journal-article/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_214168_150x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/publication/journal-article/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_214168_720x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/publication/journal-article/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_214168_720x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..83cc75e4 --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/journal-article/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_214168_720x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/publication/preprint/featured_hu559a5add5185b02575aa8333502ab2cc_220813_150x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/publication/preprint/featured_hu559a5add5185b02575aa8333502ab2cc_220813_150x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..2a71a647 --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/preprint/featured_hu559a5add5185b02575aa8333502ab2cc_220813_150x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/publication/preprint/featured_hu559a5add5185b02575aa8333502ab2cc_220813_720x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/publication/preprint/featured_hu559a5add5185b02575aa8333502ab2cc_220813_720x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..314b8288 --- /dev/null +++ b/exampleSite/resources/_gen/images/publication/preprint/featured_hu559a5add5185b02575aa8333502ab2cc_220813_720x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/talk/example/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_620088_150x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/talk/example/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_620088_150x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..24b3412d --- /dev/null +++ b/exampleSite/resources/_gen/images/talk/example/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_620088_150x0_resize_q90_lanczos.jpg diff --git a/exampleSite/resources/_gen/images/talk/example/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_620088_720x0_resize_q90_lanczos.jpg b/exampleSite/resources/_gen/images/talk/example/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_620088_720x0_resize_q90_lanczos.jpg Binary files differnew file mode 100644 index 00000000..43eede81 --- /dev/null +++ b/exampleSite/resources/_gen/images/talk/example/featured_hu3d03a01dcc18bc5be0e67db3d8d209a6_620088_720x0_resize_q90_lanczos.jpg diff --git a/exampleSite/static/admin/config.yml b/exampleSite/static/admin/config.yml new file mode 100644 index 00000000..00a9e064 --- /dev/null +++ b/exampleSite/static/admin/config.yml @@ -0,0 +1,303 @@ +backend: + name: git-gateway + branch: master +media_folder: 'static/media/' +public_folder: 'media' +collections: + - name: authors + label: Authors + label_singular: Author + folder: 'content/authors' + path: '{{slug}}/_index' + create: true # Allow users to create new documents in this collection + fields: # The fields each document in this collection have + - {label: "Display name (such as your full name)", name: "title", widget: "string"} + - {label: "Position or tagline (such as Professor of AI)", name: "role", widget: "string", required: false} + - label: "Avatar (upload an image named `avatar.jpg/png`)" + name: "avatar_filename" + widget: "image" + default: "avatar" + required: false + media_library: + config: + multiple: false + - {label: "Short biography (shown in author boxes)", name: "bio", widget: "string", required: false} + - {label: "Full biography (shown in About widget)", name: "body", widget: "markdown", required: false} + - label: "Interests (shown in About widget)" + name: "interests" + required: false + widget: "list" + - label: Social links + name: social + required: false + widget: list + fields: + - {label: Link, name: link, widget: string} + - label: Icon pack + name: icon_pack + widget: select + multiple: false + options: + - {label: "None", value: ""} + - {label: "Solid", value: "fas"} + - {label: "Regular", value: "far"} + - {label: "Brand", value: "fab"} + - {label: "Academic", value: "ai"} + - {label: Icon (see https://sourcethemes.com/academic/docs/page-builder/#icons), name: icon, widget: string} + - label: "Organizations you belong to or are affiliated with (shown in About widget)" + name: "organizations" + required: false + widget: list + fields: + - {label: Organization, name: name, widget: string, required: true} + - {label: Link, name: url, widget: string, required: false} + - label: "Education" + name: "education" + required: false + widget: object + fields: + - label: "Courses" + name: "courses" + required: false + widget: list + fields: + - {label: Course, name: course, widget: string, required: true} + - {label: Institution, name: institution, widget: string, required: true} + - {label: Year, name: year, widget: number, valueType: int, required: false} + - {label: "Email (to use a Gravatar.com avatar)", name: "email", widget: "string", required: false} + - label: "Super user (is this the primary site user?)" + name: "superuser" + widget: "boolean" + default: false + - label: "User groups (only for organization websites)" + name: "user_groups" + required: false + widget: "list" + - name: posts + label: Posts + label_singular: Post + folder: 'content/post' + path: '{{slug}}/index' + create: true # Allow users to create new documents in this collection + fields: # The fields each document in this collection have + - {label: "Title", name: "title", widget: "string"} + - {label: "Subtitle", name: "subtitle", widget: "string", required: false} + - {label: "Body", name: "body", widget: "markdown"} + - {label: "Publish this page on", name: "date", widget: "datetime"} + - {label: "Summary", name: "summary", widget: "markdown", required: false} + - label: "Draft" + name: "draft" + widget: "boolean" + default: false + - label: "Featured" + name: "featured" + widget: "boolean" + default: false + - label: "Authors" + name: "authors" + required: false + widget: "list" + - label: "Tags" + name: "tags" + required: false + widget: "list" + - label: "Categories" + name: "categories" + required: false + widget: "list" + - label: "Projects" + name: "projects" + required: false + widget: "list" + - label: "Featured Image" + name: "image" + required: false + widget: object + fields: + - label: "Upload an image named `featured.jpg/png`" + name: "filename" + widget: "image" + default: "featured" + media_library: + config: + multiple: false + - {label: Caption, name: caption, widget: string, required: false} + - {label: Description for screen readers, name: alt_text, widget: string, required: false} + - {label: "Where's the focal point in the image? Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight.", name: focal_point, widget: string, required: false, default: "Smart"} + - {label: Thumbnail Only?, name: preview_only, widget: boolean, default: false} + - name: projects + label: Projects + label_singular: Project + folder: 'content/project' + path: '{{slug}}/index' + create: true # Allow users to create new documents in this collection + fields: # The fields each document in this collection have + - {label: "Title", name: "title", widget: "string"} + - {label: "Subtitle", name: "subtitle", widget: "string", required: false} + - {label: "Body", name: "body", widget: "markdown", required: false} + - {label: "Publish this page on", name: "date", widget: "datetime"} + - {label: "Summary", name: "summary", widget: "markdown", required: false} + - label: "Draft" + name: "draft" + widget: "boolean" + default: false + - label: "Featured" + name: "featured" + widget: "boolean" + default: false + - label: "Authors" + name: "authors" + required: false + widget: "list" + - label: "Tags" + name: "tags" + required: false + widget: "list" + - label: "Categories" + name: "categories" + required: false + widget: "list" + - {label: "External link (optional - replaces link to project page)", name: "external_link", widget: "string"} + - label: Links + name: links + required: false + widget: list + fields: + - {label: Link, name: url, widget: string} + - {label: Link text, name: name, widget: string, required: false} + - label: Icon pack + name: icon_pack + widget: select + multiple: false + required: false + options: + - {label: "None", value: ""} + - {label: "Solid", value: "fas"} + - {label: "Regular", value: "far"} + - {label: "Brand", value: "fab"} + - {label: "Academic", value: "ai"} + - {label: "Icon (see https://sourcethemes.com/academic/docs/page-builder/#icons)", name: icon, widget: string, required: false} + - label: "Featured Image" + name: "image" + required: false + widget: object + fields: + - label: "Upload an image named `featured.jpg/png`" + name: "filename" + widget: "image" + default: "featured" + media_library: + config: + multiple: false + - {label: Caption, name: caption, widget: string, required: false} + - {label: Description for screen readers, name: alt_text, widget: string, required: false} + - {label: "Where's the focal point in the image? Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight.", name: focal_point, widget: string, required: false, default: "Smart"} + - {label: Thumbnail Only?, name: preview_only, widget: boolean, default: false} + - name: talks + label: Talks + label_singular: Talk + folder: 'content/talk' + path: '{{slug}}/index' + create: true # Allow users to create new documents in this collection + fields: # The fields each document in this collection have + - {label: "Title", name: "title", widget: "string"} + - {label: "Abstract", name: "abstract", widget: "text"} + - {label: "Where", name: "location", widget: "text"} + - {label: "From", name: "date", widget: "datetime"} + - {label: "To", name: "date_end", widget: "datetime", default: ""} + - {label: "All day event?", name: "all_day", widget: "boolean", default: false} + - label: Links/Tickets + name: links + required: false + widget: list + fields: + - {label: Link, name: url, widget: string} + - {label: Link text, name: name, widget: string, required: false} + - label: Icon pack + name: icon_pack + widget: select + multiple: false + required: false + options: + - {label: "None", value: ""} + - {label: "Solid", value: "fas"} + - {label: "Regular", value: "far"} + - {label: "Brand", value: "fab"} + - {label: "Academic", value: "ai"} + - {label: "Icon (see https://sourcethemes.com/academic/docs/page-builder/#icons)", name: icon, widget: string, required: false} + - {label: "Event", name: "event", widget: "string"} + - {label: "Event link", name: "event_url", widget: "string"} + - {label: "Publish this page on", name: "publishDate", widget: "datetime"} + - {label: "Markdown slides (reference a deck in 'content/slides/')", name: "slides", widget: "string", required: false} + - label: "Draft" + name: "draft" + widget: "boolean" + default: false + - label: "Featured" + name: "featured" + widget: "boolean" + default: false + - label: "Authors" + name: "authors" + required: false + widget: "list" + - label: "Tags" + name: "tags" + required: false + widget: "list" + - label: "Categories" + name: "categories" + required: false + widget: "list" + - label: "Projects (reference projects in 'content/project/')" + name: "projects" + required: false + widget: "list" + - label: "Featured Image" + name: "image" + required: false + widget: object + fields: + - label: "Upload an image named `featured.jpg/png`" + name: "filename" + widget: "image" + default: "featured" + media_library: + config: + multiple: false + - {label: Caption, name: caption, widget: string, required: false} + - {label: Description for screen readers, name: alt_text, widget: string, required: false} + - {label: "Where's the focal point in the image? Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight.", name: focal_point, widget: string, required: false, default: "Smart"} + - {label: Thumbnail Only?, name: preview_only, widget: boolean, default: false} + - {label: "Details", name: "body", widget: "markdown", required: false} + - name: pages + label: "Pages" + files: + - file: "content/privacy.md" + label: "Privacy Policy" + name: "privacy" + fields: + - {label: "Title", name: "title", widget: "string"} + - {label: "Publish Date", name: "date", widget: "datetime"} + - {label: "Subtitle", name: "subtitle", widget: "string", required: false} + - {label: "Summary", name: "summary", widget: "markdown", required: false} + - label: "Draft" + name: "draft" + required: false + widget: "boolean" + default: false + - {label: "Body", name: "body", widget: "markdown"} + - file: "content/terms.md" + label: "Terms" + name: "terms" + fields: + - {label: "Title", name: "title", widget: "string"} + - {label: "Publish Date", name: "date", widget: "datetime"} + - {label: "Subtitle", name: "subtitle", widget: "string", required: false} + - {label: "Summary", name: "summary", widget: "markdown", required: false} + - label: "Draft" + name: "draft" + required: false + widget: "boolean" + default: false + - {label: "Body", name: "body", widget: "markdown"} diff --git a/exampleSite/static/admin/index.html b/exampleSite/static/admin/index.html new file mode 100644 index 00000000..f0934d76 --- /dev/null +++ b/exampleSite/static/admin/index.html @@ -0,0 +1,14 @@ +<!doctype html> +<html lang="en-us"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Content Manager | Academic</title> + <!-- Include Netlify Identity for authentication. --> + <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script> +</head> +<body> +<!-- Include the latest Netlify CMS v2.x.x script that builds the admin panel. --> +<script src="https://cdn.jsdelivr.net/npm/netlify-cms@2/dist/netlify-cms.min.js"></script> +</body> +</html> diff --git a/exampleSite/static/media/boards.jpg b/exampleSite/static/media/boards.jpg Binary files differnew file mode 100644 index 00000000..fdde290f --- /dev/null +++ b/exampleSite/static/media/boards.jpg diff --git a/exampleSite/static/media/demo_resume.pdf b/exampleSite/static/media/demo_resume.pdf Binary files differnew file mode 100644 index 00000000..d0489a3a --- /dev/null +++ b/exampleSite/static/media/demo_resume.pdf diff --git a/exampleSite/static/media/headers/bubbles-wide.jpg b/exampleSite/static/media/headers/bubbles-wide.jpg Binary files differnew file mode 100644 index 00000000..abacf840 --- /dev/null +++ b/exampleSite/static/media/headers/bubbles-wide.jpg diff --git a/exampleSite/static/media/hero-academic.png b/exampleSite/static/media/hero-academic.png Binary files differnew file mode 100644 index 00000000..89afaff3 --- /dev/null +++ b/exampleSite/static/media/hero-academic.png diff --git a/images/screenshot.png b/images/screenshot.png Binary files differnew file mode 100644 index 00000000..2b545d8e --- /dev/null +++ b/images/screenshot.png diff --git a/images/tn.png b/images/tn.png Binary files differnew file mode 100644 index 00000000..819d54d6 --- /dev/null +++ b/images/tn.png diff --git a/theme.toml b/theme.toml new file mode 100644 index 00000000..63b25d87 --- /dev/null +++ b/theme.toml @@ -0,0 +1,49 @@ +name = "Academic" +license = "MIT" +licenselink = "https://github.com/wowchemy/starter-academic/blob/master/LICENSE.md" +description = "Use the website builder to personalize your academic resumé with widgets and deploy with one click! Fully customize your site with themes, plugins, and language packs." +homepage = "https://wowchemy.com" +min_version = "0.73" +tags = ["widgets", + "resume", + "portfolio", + "responsive", + "clean", + "personal", + "company", + "blog", + "minimal", + "light", + "dark", + "multilingual", + "documentation", + "landing page", + "projects", + "single page", + "contact form", + "mobile", + "gallery", + "search", + "presentation", + "simple", + "minimalist", + "starter", + "modern", + "one page", + "customizable", + "technical", + "product", + "slide" + ] +features = ["page builder", "widgets", "themes", "search", "research publication system", "filterable portfolio", + "blog", "create courses", "talks", "events", "slides", "gallery", "contact form"] + +[author] + name = "George Cushen" + homepage = "https://georgecushen.com" + +# If porting an existing theme +[original] + name = "" + homepage = "" + repo = "" |
