diff --git a/README.md b/README.md index 0ba334c7..f031267a 100644 --- a/README.md +++ b/README.md @@ -1,435 +1,2 @@ -# al-folio - -
- -[![Preview](assets/img/readme_preview/al-folio-preview.png)](https://alshedivat.github.io/al-folio/) - -**A simple, clean, and responsive [Jekyll](https://jekyllrb.com/) theme for academics.** - ---- - -[![deploy](https://github.com/alshedivat/al-folio/actions/workflows/deploy.yml/badge.svg)](https://github.com/alshedivat/al-folio/actions/workflows/deploy.yml) -[![Maintainers](https://img.shields.io/badge/maintainers-4-success.svg)](#maintainers) -[![GitHub contributors](https://img.shields.io/github/contributors/alshedivat/al-folio.svg)](https://github.com/alshedivat/al-folio/graphs/contributors/) -[![Docker Image Version](https://img.shields.io/docker/v/amirpourmand/al-folio?sort=semver&label=docker%20image&color=blueviolet)](https://hub.docker.com/r/amirpourmand/al-folio) -[![Docker Image Size](https://img.shields.io/docker/image-size/amirpourmand/al-folio?sort=date&label=docker%20image%20size&color=blueviolet)](https://hub.docker.com/r/amirpourmand/al-folio) -[![Docker Pulls](https://img.shields.io/docker/pulls/amirpourmand/al-folio?color=blueviolet)](https://hub.docker.com/r/amirpourmand/al-folio) - -[![GitHub release](https://img.shields.io/github/v/release/alshedivat/al-folio)](https://github.com/alshedivat/al-folio/releases/latest) -[![GitHub license](https://img.shields.io/github/license/alshedivat/al-folio?color=blue)](https://github.com/alshedivat/al-folio/blob/master/LICENSE) -[![GitHub stars](https://img.shields.io/github/stars/alshedivat/al-folio)](https://github.com/alshedivat/al-folio) -[![GitHub forks](https://img.shields.io/github/forks/alshedivat/al-folio)](https://github.com/alshedivat/al-folio/fork) - -
- -## User community - -The vibrant community of **al-folio** users is growing! -Academics around the world use this theme for their homepages, blogs, lab pages, as well as webpages for courses, workshops, conferences, meetups, and more. -Check out the community webpages below. -Feel free to add your own page(s) by sending a PR. - - - - - - - - - - - - - - - - - - -
Academics -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -★ -
Labs -★ -★ -★ -★ -★ -★ -★ -
Courses -CMU PGM (S-19)
-CMU DeepRL (F-19, S-20, F-20, S-21, F-21, S-22)
-CMU MMML (F-20, F-22)
-CMU AMMML (S-22, S-23)
-CMU ASI (S-23)
-CMU Distributed Systems (S-21) -
Conferences & workshops -ICLR Blog Post Track (2023, 2024)
-ML Retrospectives (NeurIPS: 2019, 2020; ICML: 2020)
-HAMLETS (NeurIPS: 2020)
-ICBINB (NeurIPS: 2020, 2021)
-Neural Compression (ICLR: 2021)
-Score Based Methods (NeurIPS: 2022)
-Images2Symbols (CogSci: 2022)
-Medical Robotics Junior Faculty Forum (ISMR: 2023)
-Beyond Vision: Physics meets AI (ICIAP: 2023)
-Workshop on Diffusion Models (NeurIPS: 2023) -
- -## Lighthouse PageSpeed Insights - -[![Google PageSpeed](https://raw.githubusercontent.com/alshedivat/al-folio/master/assets/img/pagespeed.svg)](https://pagespeed.web.dev/report?url=https%3A%2F%2Falshedivat.github.io%2Fal-folio%2F&form_factor=desktop) - -## Table Of Contents - -- [al-folio](#al-folio) - - [User community](#user-community) - - [Lighthouse PageSpeed Insights](#lighthouse-pagespeed-insights) - - [Table Of Contents](#table-of-contents) - - [Getting started](#getting-started) - - [Installing](#installing) - - [Customizing](#customizing) - - [Features](#features) - - [Light/Dark Mode](#lightdark-mode) - - [CV](#cv) - - [People](#people) - - [Publications](#publications) - - [Collections](#collections) - - [Layouts](#layouts) - - [The iconic style of Distill](#the-iconic-style-of-distill) - - [Full support for math \& code](#full-support-for-math--code) - - [Photos, Audio, Video and more](#photos-audio-video-and-more) - - [Other features](#other-features) - - [GitHub's repositories and user stats](#githubs-repositories-and-user-stats) - - [Theming](#theming) - - [Social media previews](#social-media-previews) - - [Atom (RSS-like) Feed](#atom-rss-like-feed) - - [Related posts](#related-posts) - - [Code quality checks](#code-quality-checks) - - [FAQ](#faq) - - [Contributing](#contributing) - - [Maintainers](#maintainers) - - [All Contributors](#all-contributors) - - [Star History](#star-history) - - [License](#license) - -## Getting started - -Want to learn more about Jekyll? Check out [this tutorial](https://www.taniarascia.com/make-a-static-website-with-jekyll/). Why Jekyll? Read [Andrej Karpathy's blog post](https://karpathy.github.io/2014/07/01/switching-to-jekyll/)! - -## Installing - -For installation details please refer to [INSTALL.md](INSTALL.md). - -## Customizing - -For customization details please refer to [CUSTOMIZE.md](CUSTOMIZE.md). - -## Features - -### Light/Dark Mode - -This template has a built-in light/dark mode. It detects the user preferred color scheme and automatically switches to it. You can also manually switch between light and dark mode by clicking on the sun/moon icon in the top right corner of the page. - -

- - -

- ---- - -### CV - -There are currently 2 different ways of generating the CV page content. The first one is by using a json file located in [assets/json/resume.json](assets/json/resume.json). It is a [known standard](https://jsonresume.org/) for creating a CV programmatically. The second one, currently used as a fallback when the json file is not found, is by using a yml file located in [\_data/cv.yml](_data/cv.yml). This was the original way of creating the CV page content and since it is more human readable than a json file we decided to keep it as an option. - -What this means is, if there is no resume data defined in [\_config.yml](_config.yml) and loaded via a json file, it will load the contents of [\_data/cv.yml](_data/cv.yml) as fallback. - -[![CV Preview](assets/img/readme_preview/cv.png)](https://alshedivat.github.io/al-folio/cv/) - ---- - -### People - -You can create a people page if you want to feature more than one person. Each person can have its own short bio, profile picture, and you can also set if every person will appear at the same or opposite sides. - -[![People Preview](assets/img/readme_preview/people.png)](https://alshedivat.github.io/al-folio/people/) - ---- - -### Publications - -Your publications' page is generated automatically from your BibTex bibliography. Simply edit [\_bibliography/papers.bib](_bibliography/papers.bib). You can also add new `*.bib` files and customize the look of your publications however you like by editing [\_pages/publications.md](_pages/publications.md). By default, the publications will be sorted by year and the most recent will be displayed first. You can change this behavior and more in the `Jekyll Scholar` section in [\_config.yml](_config.yml) file. - -You can add extra information to a publication, like a PDF file in the [assets/pdf/](assets/pdf/) directory and add the path to the PDF file in the BibTeX entry with the `pdf` field. Some of the supported fields are: `abstract`, `altmetric`, `arxiv`, `bibtex_show`, `blog`, `code`, `dimensions`, `doi`, `eprint`, `html`, `isbn`, `pdf`, `pmid`, `poster`, `slides`, `supp`, `video`, and `website`. - -[![Publications Preview](assets/img/readme_preview/publications.png)](https://alshedivat.github.io/al-folio/publications/) - ---- - -### Collections - -This Jekyll theme implements `collections` to let you break up your work into categories. The theme comes with two default collections: `news` and `projects`. Items from the `news` collection are automatically displayed on the home page. Items from the `projects` collection are displayed on a responsive grid on projects page. - -[![Projects Preview](assets/img/readme_preview/projects.png)](https://alshedivat.github.io/al-folio/projects/) - -You can easily create your own collections, apps, short stories, courses, or whatever your creative work is. To do this, edit the collections in the [\_config.yml](_config.yml) file, create a corresponding folder, and create a landing page for your collection, similar to `_pages/projects.md`. - ---- - -### Layouts - -**al-folio** comes with stylish layouts for pages and blog posts. - -#### The iconic style of Distill - -The theme allows you to create blog posts in the [distill.pub](https://distill.pub/) style: - -[![Distill Preview](assets/img/readme_preview/distill.png)](https://alshedivat.github.io/al-folio/blog/2021/distill/) - -For more details on how to create distill-styled posts using `` tags, please refer to [the example](https://alshedivat.github.io/al-folio/blog/2021/distill/). - -#### Full support for math & code - -**al-folio** supports fast math typesetting through [MathJax](https://www.mathjax.org/) and code syntax highlighting using [GitHub style](https://github.com/jwarby/jekyll-pygments-themes). Also supports [mermaid diagrams](https://mermaid-js.github.io/mermaid/#/) and [TikZ figures](https://tikzjax.com/). - -

- - -

- -#### Photos, Audio, Video and more - -Photo formatting is made simple using [Bootstrap's grid system](https://getbootstrap.com/docs/4.4/layout/grid/). Easily create beautiful grids within your blog posts and project pages, also with support for [video](https://alshedivat.github.io/al-folio/blog/2023/videos/) and [audio](https://alshedivat.github.io/al-folio/blog/2023/audios/) embeds: - -

- - - -

- ---- - -### Other features - -#### GitHub's repositories and user stats - -**al-folio** uses [github-readme-stats](https://github.com/anuraghazra/github-readme-stats) and [github-profile-trophy](https://github.com/ryo-ma/github-profile-trophy) to display GitHub repositories and user stats on the `/repositories/` page. - -[![Repositories Preview](assets/img/readme_preview/repositories.png)](https://alshedivat.github.io/al-folio/repositories/) - -Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories to the `/repositories/` page. - -You may also use the following codes for displaying this in any other pages. - -```html - -{% if site.data.repositories.github_users %} -
- {% for user in site.data.repositories.github_users %} {% include repository/repo_user.liquid username=user %} {% endfor %} -
-{% endif %} - - -{% if site.repo_trophies.enabled %} {% for user in site.data.repositories.github_users %} {% if site.data.repositories.github_users.size > 1 %} -

{{ user }}

-{% endif %} -
- {% include repository/repo_trophies.liquid username=user %} -
-{% endfor %} {% endif %} - - -{% if site.data.repositories.github_repos %} -
- {% for repo in site.data.repositories.github_repos %} {% include repository/repo.liquid repository=repo %} {% endfor %} -
-{% endif %} -``` - ---- - -#### Theming - -A variety of beautiful theme colors have been selected for you to choose from. The default is purple, but you can quickly change it by editing the `--global-theme-color` variable in the `_sass/_themes.scss` file. Other color variables are listed there as well. The stock theme color options available can be found at [\_sass/\_variables.scss](_sass/_variables.scss). You can also add your own colors to this file assigning each a name for ease of use across the template. - ---- - -#### Social media previews - -**al-folio** supports preview images on social media. To enable this functionality you will need to set `serve_og_meta` to `true` in your [\_config.yml](_config.yml). Once you have done so, all your site's pages will include Open Graph data in the HTML head element. - -You will then need to configure what image to display in your site's social media previews. This can be configured on a per-page basis, by setting the `og_image` page variable. If for an individual page this variable is not set, then the theme will fall back to a site-wide `og_image` variable, configurable in your [\_config.yml](_config.yml). In both the page-specific and site-wide cases, the `og_image` variable needs to hold the URL for the image you wish to display in social media previews. - ---- - -#### Atom (RSS-like) Feed - -It generates an Atom (RSS-like) feed of your posts, useful for Atom and RSS readers. The feed is reachable simply by typing after your homepage `/feed.xml`. E.g. assuming your website mountpoint is the main folder, you can type `yourusername.github.io/feed.xml` - ---- - -#### Related posts - -By default, there will be a related posts section on the bottom of the blog posts. These are generated by selecting the `max_related` most recent posts that share at least `min_common_tags` tags with the current post. If you do not want to display related posts on a specific post, simply add `related_posts: false` to the front matter of the post. If you want to disable it for all posts, simply set `enabled` to false in the `related_blog_posts` section in [\_config.yml](_config.yml). - ---- - -#### Code quality checks - -Currently, we run some checks to ensure that the code quality and generated site are good. The checks are done using GitHub Actions and the following tools: - -- [Prettier](https://prettier.io/) - check if the formatting of the code follows the style guide -- [lychee](https://lychee.cli.rs/) - check for broken links -- [Axe](https://github.com/dequelabs/axe-core) (need to run manually) - do some accessibility testing - -We decided to keep `Axe` runs manual because fixing the issues are not straightforward and might be hard for people without web development knowledge. - -## FAQ - -For frequently asked questions, please refer to [FAQ.md](FAQ.md). - -## Contributing - -Contributions to al-folio are very welcome! Before you get started, please take a look at [the guidelines](CONTRIBUTING.md). - -If you would like to improve documentation or fix a minor inconsistency or bug, please feel free to send a PR directly to `master`. For more complex issues/bugs or feature requests, please open an issue using the appropriate template. - -### Maintainers - -Our most active contributors are welcome to join the maintainers team. If you are interested, please reach out! - - - - - - - - - - - - - -

Maruan
Rohan Deb Sarkar
Amir Pourmand
George
- - - - - - -### All Contributors - - - - - -## Star History - - - - - - Star History Chart - - - -## License - -The theme is available as open source under the terms of the [MIT License](https://github.com/alshedivat/al-folio/blob/master/LICENSE). - -Originally, **al-folio** was based on the [\*folio theme](https://github.com/bogoli/-folio) (published by [Lia Bogoev](https://liabogoev.com) and under the MIT license). Since then, it got a full re-write of the styles and many additional cool features. +new website under construction +https://asboyer.github.io diff --git a/_config.yml b/_config.yml index b58b8eea..6c786f8a 100644 --- a/_config.yml +++ b/_config.yml @@ -2,24 +2,22 @@ # Site settings # ----------------------------------------------------------------------------- -title: blank # the website title (if blank, full name will be used instead) -first_name: You -middle_name: R. -last_name: Name -email: you@example.com +title: asboyer.com # the website title (if blank, full name will be used instead) +first_name: Andrew +middle_name: S. +last_name: Boyer +email: # description: > # the ">" symbol means to ignore newlines until "footer_text:" - A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. + Hi, I'm Andrew Boyer and this is my personal website, asboyer.com. + Here you can find more about what I’m up to and what I find interesting. footer_text: > - Powered by Jekyll with al-folio theme. - Hosted by GitHub Pages. - Photos from Unsplash. -keywords: jekyll, jekyll-theme, academic-website, portfolio-website # add your own keywords or leave empty +keywords: andrew, boyer, asboyer, tech-blog, gatech, georiga-tech, wayland, boston # add your own keywords or leave empty lang: en # the language of your site (for example: en, fr, cn, ru, etc.) -icon: ⚛️ # the emoji used as the favicon (alternatively, provide image name in /assets/img/) +icon: alt-logo.png # the emoji used as the favicon (alternatively, provide image name in /assets/img/) url: https://asboyer.github.io # the base hostname & protocol for your site baseurl: # the subpath of your site, e.g. /blog/. Leave blank for root -last_updated: false # set to true if you want to display last updated in the footer +last_updated: true # set to true if you want to display last updated in the footer impressum_path: # set to path to include impressum link in the footer, use the same path as permalink in a page, helps to conform with EU GDPR # ----------------------------------------------------------------------------- @@ -47,7 +45,7 @@ rss_icon: true # ----------------------------------------------------------------------------- navbar_fixed: true -footer_fixed: true +footer_fixed: false # Dimensions max_width: 800px @@ -67,11 +65,11 @@ og_image: # The site-wide (default for all links) Open Graph preview image # Social integration # ----------------------------------------------------------------------------- -github_username: # your GitHub user name +github_username: asboyer # your GitHub user name gitlab_username: # your GitLab user name x_username: # your X handle mastodon_username: # your mastodon instance+username in the format instance.tld/@username -linkedin_username: # your LinkedIn user name +linkedin_username: asboyer # your LinkedIn user name telegram_username: # your Telegram user name scholar_userid: # your Google Scholar ID semanticscholar_id: # your Semantic Scholar ID @@ -93,18 +91,17 @@ dblp_url: # your DBLP profile url stackoverflow_id: # your stackoverflow id kaggle_id: # your kaggle id lastfm_id: # your lastfm id -spotify_id: # your spotify id +spotify_id: uuzdbyuye92sxqjltw955qm9n # your spotify id pinterest_id: # your pinterest id unsplash_id: # your unsplash id instagram_id: # your instagram id facebook_id: # your facebook id -youtube_id: # your youtube channel id (youtube.com/@) +youtube_id: asboyer # your youtube channel id (youtube.com/@) discord_id: # your discord id (18-digit unique numerical identifier) zotero_username: # your zotero username wechat_qr: # filename of your wechat qr-code saved as an image (e.g., wechat-qr.png if saved to assets/img/wechat-qr.png) -contact_note: > - You can even add a little note about which of these is the best way to reach you. +contact_note: > # # ----------------------------------------------------------------------------- # Analytics and search engine verification @@ -123,8 +120,8 @@ bing_site_verification: # out your bing-site-verification ID (Bing Webmaster) # Blog # ----------------------------------------------------------------------------- -blog_name: al-folio # blog_name will be displayed in your blog page -blog_description: a simple whitespace theme for academics +blog_name: boyer's blog # blog_name will be displayed in your blog page +blog_description: all things asboyer permalink: /blog/:year/:title/ # Pagination @@ -133,18 +130,18 @@ pagination: related_blog_posts: enabled: true - max_related: 5 + max_related: 3 # Giscus comments (RECOMMENDED) # Follow instructions on https://giscus.app/ to setup for your repo to fill out the information below. giscus: - repo: # / + repo: asboyer/asboyer.github.io # / repo_id: # leave empty or specify your repo_id (see https://giscus.app/) category: Comments # name of the category under which discussions will be created category_id: # leave empty or specify your category_id (see https://giscus.app/) mapping: title # identify discussions by post title strict: 1 # use strict identification mode - reactions_enabled: 1 # enable (1) or disable (0) emoji reactions + reactions_enabled: 0 # enable (1) or disable (0) emoji reactions input_position: bottom # whether to display input form below (bottom) or above (top) the comments theme: preferred_color_scheme # name of the color scheme (preferred works well with al-folio light/dark mode) emit_metadata: 0 @@ -177,12 +174,17 @@ collections: announcements: enabled: true - scrollable: true # adds a vertical scroll bar if there are more than 3 news items + scrollable: false # adds a vertical scroll bar if there are more than 3 news items limit: 5 # leave blank to include all the news in the `_news` folder latest_posts: enabled: true - scrollable: true # adds a vertical scroll bar if there are more than 3 new posts items + scrollable: false # adds a vertical scroll bar if there are more than 3 new posts items + limit: 3 # leave blank to include all the blog posts + +key_projects: + enabled: true + scrollable: false # adds a vertical scroll bar if there are more than 3 new posts items limit: 3 # leave blank to include all the blog posts # ----------------------------------------------------------------------------- @@ -265,7 +267,7 @@ jekyll-archives: tag: "/blog/tag/:name/" category: "/blog/category/:name/" -display_tags: ["formatting", "images", "links", "math", "code"] # these tags will be displayed on the front page of your blog +display_tags: ["python", "basketball", "links", "math", "code"] # these tags will be displayed on the front page of your blog display_categories: ["blockquotes"] # these categories will be displayed on the front page of your blog # ----------------------------------------------------------------------------- @@ -359,7 +361,7 @@ enable_masonry: true # enables automatic project cards arrangement enable_math: true # enables math typesetting (uses MathJax) enable_tooltips: false # enables automatic tooltip links generated for each section titles on pages and posts enable_darkmode: true # enables switching between light/dark modes -enable_navbar_social: false # enables displaying social links in the navbar on the about page +enable_navbar_social: true # enables displaying social links in the navbar on the about page enable_project_categories: true # enables categorization of projects into multiple categories enable_medium_zoom: true # enables image zoom feature (as on medium.com) enable_progressbar: true # enables a horizontal progress bar linked to the vertical scroll position diff --git a/_includes/figure.liquid b/_includes/figure.liquid index 78ce4623..8db51505 100644 --- a/_includes/figure.liquid +++ b/_includes/figure.liquid @@ -1,6 +1,12 @@ {% assign img_path = include.path | remove: '.jpg' | remove: '.jpeg' | remove: '.png' | remove: '.tiff' | remove: '.gif' %} +{% assign home = include.home %} + +{% if home %} +
+{% else %}
+{% endif %} {% if page.toc and page.toc.sidebar %} @@ -53,11 +53,20 @@ {% if site.enable_darkmode %} - + {% endif %} + + \ No newline at end of file diff --git a/_includes/header.liquid b/_includes/header.liquid index 4105913c..2c8e50ee 100644 --- a/_includes/header.liquid +++ b/_includes/header.liquid @@ -3,24 +3,8 @@ diff --git a/_includes/projects.liquid b/_includes/projects.liquid index 2fd7b754..93008ac5 100644 --- a/_includes/projects.liquid +++ b/_includes/projects.liquid @@ -1,4 +1,3 @@ -
diff --git a/_layouts/about.liquid b/_layouts/about.liquid index 4d986f85..a34c6770 100644 --- a/_layouts/about.liquid +++ b/_layouts/about.liquid @@ -3,14 +3,24 @@ layout: default ---
+ {% if page.animation %} +

- {% if site.title == 'blank' %} - {{ site.first_name }} {{ site.middle_name }} - {{ site.last_name }} - {% else %} - {{ site.title }} - {% endif %} + + +

+ {% else %} +

+ andrew + s. + boyer +

+ {% endif %}

{{ page.subtitle }}

@@ -22,8 +32,7 @@ layout: default {% if page.profile.image_circular %} {% assign profile_image_class = 'img-fluid z-depth-1 rounded-circle' %} {% else %} - {% assign profile_image_class = 'img-fluid z-depth-1 - rounded' %} + {% assign profile_image_class = 'img-fluid z-depth-1 rounded' %} {% endif %} {% capture sizes %}(min-width: {{site.max_width}}) {{ site.max_width | minus: 30 | times: 0.3}}px, (min-width: 576px) 30vw, 95vw"{% endcapture %} @@ -42,7 +51,9 @@ layout: default {% if page.news and site.announcements.enabled %} -

+

+
+ news

{% include news.liquid limit=true %} @@ -50,25 +61,35 @@ layout: default {% if page.latest_posts %} -

+

+
+ latest posts

{% include latest_posts.liquid %} {% endif %} - - {% if page.selected_papers %} -

- selected publications + + {% if page.key_projects %} +

+
+ + key projects

- {% include selected_papers.liquid %} + {% include key_projects.liquid %} {% endif %} + - + + {% if page.selected_papers -%} +

selected publications

+ {%- include selected_papers.html %} + {%- endif %} + + {% if page.social %} {% endif %} diff --git a/_layouts/page.liquid b/_layouts/page.liquid index d3c7aa24..66478b6f 100644 --- a/_layouts/page.liquid +++ b/_layouts/page.liquid @@ -2,7 +2,11 @@ layout: default ---
-
+

{{ page.title }}

{{ page.description }}

diff --git a/_layouts/profiles.liquid b/_layouts/profiles.liquid index e16ac297..704a63dc 100644 --- a/_layouts/profiles.liquid +++ b/_layouts/profiles.liquid @@ -5,7 +5,7 @@ layout: page
{% if page.profiles %} {% for profile in page.profiles %} -
+
{% if profile.image %} {% assign profile_image_path = profile.image | prepend: 'assets/img/' %} diff --git a/_pages/about.md b/_pages/about.md index 120688fb..a6d3ddac 100644 --- a/_pages/about.md +++ b/_pages/about.md @@ -1,26 +1,27 @@ --- layout: about -title: about +title: home permalink: / -subtitle: Affiliations. Address. Contacts. Moto. Etc. +subtitle: developer & entrepreneur. cs @ georgia tech. profile: align: right - image: prof_pic.jpg + image: l.png image_circular: false # crops the image to make it circular - more_info: > -

555 your office number

-

123 your address street

-

Your City, State 12345

+ more_info: > # +

asboyer@gatech.edu

+

Computer Science, B.S.

news: true # includes a list of news items latest_posts: true # includes a list of the newest posts -selected_papers: true # includes a list of papers marked as "selected={true}" -social: true # includes social icons at the bottom of the page +selected_papers: false # includes a list of papers marked as "selected={true}" +social: false # includes social icons at the bottom of the page +key_projects: true # preview of projects on home page +animation: true --- Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder. -Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically. +Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically. Jekyll will render your [publications page](/al-folio/publications/) automatically. Jekyll will render your [publications page](/al-folio/publications/) automatically. -Link to your social media connections, too. This theme is set up to use [Font Awesome icons](https://fontawesome.com/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them. +your [publications page](/al-folio/publications/) automatically. Jekyll will render your [publications page](/al-folio/publications/) automatically. Jekyll will render your [publications page](/al-folio/publications/) automatically. \ No newline at end of file diff --git a/_pages/blog.md b/_pages/blog.md index a4ae8216..0fc12519 100644 --- a/_pages/blog.md +++ b/_pages/blog.md @@ -13,7 +13,7 @@ pagination: sort_reverse: true trail: before: 1 # The number of links before the current page - after: 3 # The number of links after the current page + after: 1 # The number of links after the current page ---
@@ -25,7 +25,7 @@ pagination:

{{ site.blog_name }}

-

{{ site.blog_description }}

+

{{ site.blog_description }}

{% endif %} @@ -148,22 +148,21 @@ pagination: {% endif %}

- - {{ year }} + + {{ year }} {% if tags != "" %}   ·   {% for tag in post.tags %} - - {{ tag }}   + {{ tag }}   {% endfor %} {% endif %} {% if categories != "" %}   ·   {% for category in post.categories %} - - {{ category }}   + + {{ category }}   {% endfor %} {% endif %}

diff --git a/_pages/dropdown.md b/_pages/dropdown.md deleted file mode 100644 index aa32f221..00000000 --- a/_pages/dropdown.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -layout: page -title: submenus -nav: true -nav_order: 8 -dropdown: true -children: - - title: publications - permalink: /publications/ - - title: divider - - title: projects - permalink: /projects/ - - title: divider - - title: blog - permalink: /blog/ ---- diff --git a/_pages/profiles.md b/_pages/profiles.md index d7ca0450..74ededbe 100644 --- a/_pages/profiles.md +++ b/_pages/profiles.md @@ -1,7 +1,7 @@ --- layout: profiles -permalink: /people/ -title: people +permalink: /about/ +title: about description: members of the lab or group nav: true nav_order: 7 diff --git a/_pages/projects.md b/_pages/projects.md index c7816616..aaa34862 100644 --- a/_pages/projects.md +++ b/_pages/projects.md @@ -3,6 +3,7 @@ layout: page title: projects permalink: /projects/ description: A growing collection of your cool projects. +center_top: true nav: true nav_order: 3 display_categories: [work, fun] @@ -28,9 +29,11 @@ horizontal: false
{% else %}
+
{% for project in sorted_projects %} {% include projects.liquid %} {% endfor %} +
{% endif %} {% endfor %} @@ -54,9 +57,12 @@ horizontal: false
{% else %}
+
+ {% for project in sorted_projects %} {% include projects.liquid %} {% endfor %} +
{% endif %} {% endif %} diff --git a/_pages/publications.md b/_pages/publications.md deleted file mode 100644 index d7c0ee1a..00000000 --- a/_pages/publications.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: page -permalink: /publications/ -title: publications -description: publications by categories in reversed chronological order. generated by jekyll-scholar. -nav: true -nav_order: 2 ---- - - -
- -{% bibliography %} - -
diff --git a/_pages/repositories.md b/_pages/repositories.md deleted file mode 100644 index 676137d8..00000000 --- a/_pages/repositories.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -layout: page -permalink: /repositories/ -title: repositories -description: Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories. -nav: true -nav_order: 4 ---- - -## GitHub users - -{% if site.data.repositories.github_users %} - -
- {% for user in site.data.repositories.github_users %} - {% include repository/repo_user.liquid username=user %} - {% endfor %} -
- ---- - -{% if site.repo_trophies.enabled %} -{% for user in site.data.repositories.github_users %} -{% if site.data.repositories.github_users.size > 1 %} - -

{{ user }}

- {% endif %} -
- {% include repository/repo_trophies.liquid username=user %} -
- ---- - -{% endfor %} -{% endif %} -{% endif %} - -## GitHub Repositories - -{% if site.data.repositories.github_repos %} - -
- {% for repo in site.data.repositories.github_repos %} - {% include repository/repo.liquid repository=repo %} - {% endfor %} -
-{% endif %} diff --git a/_pages/teaching.md b/_pages/teaching.md deleted file mode 100644 index 87bb1a5c..00000000 --- a/_pages/teaching.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -layout: page -permalink: /teaching/ -title: teaching -description: Materials for courses you taught. Replace this text with your description. -nav: true -nav_order: 6 ---- - -For now, this page is assumed to be a static description of your courses. You can convert it to a collection similar to `_projects/` so that you can have a dedicated page for each course. - -Organize your courses by years, topics, or universities, however you like! diff --git a/_posts/2021-07-04-diagrams.md b/_posts/2021-07-04-diagrams.md deleted file mode 100644 index c85baa22..00000000 --- a/_posts/2021-07-04-diagrams.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -layout: post -title: a post with diagrams -date: 2021-07-04 17:39:00 -tags: formatting diagrams -description: an example of a blog post with diagrams -mermaid: - enabled: true - zoomable: true ---- - -This theme supports generating various diagrams from a text description using [mermaid](https://mermaid-js.github.io/mermaid/){:target="\_blank"}. Previously, this was done using the [jekyll-diagrams](https://github.com/zhustec/jekyll-diagrams){:target="\_blank"} plugin. For more information on this matter, see the [related issue](https://github.com/alshedivat/al-folio/issues/1609#issuecomment-1656995674). To disable the zooming feature, set `mermaid.zoomable` to `false` in this post frontmatter. - -## Mermaid - -The diagram below was generated by the following code: - -````markdown -```mermaid -sequenceDiagram - participant John - participant Alice - Alice->>John: Hello John, how are you? - John-->>Alice: Great! -``` -```` - -```mermaid -sequenceDiagram - participant John - participant Alice - Alice->>John: Hello John, how are you? - John-->>Alice: Great! -``` diff --git a/_projects/1_project.md b/_projects/1_project.md index b15faa83..e87aaaee 100644 --- a/_projects/1_project.md +++ b/_projects/1_project.md @@ -6,6 +6,7 @@ img: assets/img/12.jpg importance: 1 category: work related_publications: true +key: true --- Every project has a beautiful feature showcase page. diff --git a/_projects/2_project.md b/_projects/2_project.md index a8ec9441..a34f7e01 100644 --- a/_projects/2_project.md +++ b/_projects/2_project.md @@ -6,6 +6,7 @@ img: assets/img/3.jpg importance: 2 category: work giscus_comments: true +key: true --- Every project has a beautiful feature showcase page. diff --git a/_projects/3_project.md b/_projects/3_project.md index cf2de717..a7fecf4a 100644 --- a/_projects/3_project.md +++ b/_projects/3_project.md @@ -6,6 +6,7 @@ img: assets/img/7.jpg redirect: https://unsplash.com importance: 3 category: work +key: true --- Every project has a beautiful feature showcase page. diff --git a/_projects/4_project.md b/_projects/4_project.md index 45354307..d26e4d41 100644 --- a/_projects/4_project.md +++ b/_projects/4_project.md @@ -5,6 +5,7 @@ description: another without an image img: importance: 3 category: fun +key: false --- Every project has a beautiful feature showcase page. diff --git a/_projects/5_project.md b/_projects/5_project.md index 05be799a..281800e4 100644 --- a/_projects/5_project.md +++ b/_projects/5_project.md @@ -5,6 +5,7 @@ description: a project with a background image img: assets/img/1.jpg importance: 3 category: fun +key: false --- Every project has a beautiful feature showcase page. diff --git a/_projects/6_project.md b/_projects/6_project.md index 1c9f23d7..76467382 100644 --- a/_projects/6_project.md +++ b/_projects/6_project.md @@ -5,6 +5,7 @@ description: a project with no image img: importance: 4 category: fun +key: false --- Every project has a beautiful feature showcase page. diff --git a/_sass/_base.scss b/_sass/_base.scss index 5d0c25f3..c598fa19 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -23,7 +23,13 @@ hr { border-top: 1px solid var(--global-divider-color); } +#invisible-line { + clear: both !important; + visibility: hidden !important; +} + table { + color: var(--global-text-color) !important; td, th { font-size: 1rem; @@ -50,6 +56,7 @@ table.table a { .table-dark { background-color: transparent; + color: var(--global-text-color) !important; &.table-bordered { border: 1px solid var(--global-divider-color) !important; } @@ -183,7 +190,7 @@ blockquote { margin-bottom: 5px; margin-top: 5px; font-family: monospace; - + text-align: left; p { display: inline-block; margin: 0; @@ -212,7 +219,8 @@ blockquote { } .post-description { - margin-bottom: 2rem; + // margin-bottom: 2rem; + margin-bottom: 0px !important; font-size: 0.875rem; a { @@ -251,6 +259,12 @@ blockquote { } } +#top-head-link { + &:hover { + color: var(--global-hover-color); + } +} + .dropdown-item { color: var(--global-text-color); @@ -366,8 +380,11 @@ blockquote { text-align: center; .contact-icons { - font-size: 4rem; - + font-size: 2rem; + // margin-top: 0px; + // padding-top: 0px; + // padding-bottom: 0px; + // margin-bottom: 0px; a { i::before { color: var(--global-text-color); @@ -421,7 +438,7 @@ blockquote { footer.fixed-bottom { background-color: var(--global-footer-bg-color); font-size: 0.75rem; - + text-align: center; .container { color: var(--global-footer-text-color); padding-top: 9px; @@ -438,6 +455,10 @@ footer.fixed-bottom { } } +footer.sticky-bottom div { + text-align: center; +} + footer.sticky-bottom { border-top: 1px solid var(--global-divider-color); padding-top: 40px; @@ -485,8 +506,8 @@ footer.sticky-bottom { .header-bar { border-bottom: 1px solid var(--global-divider-color); text-align: center; - padding-top: 2rem; - padding-bottom: 3rem; + padding-top: 1.5rem; + padding-bottom: 1.5rem; h1 { color: var(--global-theme-color); @@ -537,18 +558,19 @@ footer.sticky-bottom { } .post-tags { - color: var(--global-text-color-light); + color: var(--global-theme-color) !important; font-size: 0.875rem; padding-top: 0.25rem; padding-bottom: 0; } a { - color: var(--global-text-color); + color: var(--global-theme-color); text-decoration: none; &:hover { color: var(--global-theme-color); + text-decoration: underline; } } @@ -620,14 +642,39 @@ footer.sticky-bottom { .grid-sizer, .grid-item { width: 250px; - margin-bottom: 10px; + padding: 10px } +// .grid { +// border: 0.05em solid black; +// } + +// .grid-items { +// border: 0.05em solid red; +// width:100%; +// display: flex; +// justify-content: center; +// } + +.grid-items { + display: flex !important; + flex-wrap: wrap !important; + justify-content: center !important; +} + +.grid-item { + +} + +// #grid-item { + +// } + h2.category { color: var(--global-divider-color); border-bottom: 1px solid var(--global-divider-color); padding-top: 0.5rem; - margin-top: 2rem; + margin-top: 0px; margin-bottom: 1rem; text-align: right; } @@ -858,12 +905,17 @@ html.transition *:after { padding-top: 0.25rem; padding-bottom: 1rem; + i { + color: var(--global-text-color-light) !important; + } + a { - color: var(--global-text-color-light); + color: var(--global-theme-color) !important; text-decoration: none; &:hover { color: var(--global-theme-color); + text-decoration: underline; } } } @@ -1081,3 +1133,49 @@ nav[data-toggle="toc"] { #toc-sidebar { z-index: 1; } + +#bold-name-txt { + color: var(--global-theme-color); +} + +#typer { + margin-left: 5px; + border-right: .05em solid; + animation: caret 1s steps(1) infinite; + color: var(--global-theme-color); +} + +@keyframes caret { + 50% { + border-color: transparent; + } +} + +.newsletter-form-input { + color: var(--global-bg-color); + background: var(--global-text-color); + border: 1px solid var(--global-bg-color); +} + +.newsletter-form-button { + background: var(--global-theme-color); + color: var(--global-bg-color); +} + +.newsletter-loading-button { + background: var(--global-theme-color); + color: var(--global-bg-color); +} + +.newsletter-success { + color: var(--global-text-color); +} + +.newsletter-error { + color: var(--global-theme-color); +} + +.newsletter-back-button { + color: var(--global-theme-color); +} + diff --git a/_sass/_themes.scss b/_sass/_themes.scss index 3603bcbf..ba1be1f9 100644 --- a/_sass/_themes.scss +++ b/_sass/_themes.scss @@ -3,19 +3,19 @@ ******************************************************************************/ :root { - --global-bg-color: #{$white-color}; - --global-code-bg-color: #{$code-bg-color-light}; - --global-text-color: #{$black-color}; - --global-text-color-light: #{$grey-color}; - --global-theme-color: #{$purple-color}; - --global-hover-color: #{$purple-color}; + --global-bg-color: #{$grey-color-dark}; + --global-code-bg-color: #{$code-bg-color-dark}; + --global-text-color: #{$grey-color-light}; + --global-text-color-light: #{$grey-color-light}; + --global-theme-color: #{$green-color}; + --global-hover-color: #{$green-color}; --global-hover-text-color: #{$white-color}; - --global-footer-bg-color: #{$grey-color-dark}; - --global-footer-text-color: #{$grey-color-light}; - --global-footer-link-color: #{$white-color}; - --global-distill-app-color: #{$grey-color}; - --global-divider-color: rgba(0, 0, 0, 0.1); - --global-card-bg-color: #{$white-color}; + --global-footer-bg-color: #{$grey-color-light}; + --global-footer-text-color: #{$grey-color-dark}; + --global-footer-link-color: #{$black-color}; + --global-distill-app-color: #{$grey-color-light}; + --global-divider-color: #424246; + --global-card-bg-color: #{$grey-900}; --global-tip-block: #42b983; --global-tip-block-bg: #e2f5ec; @@ -31,36 +31,37 @@ --global-danger-block-title: #c00; .fa-sun { - display: none; - } - .fa-moon { padding-left: 10px; padding-top: 12px; display: block; } + .fa-moon { + display: none; + } .repo-img-light { - display: block; + display: none; } .repo-img-dark { - display: none; + display: block; } + } -html[data-theme="dark"] { - --global-bg-color: #{$grey-color-dark}; - --global-code-bg-color: #{$code-bg-color-dark}; - --global-text-color: #{$grey-color-light}; - --global-text-color-light: #{$grey-color-light}; - --global-theme-color: #{$cyan-color}; - --global-hover-color: #{$cyan-color}; +html[data-theme="light"] { + --global-bg-color: #{$white-color}; + --global-code-bg-color: #{$code-bg-color-light}; + --global-text-color: #{$black-color}; + --global-text-color-light: #{$grey-color}; + --global-theme-color: #{$green-color-dark}; + --global-hover-color: #{$green-color-dark}; --global-hover-text-color: #{$white-color}; - --global-footer-bg-color: #{$grey-color-light}; - --global-footer-text-color: #{$grey-color-dark}; - --global-footer-link-color: #{$black-color}; - --global-distill-app-color: #{$grey-color-light}; - --global-divider-color: #424246; - --global-card-bg-color: #{$grey-900}; + --global-footer-bg-color: #{$grey-color-dark}; + --global-footer-text-color: #{$grey-color-light}; + --global-footer-link-color: #{$white-color}; + --global-distill-app-color: #{$grey-color}; + --global-divider-color: rgba(0, 0, 0, 0.1); + --global-card-bg-color: #{$white-color}; --global-tip-block: #42b983; --global-tip-block-bg: #e2f5ec; @@ -76,18 +77,18 @@ html[data-theme="dark"] { --global-danger-block-title: #c00; .fa-sun { + display: none; + } + .fa-moon { padding-left: 10px; padding-top: 12px; display: block; } - .fa-moon { - display: none; - } .repo-img-light { - display: none; + display: block; } .repo-img-dark { - display: block; + display: none; } } diff --git a/_sass/_variables.scss b/_sass/_variables.scss index d66b84c2..d31beb5a 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -11,9 +11,10 @@ $blue-color: #0076df !default; $blue-color-dark: #00369f !default; $cyan-color: #2698ba !default; $light-cyan-color: lighten($cyan-color, 25%); -$green-color: #00ab37 !default; +$green-color: #b6f29d !default; $green-color-lime: #b7d12a !default; -$green-color-dark: #009f06 !default; +// $green-color-dark: #3f953a !default; +$green-color-dark: darken($green-color, 40%); $green-color-light: #ddffdd !default; $green-color-bright: #11d68b !default; $purple-color: #b509ac !default; @@ -29,11 +30,14 @@ $grey-900: #212529; $white-color: #ffffff !default; $black-color: #000000 !default; +$soft-white-color: #e1e4e8 !default; + +$soft-dark-color: #3e4037 !default; // Theme colors -$code-bg-color-light: rgba($purple-color, 0.05); -$code-bg-color-dark: #2c3237 !default; +$code-bg-color-light: rgba($green-color-dark, 0.05); +$code-bg-color-dark: rgba($green-color, 0.05); // Font awesome location $fa-font-path: "../webfonts"; diff --git a/assets/bibliography/2018-12-22-distill.bib b/assets/bibliography/2018-12-22-distill.bib deleted file mode 100644 index 2b06f3c9..00000000 --- a/assets/bibliography/2018-12-22-distill.bib +++ /dev/null @@ -1,7 +0,0 @@ -@article{gregor2015draw, - title={DRAW: A recurrent neural network for image generation}, - author={Gregor, Karol and Danihelka, Ivo and Graves, Alex and Rezende, Danilo Jimenez and Wierstra, Daan}, - journal={arXiv preprint, arXiv:1502.04623}, - year={2015}, - url={https://arxiv.org/pdf/1502.04623.pdf} -} diff --git a/assets/css/gruvbox.dark.css b/assets/css/gruvbox.dark.css new file mode 100644 index 00000000..ba7acfa5 --- /dev/null +++ b/assets/css/gruvbox.dark.css @@ -0,0 +1,84 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #fbf1c7; + background-color: #282828; +} +.highlight .err { + color: #fb4934; + background-color: #282828; + font-weight: bold; +} +.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs { + color: #928374; + font-style: italic; +} +.highlight .cp { + color: #8ec07c; +} +.highlight .nt { + color: #fb4934; +} +.highlight .o, .highlight .ow { + color: #fbf1c7; +} +.highlight .p, .highlight .pi { + color: #fbf1c7; +} +.highlight .gi { + color: #b8bb26; + background-color: #282828; +} +.highlight .gd { + color: #fb4934; + background-color: #282828; +} +.highlight .gh { + color: #b8bb26; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #fb4934; +} +.highlight .kc { + color: #d3869b; +} +.highlight .kt { + color: #fabd2f; +} +.highlight .kd { + color: #fe8019; +} +.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #b8bb26; + font-style: italic; +} +.highlight .si { + color: #b8bb26; + font-style: italic; +} +.highlight .sr { + color: #b8bb26; + font-style: italic; +} +.highlight .se { + color: #fe8019; +} +.highlight .nn { + color: #8ec07c; +} +.highlight .nc { + color: #8ec07c; +} +.highlight .no { + color: #d3869b; +} +.highlight .na { + color: #b8bb26; +} +.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx { + color: #d3869b; +} +.highlight .ss { + color: #83a598; +} \ No newline at end of file diff --git a/assets/css/gruvbox.light.css b/assets/css/gruvbox.light.css new file mode 100644 index 00000000..67f21449 --- /dev/null +++ b/assets/css/gruvbox.light.css @@ -0,0 +1,84 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #282828; + background-color: #fbf1c7; +} +.highlight .err { + color: #9d0006; + background-color: #fbf1c7; + font-weight: bold; +} +.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs { + color: #928374; + font-style: italic; +} +.highlight .cp { + color: #427b58; +} +.highlight .nt { + color: #9d0006; +} +.highlight .o, .highlight .ow { + color: #282828; +} +.highlight .p, .highlight .pi { + color: #282828; +} +.highlight .gi { + color: #79740e; + background-color: #fbf1c7; +} +.highlight .gd { + color: #9d0006; + background-color: #fbf1c7; +} +.highlight .gh { + color: #79740e; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #9d0006; +} +.highlight .kc { + color: #8f3f71; +} +.highlight .kt { + color: #b57614; +} +.highlight .kd { + color: #af3a03; +} +.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #79740e; + font-style: italic; +} +.highlight .si { + color: #79740e; + font-style: italic; +} +.highlight .sr { + color: #79740e; + font-style: italic; +} +.highlight .se { + color: #af3a03; +} +.highlight .nn { + color: #427b58; +} +.highlight .nc { + color: #427b58; +} +.highlight .no { + color: #8f3f71; +} +.highlight .na { + color: #79740e; +} +.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx { + color: #8f3f71; +} +.highlight .ss { + color: #076678; +} \ No newline at end of file diff --git a/assets/img/alt-logo.png b/assets/img/alt-logo.png new file mode 100644 index 00000000..b2d577f5 Binary files /dev/null and b/assets/img/alt-logo.png differ diff --git a/assets/img/l.png b/assets/img/l.png new file mode 100644 index 00000000..775f7185 Binary files /dev/null and b/assets/img/l.png differ diff --git a/assets/img/paris.jpg b/assets/img/paris.jpg new file mode 100644 index 00000000..2fb54275 Binary files /dev/null and b/assets/img/paris.jpg differ diff --git a/assets/js/masonry.js b/assets/js/masonry.js index cb444dd2..80d92630 100644 --- a/assets/js/masonry.js +++ b/assets/js/masonry.js @@ -1,12 +1,13 @@ -$(document).ready(function () { - // Init Masonry - var $grid = $(".grid").masonry({ - gutter: 10, - horizontalOrder: true, - itemSelector: ".grid-item", - }); - // Layout Masonry after each image loads - $grid.imagesLoaded().progress(function () { - $grid.masonry("layout"); - }); -}); +// $(document).ready(function () { +// // Init Masonry +// var $grid = $(".grid").masonry({ +// isFitWidth: true, +// gutter: 10, +// horizontalOrder: true, +// itemSelector: ".grid-item", +// }); +// // Layout Masonry after each image loads +// $grid.imagesLoaded().progress(function () { +// $grid.masonry("layout"); +// }); +// }); diff --git a/assets/js/theme.js b/assets/js/theme.js index efd3ae49..843363a2 100644 --- a/assets/js/theme.js +++ b/assets/js/theme.js @@ -57,12 +57,12 @@ let setTheme = (theme) => { }; let setHighlight = (theme) => { - if (theme == "dark") { - document.getElementById("highlight_theme_light").media = "none"; - document.getElementById("highlight_theme_dark").media = ""; - } else { + if (theme == "light") { document.getElementById("highlight_theme_dark").media = "none"; document.getElementById("highlight_theme_light").media = ""; + } else { + document.getElementById("highlight_theme_light").media = "none"; + document.getElementById("highlight_theme_dark").media = ""; } }; @@ -130,7 +130,7 @@ let transTheme = () => { let initTheme = (theme) => { if (theme == null || theme == "null") { const userPref = window.matchMedia; - if (userPref && userPref("(prefers-color-scheme: dark)").matches) { + if ((userPref && userPref("(prefers-color-scheme: dark)").matches) || (true)) { theme = "dark"; } } diff --git a/assets/js/typing.js b/assets/js/typing.js new file mode 100644 index 00000000..431e82c1 --- /dev/null +++ b/assets/js/typing.js @@ -0,0 +1,42 @@ +document.addEventListener('DOMContentLoaded',function(event){ +// array with texts to type in typewriter + var dataText = ["andrew s. boyer"]; + +// type one text in the typwriter +// keeps calling itself until the text is finished +function typeWriter(text, i, fnCallback) { +// chekc if text isn't finished yet +if (i < (text.length)) { + // add next character to h1 + document.getElementById("text").innerHTML = text.substring(0, i+1) +''; +document.getElementById("text").innerHTML = document.getElementById("text").innerHTML.replace('andrew s. boyer', 'andrew s. boyer'); + // wait for a while and call this function again for next character + setTimeout(function() { + typeWriter(text, i + 1, fnCallback) + }, 70); +} +// text finished, call callback if there is a callback function +else if (typeof fnCallback == 'function') { + // call callback after timeout + setTimeout(fnCallback, 700); +} +} +// start a typewriter animation for a text in the dataText array +function StartTextAnimation(i) { + if (typeof dataText[i] == 'undefined'){ + setTimeout(function() { + StartTextAnimation(0); + }, 20000000); + } + // check if dataText[i] exists +if (i < dataText[i].length) { + // text exists! start typewriter animation + typeWriter(dataText[i], 0, function(){ + // after callback (and whole text has been animated), start next text + StartTextAnimation(i + 1); + }); +} +} +// start the text animation +StartTextAnimation(0); +}); \ No newline at end of file