From 721a53571942b799b3a11dbd77b821aaf1358c78 Mon Sep 17 00:00:00 2001 From: vosaul Date: Wed, 3 Jun 2020 21:11:17 +0300 Subject: [PATCH] responsive --- _data/blog.yml | 12 +- _data/demos.yml | 10 +- _data/github_actions.yml | 34 ++++- _includes/disqus_comments.html | 20 --- _includes/head.html | 3 +- _includes/header.html | 8 +- _includes/intro.html | 8 +- _includes/intro_team.svg | 1 + _includes/sect.svg | 1 + _includes/trigger.svg | 4 + _sass/custom.scss | 213 ++++++++++++++++++++++++++---- _sass/custom_old.scss | 234 +++++++++++++++++++++++++++++++++ _sass/minima.scss | 10 +- _team/hamel.md | 25 +--- _team/michal.md | 14 +- _team/zander.md | 14 +- actions.html | 35 +++-- assets/intro_team.svg | 1 + blog.html | 34 +++-- demos.html | 38 ++++-- team.html | 36 +++-- 21 files changed, 619 insertions(+), 136 deletions(-) delete mode 100644 _includes/disqus_comments.html create mode 100644 _includes/intro_team.svg create mode 100644 _includes/sect.svg create mode 100644 _includes/trigger.svg create mode 100644 _sass/custom_old.scss create mode 100644 assets/intro_team.svg diff --git a/_data/blog.yml b/_data/blog.yml index 4204e5a..9645719 100644 --- a/_data/blog.yml +++ b/_data/blog.yml @@ -1,8 +1,14 @@ - title: Providing Data Scientists With New Superpowers + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis link : "https://fastpages.fast.ai/actions/markdown/2020/03/06/fastpages-actions.html" - image: '/assets/images/blog-1.png' + tags : [fastpages] + - title: Microsoft Official Blog Post + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis link : "https://techcommunity.microsoft.com/t5/azure-ai/using-github-actions-amp-azure-machine-learning-for-mlops/ba-p/1419027" - image: '/assets/images/blog-2.png' + tags : [techcommunity] + - title: Pending - GitHub Official Blog Post - TBD - link : "#" \ No newline at end of file + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis + link : "#" + tags : [] \ No newline at end of file diff --git a/_data/demos.yml b/_data/demos.yml index 6ceb3ac..55947f6 100644 --- a/_data/demos.yml +++ b/_data/demos.yml @@ -1,12 +1,14 @@ - title: GitHub Universe Talk - MLOps subtitle: Machine learning operations with GitHub Actions and Kubernetes - GitHub Universe 2019 - descr: 'From automating mundane tasks to reducing inefficiencies in developers’ workflows, machine learning has the potential to scale your team’s results like never before. However, the practice of deploying machine learning for enterprises is relatively new. In this talk, Hamel and Jeremy will demonstrate how GitHub Actions and Kubernetes can be used to orchestrate machine learning workflows in new ways that increase transparency and reliability of these applications. By borrowing best practices and technologies from DevOps, they’ll help you learn how to deploy machine learning solutions with confidence.' + info: 'From automating mundane tasks to reducing inefficiencies in developers’ workflows, machine learning has the potential to scale your team’s results like never before. However, the practice of deploying machine learning for enterprises is relatively new. In this talk, Hamel and Jeremy will demonstrate how GitHub Actions and Kubernetes can be used to orchestrate machine learning workflows in new ways that increase transparency and reliability of these applications. By borrowing best practices and technologies from DevOps, they’ll help you learn how to deploy machine learning solutions with confidence.' video_id: Ll50l3fsoYs + - title: Live Demo Actions & ML Workflows video_id: S-kn4mmlxFU subtitle: GitHub Actions & Machine Learning Workflows with Hamel Husain - descr: "Successful machine learning projects often involve employing techniques and practices from software engineering. GitHub Actions provide a new way to incorporate some of these practices in a way that is tailored to data science. In this talk, Hamel will provide a brief tutorial on GitHub Actions, and will show you how you can use this new tool to automate and bring new innovations to your machine learning workflow." + info: "Successful machine learning projects often involve employing techniques and practices from software engineering. GitHub Actions provide a new way to incorporate some of these practices in a way that is tailored to data science. In this talk, Hamel will provide a brief tutorial on GitHub Actions, and will show you how you can use this new tool to automate and bring new innovations to your machine learning workflow." + - title: Azure ML + Actions Webinar - subtitle: 'The MLOps Live Webinar Series #3- Git-Base d CI CD for Machine Learning & MLOps' - descr: + subtitle: 'The MLOps Live Webinar Series #3' + info: Git-Base d CI CD for Machine Learning & MLOps video_id: V8MRYtNeqUc \ No newline at end of file diff --git a/_data/github_actions.yml b/_data/github_actions.yml index b2e3475..ad502c7 100644 --- a/_data/github_actions.yml +++ b/_data/github_actions.yml @@ -1,16 +1,38 @@ - title: "Submit Argo Workflows on GKE " + info : "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis" link : "https://github.com/marketplace/actions/submit-argo-workflows-to-gke" + - title: "Submit Argo Workflows on K8s (Cloud agnostic)" + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis link : "https://github.com/marketplace/actions/submit-argo-workflows-from-github" + - title: "Fetch runs from Weights & Biases" + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis link : "https://github.com/marketplace/actions/get-runs-from-weights-biases" + - title: "To compile, deploy and run Kubeflow pipeline" + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis link : "https://github.com/marketplace/actions/kubeflow-compile-deploy-and-run" + - title: "Dockerize GitHub repositories automatically as a Jupyter Server" + info : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis link : "https://github.com/machine-learning-apps/repo2docker-action" -#- title: [aml-workspace] -#(https://github.com/marketplace/actions/azure-machine-learning-workspace) - creates an Azure Machine Learning workspace. - #- [aml-compute](https://github.com/marketplace/actions/azure-machine-learning-compute-action) - Manage Azure Compute Resources. - #- [aml-run](https://github.com/marketplace/actions/azure-machine-learning-run-action) - Run a training job, experiment or pipeline on Azure. - #- [aml-registermodel](https://github.com/marketplace/actions/azure-machine-learning-register-model-action) - Register a model on Azure Machine Learning. - #- [aml-deploy](https://github.com/marketplace/actions/azure-machine-learning-deploy-action) #- Deploy a model to AKS or ACI. \ No newline at end of file + +- title: aml-workspace + link : https://github.com/marketplace/actions/azure-machine-learning-workspace) - creates an Azure Machine Learning workspace. + +- title: aml-compute + link : "https://github.com/marketplace/actions/azure-machine-learning-compute-action" + info : Manage Azure Compute Resources. + +- title: aml-run + link : "https://github.com/marketplace/actions/azure-machine-learning-run-action" + info : Run a training job, experiment or pipeline on Azure. + +- title: aml-registermodel + link : "https://github.com/marketplace/actions/azure-machine-learning-register-model-action" + info: Register a model on Azure Machine Learning. + +- title: aml-deploy + linr : "https://github.com/marketplace/actions/azure-machine-learning-deploy-action" + info: Deploy a model to AKS or ACI. \ No newline at end of file diff --git a/_includes/disqus_comments.html b/_includes/disqus_comments.html deleted file mode 100644 index d9400f2..0000000 --- a/_includes/disqus_comments.html +++ /dev/null @@ -1,20 +0,0 @@ -{%- if page.comments != false and jekyll.environment == "production" -%} - -
- - -{%- endif -%} diff --git a/_includes/head.html b/_includes/head.html index 0d704aa..89ab051 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -3,6 +3,7 @@ {%- seo -%} + {%- feed_meta -%} {%- if jekyll.environment == 'production' and site.google_analytics -%} @@ -10,7 +11,7 @@ {%- endif -%} \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html index 6234711..f504d57 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,7 +1,8 @@ \ No newline at end of file diff --git a/_includes/intro.html b/_includes/intro.html index c4dddfb..57bf6bd 100644 --- a/_includes/intro.html +++ b/_includes/intro.html @@ -1,10 +1,10 @@ -
+
+
+ page banner +

{{site.title}}

{{site.subtitle}}

{{site.description}}

-
- {%- include intro.svg -%} -
\ No newline at end of file diff --git a/_includes/intro_team.svg b/_includes/intro_team.svg new file mode 100644 index 0000000..83d3dab --- /dev/null +++ b/_includes/intro_team.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_includes/sect.svg b/_includes/sect.svg new file mode 100644 index 0000000..b2da82c --- /dev/null +++ b/_includes/sect.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_includes/trigger.svg b/_includes/trigger.svg new file mode 100644 index 0000000..6605bb6 --- /dev/null +++ b/_includes/trigger.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/_sass/custom.scss b/_sass/custom.scss index 43dcc20..d5d652e 100644 --- a/_sass/custom.scss +++ b/_sass/custom.scss @@ -2,13 +2,27 @@ body { box-sizing: border-box; display: grid; grid-template-rows: 80px 1fr auto; + font-family: "Roboto", sans-serif; } h1 { - font-size: 3rem; + font-size: 48px; font-weight: 700; + color: $brand-color; + line-height: 1; } h2 { - font-size: 2rem; + font-size: 24px; + font-weight: 700; + line-height: 1.25; +} +p { + font-size: 16px; + line-height: 1.5; + display: block; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 0px; + margin-inline-end: 0px; } .site-header { z-index: 1000; @@ -16,25 +30,34 @@ h2 { top: 0; background: $background-color; border-top: none; + .trigger { + padding-right: 10px; + justify-self: end; + align-self: center; + cursor: pointer; + svg { + fill: #fff; + &:hover { + fill: $brand-color; + } + } + } .navbar { padding: 15px 2%; display: grid; - grid-template-columns: 300px 1fr; + grid-template-columns: 260px 1fr; justify-content: space-around; .logo { display: flex; justify-content: space-evenly; align-items: center; color: $brand-color; - font-size: 1.4em; - img { - height: 50px; - } + font-size: 1.1em; } .navigation { + display: none; align-items: center; justify-content: flex-end; - display: flex; a { padding: 10px; color: $text-color-s; @@ -42,28 +65,28 @@ h2 { } } } -.intro { - height: 90vh; +.grid { + display: grid; +} +.home_intro { + margin-top: 30px; display: grid; - grid-template-columns: 1fr 1fr; gap: 2em; - align-items: center; + align-items: start; .text_box { - h1 { - font-size: 48px; - font-weight: 600; - color: $brand-color; - } - h2 { - font-size: 40px; - line-height: 1.2; - } p { + font-size: 16px; line-height: 1.5; color: $text-color-s; } } } +.image_box img { + display: block; + width: 70%; + margin-left: auto; + margin-right: auto; +} .left_sidebar { position: fixed; left: 0; @@ -82,16 +105,15 @@ h2 { } } .page-content { + width: 100vw; display: grid; - grid-template-columns: 15% 1fr 15%; + grid-template-columns: 10% 1fr 10%; grid-template-areas: ". c ."; - gap: 1rem; } .content { grid-area: c; .content_grid { display: grid; - grid-template-columns: repeat(3, 1fr); gap: 1rem; .content_item { position: relative; @@ -107,6 +129,7 @@ h2 { } h2 { text-align: center; + color: $brand-color; } p { text-align: justify; @@ -134,3 +157,145 @@ h2 { } } } + +/* Team page */ +.team_intro .text_box p, +.team_grid { + color: $text-color-t; +} +.team_grid { + display: grid; + gap: 4rem; + h1, + h2, + h3 { + color: $brand-color; + } + .team_item { + display: grid; + grid-template-columns: 1fr 2fr; + gap: 4rem; + a { + display: block; + position: relative; + } + svg { + position: absolute; + fill: #2188ff; + width: 100%; + top: 0; + left: 0; + transform: rotate(180deg); + } + img { + width: 100%; + border: 3px solid $brand-color; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + } + &:nth-child(even) { + direction: rtl; + } + .text_box { + direction: ltr; + } + } +} +.author_img { + top: 15px; + display: block; + width: 100%; + height: fit-content; + position: relative; +} +.shape { + position: absolute; + top: 0; + left: 0; + width: 100%; +} +.diamond { + z-index: 10; + width: 0; + height: 0; + border: 155px solid $background-color; + border-bottom-color: transparent; + position: relative; + top: -155px; + + &:after { + content: ""; + position: absolute; + left: -155px; + top: 155px; + width: 0; + height: 0; + border: 155px solid $brand-color; + border-top-color: transparent; + } +} + +/* Blog page */ +.blog_intro { + margin-top: 100px; + margin-bottom: 20px; + height: max-content; +} +.posts_list { + margin-top: 30px; + a { + font-size: 24px; + color: $brand-color; + } + .content_item { + margin-top: 50px; + } +} +/* media queries */ +@media screen and (min-width: 768px) { + .site-header .navbar { + grid-template-columns: 320px 1fr; + } + .content_grid { + grid-template-columns: 1fr 1fr; + } +} +@media screen and (min-width: 1024px) { + .intro { + margin-bottom: 30px; + grid-template-columns: 2fr 1fr; + grid-template-areas: "a b"; + .image_box { + grid-area: b; + img { + width: 100%; + } + } + .text_box { + grid-area: a; + } + } +} +@media screen and (min-width: 1440px) { + .site-header .navbar .navigation { + display: flex; + } + .trigger { + display: none; + } + .content_grid { + grid-template-columns: 1fr 1fr 1fr; + } + .page-content { + grid-template-columns: 1fr 1000px 1fr; + } +} +@media screen and (max-width: 767px) { + .y_video { + width: calc(100vw * 0.8) ; + height: calc(100vw * 0.6); + } +} diff --git a/_sass/custom_old.scss b/_sass/custom_old.scss new file mode 100644 index 0000000..277949e --- /dev/null +++ b/_sass/custom_old.scss @@ -0,0 +1,234 @@ +body { + box-sizing: border-box; + display: grid; + grid-template-rows: 80px 1fr auto; +} +h1 { + font-size: 3rem; + font-weight: 700; +} +h2 { + font-size: 24px; +} +.site-header { + z-index: 1000; + position: sticky; + top: 0; + background: $background-color; + border-top: none; + .navbar { + padding: 15px 2%; + display: grid; + grid-template-columns: 320px 1fr; + justify-content: space-around; + .logo { + display: flex; + justify-content: space-evenly; + align-items: center; + color: $brand-color; + font-size: 1.1em; + } + .navigation { + align-items: center; + justify-content: flex-end; + display: flex; + a { + padding: 10px; + color: $text-color-s; + } + } + } +} +.intro { + height: 70vh; + margin-top: 200px; + display: grid; + grid-template-columns: 2fr 1fr; + gap: 2em; + align-items: start; + .text_box { + h1 { + font-size: 48px; + font-weight: 600; + color: $brand-color; + } + h2 { + font-size: 40px; + line-height: 1.2; + } + p { + line-height: 1.5; + color: $text-color-s; + } + } +} +.image_box img { + width: 100%; +} +.left_sidebar { + position: fixed; + left: 0; + top: 100px; + padding: 20px 2% 20px 2%; + ul { + list-style-type: none; + margin: 0; + a { + padding: 5px; + color: $sidebar-color; + &:hover { + color: $sidebar-hover; + } + } + } +} +.page-content { + display: grid; + grid-template-columns: 15% 1fr 15%; + grid-template-areas: ". c ."; + gap: 1rem; +} +.content { + grid-area: c; + .content_grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1rem; + .content_item { + position: relative; + padding: 10px; + border: 1px solid $grey-color-dark; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + a { + color: $text-color; + } + h2 { + text-align: center; + } + p { + text-align: justify; + } + .card_bg { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 60%; + opacity: 0.3; + } + .card_icon { + display: block; + width: 50%; + padding-bottom: 10px; + margin: 15px auto; + } + &:hover { + background: #000; + } + .author_image { + width: 100%; + } + } + } +} + +/* Team page */ +.team_intro .text_box p, +.team_grid { + color: $text-color-t; +} +.team_grid { + display: grid; + gap: 4rem; + h1, + h2, + h3 { + color: $brand-color; + } + .team_item { + display: grid; + grid-template-columns: 1fr 2fr; + gap: 4rem; + a { + display: block; + position: relative; + } + svg { + position: absolute; + fill: #2188ff; + width: 100%; + top: 0; + left: 0; + transform: rotate(180deg); + } + img { + width: 100%; + border: 3px solid $brand-color; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; +} + &:nth-child(even) { + direction: rtl; + } + .text_box { + direction: ltr; + } + } +} +.author_img { + top: 15px; + display: block; + width: 100%; + height: fit-content; + position: relative; +} +.shape { + position: absolute; + top: 0; + left: 0; + width: 100%; +} +.diamond { + z-index: 10; + width: 0; + height: 0; + border: 155px solid $background-color; + border-bottom-color: transparent; + position: relative; + top: -155px; + + &:after { + content: ""; + position: absolute; + left: -155px; + top: 155px; + width: 0; + height: 0; + border: 155px solid $brand-color; + border-top-color: transparent; + } +} + +/* Blog page */ +.blog_intro { + margin-top: 100px; + margin-bottom: 20px; + height: max-content; +} +.posts_list { + margin-top: 30px; + a { + font-size: 24px; + color: $brand-color; + } + .content_item { + margin-top: 50px; + } +} diff --git a/_sass/minima.scss b/_sass/minima.scss index f1b6362..2c1a208 100644 --- a/_sass/minima.scss +++ b/_sass/minima.scss @@ -3,7 +3,7 @@ // Define defaults for each variable. $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; -$base-font-size: 16px !default; +$base-font-size: 20px !default; $base-font-weight: 400 !default; $small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default; @@ -12,11 +12,11 @@ $spacing-unit: 30px !default; $text-color: #fdfdfd !default; $text-color-s: rgb(200,255,255) !default; -$background-color: #111 !default; +$text-color-t: #5a6170 !default; +$background-color: #1b1f23 !default; $brand-color: #2a7ae2 !default; -$sidebar-color: #a6b4cf !default; -$sidebar-hover: #d8e2f5 !default; - +$sidebar-color: #a6b4cf !default; +$sidebar-hover: #d8e2f5 !default; $grey-color: #828282 !default; $grey-color-light: lighten($grey-color, 40%) !default; $grey-color-dark: darken($grey-color, 25%) !default; diff --git a/_team/hamel.md b/_team/hamel.md index 866e142..82ae139 100644 --- a/_team/hamel.md +++ b/_team/hamel.md @@ -1,30 +1,19 @@ --- layout: author title: Hamel Husain -link : "https://github.com/hamelsmu" +nick : "hamelsmu" image: "/assets/images/hamel.jpg" card_bg: "/assets/images/pngfuel.com (8).png" --- -Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis modi vero placeat, voluptatem tempore temporibus nulla quos provident architecto saepe quasi voluptates nesciunt impedit ipsum veritatis delectus nostrum rem. Quos, possimus autem. Facere, nihil magni accusamus rerum, recusandae provident ducimus praesentium saepe facilis a incidunt deserunt pariatur eligendi laboriosam, eaque enim qui? Ullam error nemo sunt minima enim placeat. Assumenda ab dolore quasi quibusdam cupiditate delectus voluptates. Dolor, perspiciatis? +### What drew you into design systems? -## Lorem ipsum dolor +Over the decades, my primary expertise has slowly migrated from back-end development to front-end. I've always had an interest in design, and working on design systems allows me to explore that interest while continuing to leverage my expertise in front-end engineering. -Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis modi vero placeat, voluptatem tempore temporibus nulla quos provident architecto saepe quasi voluptates nesciunt impedit ipsum veritatis delectus nostrum rem. Quos, possimus autem. Facere, nihil magni accusamus rerum, recusandae provident ducimus +### Who have you learned from or been inspired by? -* Lorem ipsum dolor sit -* Omnis modi vero placeat -* Quos, possimus autem. +The constant shifts in front-end programming over the years and an intrinsic desire to learn have always been a driving factor in my own exploration of computer programming. I'm fortuante to work with a huge number of talented engineers and designers at GitHub, which is very inspiring and very rewarding. -Reprehenderit quos voluptatibus eos, officiis mollitia, perferendis maiores facilis sed doloribus inventore ipsam, odio impedit autem magni! Accusantium, ullam reiciendis. Nostrum quo veniam voluptates blanditiis aliquam reiciendis, aperiam voluptas iure in! +### Favorite tools -``` -.page-content { - display: grid; - grid-template-columns: 15% 1fr 15%; - grid-template-areas: ". c ."; - gap: 1rem; -} -``` - -Reprehenderit quos voluptatibus eos, officiis mollitia, perferendis maiores facilis sed doloribus inventore ipsam, odio impedit autem magni! Accusantium, ullam reiciendis. Nostrum quo veniam voluptates blanditiis aliquam reiciendis, aperiam voluptas iure in! \ No newline at end of file +Vim, Photoshop, Blender, and a good, old-fashioned shell prompt. \ No newline at end of file diff --git a/_team/michal.md b/_team/michal.md index 6011173..696d654 100644 --- a/_team/michal.md +++ b/_team/michal.md @@ -1,9 +1,19 @@ --- layout: author title: Michał Jastrzębski -link : "https://github.com/inc0" +nick : "inc0" image: "/assets/images/michal.png" card_bg: "/assets/images/pngfuel.com (2).png" --- -Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis modi vero placeat, voluptatem tempore temporibus nulla quos provident architecto saepe quasi voluptates nesciunt impedit ipsum veritatis delectus nostrum rem. Quos, possimus autem. Facere, nihil magni accusamus rerum, recusandae provident ducimus praesentium saepe facilis a incidunt deserunt pariatur eligendi laboriosam, eaque enim qui? Ullam error nemo sunt minima enim placeat. Assumenda ab dolore quasi quibusdam cupiditate delectus voluptates. Dolor, perspiciatis? Reprehenderit quos voluptatibus eos, officiis mollitia, perferendis maiores facilis sed doloribus inventore ipsam, odio impedit autem magni! Accusantium, ullam reiciendis. Nostrum quo veniam voluptates blanditiis aliquam reiciendis, aperiam voluptas iure in! \ No newline at end of file +### What drew you into design systems? + +Over the decades, my primary expertise has slowly migrated from back-end development to front-end. I've always had an interest in design, and working on design systems allows me to explore that interest while continuing to leverage my expertise in front-end engineering. + +### Who have you learned from or been inspired by? + +The constant shifts in front-end programming over the years and an intrinsic desire to learn have always been a driving factor in my own exploration of computer programming. I'm fortuante to work with a huge number of talented engineers and designers at GitHub, which is very inspiring and very rewarding. + +### Favorite tools + +Vim, Photoshop, Blender, and a good, old-fashioned shell prompt. \ No newline at end of file diff --git a/_team/zander.md b/_team/zander.md index e077bbd..7b9a046 100644 --- a/_team/zander.md +++ b/_team/zander.md @@ -1,9 +1,19 @@ --- layout: author title: Zander -link : "https://github.com/awmatheson" +nick : "awmatheson" image: "/assets/images/zander.jpg" card_bg: "/assets/images/pngfuel.com (9).png" --- -Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis modi vero placeat, voluptatem tempore temporibus nulla quos provident architecto saepe quasi voluptates nesciunt impedit ipsum veritatis delectus nostrum rem. Quos, possimus autem. Facere, nihil magni accusamus rerum, recusandae provident ducimus praesentium saepe facilis a incidunt deserunt pariatur eligendi laboriosam, eaque enim qui? Ullam error nemo sunt minima enim placeat. Assumenda ab dolore quasi quibusdam cupiditate delectus voluptates. Dolor, perspiciatis? Reprehenderit quos voluptatibus eos, officiis mollitia, perferendis maiores facilis sed doloribus inventore ipsam, odio impedit autem magni! Accusantium, ullam reiciendis. Nostrum quo veniam voluptates blanditiis aliquam reiciendis, aperiam voluptas iure in! \ No newline at end of file +### What drew you into design systems? + +Over the decades, my primary expertise has slowly migrated from back-end development to front-end. I've always had an interest in design, and working on design systems allows me to explore that interest while continuing to leverage my expertise in front-end engineering. + +### Who have you learned from or been inspired by? + +The constant shifts in front-end programming over the years and an intrinsic desire to learn have always been a driving factor in my own exploration of computer programming. I'm fortuante to work with a huge number of talented engineers and designers at GitHub, which is very inspiring and very rewarding. + +### Favorite tools + +Vim, Photoshop, Blender, and a good, old-fashioned shell prompt. \ No newline at end of file diff --git a/actions.html b/actions.html index e44562c..9c70750 100644 --- a/actions.html +++ b/actions.html @@ -1,18 +1,27 @@ --- -layout: default +layout : default +title : GitHub Actions +description : "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deleniti fugit quo magnam blanditiis soluta +est, +molestias quaerat perferendis eligendi nobis? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolore ratione +totam odit optio. Impedit incidunt laboriosam doloremque. Molestias, consequatur aut." --- -
- actions -

GitHub Actions

-
- {%- for item in site.data.github_actions -%} -
- -

{{item.title}}

- +
+
+

{{page.title}}

+

{{page.description}}

+
+ {%- for item in site.data.github_actions -%} +
+ +

{{item.title}}

+

{{item.info}}

- +
+ {%- endfor -%}
- {%- endfor -%}
-
+
+ actions +
+
\ No newline at end of file diff --git a/assets/intro_team.svg b/assets/intro_team.svg new file mode 100644 index 0000000..83d3dab --- /dev/null +++ b/assets/intro_team.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/blog.html b/blog.html index 1a6bb99..fe6a4ea 100644 --- a/blog.html +++ b/blog.html @@ -1,18 +1,24 @@ --- -layout: default +layout : default +title : Blog post +description : Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deleniti fugit quo magnam blanditiis soluta est, molestias quaerat perferendis eligendi nobis? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolore ratione totam odit optio. Impedit incidunt laboriosam doloremque. Molestias, consequatur aut. --- -
-
+
+
+

{{page.title}}

+

{{page.description}}

+
+ {% for item in site.data.blog %} +
+ +

{{item.title}}

+ +

{{item.info}}

+
+ {% endfor %} +
+
+
blog -

Blog Posts

-
-
- {%- for item in site.data.blog -%} -
-

{{item.title}}

- post image - -
- {%- endfor -%} +
diff --git a/demos.html b/demos.html index 6a399ca..2a2267a 100644 --- a/demos.html +++ b/demos.html @@ -1,13 +1,31 @@ --- -layout: default +layout : default title : "Live Demos / Tutorials" +description : "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis, +pariatur, temporibus vitae dolorem, voluptas quam tenetur? Voluptatibus eaque veritatis dolorum corrupti dignissimos, +saepe porro, molestiae consequatur quas obcaecati necessitatibus velit inventore aspernatur! Modi id a quisquam eaque +suscipit praesentium quibusdam odio consequuntur eveniet tempora. Quos?" --- -

page.title

-{%- for item in site.data.demos -%} -

{{item.title}}

-

{{item.subtitle}}

-

{{item.descr}}

- - -{%- endfor -%} \ No newline at end of file +
+
+

{{page.title}}

+

{{page.description}}

+
+ {%- for item in site.data.demos -%} +
+ +

{{item.title}}

+ +

{{item.subtitle}}

+

{{item.info}}

+ +
+ {%- endfor -%} +
+
+
+ demos +
+
\ No newline at end of file diff --git a/team.html b/team.html index e999ff2..fdda715 100644 --- a/team.html +++ b/team.html @@ -1,15 +1,35 @@ --- -layout: page -title: Our Team +layout: default +title: Meet the team +description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore cum vel nesciunt distinctio nobis, +pariatur, temporibus vitae dolorem, voluptas quam tenetur? Voluptatibus eaque veritatis dolorum corrupti dignissimos, +saepe porro, molestiae consequatur quas obcaecati necessitatibus velit inventore aspernatur! Modi id a quisquam eaque +suscipit praesentium quibusdam odio consequuntur eveniet tempora. Quos?" --- -
+
+
+ {%- include intro_team.svg -%} +
+
+

{{page.title}}

+

{{page.description}}

+
+
+ +
{% for author in site.team %} -
- -

{{ author.title }}

- {{ author.title }} -

{{author.excerpt}}

+
+ + + {{ author.title }} +
+

{{ author.title }}

+ @{{author.nick}} + {{author.content}} +
{% endfor %}
\ No newline at end of file