Skip to content

Commit

Permalink
Update examples (#224)
Browse files Browse the repository at this point in the history
  • Loading branch information
@AdamJ
AdamJ authored Jun 29, 2023
1 parent bea6fd1 commit f4066ba
Show file tree
Hide file tree
Showing 28 changed files with 778 additions and 357 deletions.
16 changes: 8 additions & 8 deletions docs/about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, studiojolicoeur, studiojolicoeur.com, Mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, CSS" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<title>About | Adam Jolicoeur</title>
<meta
name="description"
Expand Down Expand Up @@ -71,16 +71,16 @@

<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/code/" >Code</a>
<a class="nav-link" href="/about/" class="nav-link active" >About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/design/" >Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/prototypes/" >Prototypes</a>
<a class="nav-link" href="/code/" >Code</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about/" class="nav-link active" >About</a>
<a class="nav-link" href="/prototypes/" >Prototypes</a>
</li>
</ul>
</div>
Expand All @@ -91,7 +91,7 @@
<main>

<header class="px-4 my-5 text-center">
<h1 class="disaply-5 fw-bold">About</h1>
<h1 class="display-5 fw-bold">About</h1>
<div class="col-lg-6 mx-auto">
<p class="lead">
A little bit about me.
Expand Down Expand Up @@ -336,16 +336,16 @@ <h5>Site</h5>
<a class="link-secondary" href="/">Home</a>
</li>
<li>
<a class="link-secondary" href="/code/">Code</a>
<a class="link-secondary" href="/about/">About</a>
</li>
<li>
<a class="link-secondary" href="/design/">Design</a>
</li>
<li>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
<a class="link-secondary" href="/code/">Code</a>
</li>
<li>
<a class="link-secondary" href="/about/">About</a>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
</li></ul>
</div>
<div class="col-6 col-md">
Expand Down
16 changes: 8 additions & 8 deletions docs/alfred/workflows/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, studiojolicoeur, studiojolicoeur.com, Mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, CSS" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<title>Alfred Workflows | Adam Jolicoeur</title>
<meta
name="description"
Expand Down Expand Up @@ -71,16 +71,16 @@

<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/code/" >Code</a>
<a class="nav-link" href="/about/" >About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/design/" >Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/prototypes/" >Prototypes</a>
<a class="nav-link" href="/code/" >Code</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about/" >About</a>
<a class="nav-link" href="/prototypes/" >Prototypes</a>
</li>
</ul>
</div>
Expand All @@ -91,7 +91,7 @@
<main>

<header class="px-4 my-5 text-center">
<h1 class="disaply-5 fw-bold">Alfred Workflows</h1>
<h1 class="display-5 fw-bold">Alfred Workflows</h1>
<div class="col-lg-6 mx-auto">
<p class="lead">
A list of my favorite Alfred workflows.
Expand Down Expand Up @@ -149,16 +149,16 @@ <h5>Site</h5>
<a class="link-secondary" href="/">Home</a>
</li>
<li>
<a class="link-secondary" href="/code/">Code</a>
<a class="link-secondary" href="/about/">About</a>
</li>
<li>
<a class="link-secondary" href="/design/">Design</a>
</li>
<li>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
<a class="link-secondary" href="/code/">Code</a>
</li>
<li>
<a class="link-secondary" href="/about/">About</a>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
</li></ul>
</div>
<div class="col-6 col-md">
Expand Down
112 changes: 60 additions & 52 deletions docs/code/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, studiojolicoeur, studiojolicoeur.com, Mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, CSS" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<title>Code Examples | Adam Jolicoeur</title>
<meta
name="description"
Expand Down Expand Up @@ -71,16 +71,16 @@

<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/code/" class="nav-link active" >Code</a>
<a class="nav-link" href="/about/" >About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/design/" >Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/prototypes/" >Prototypes</a>
<a class="nav-link" href="/code/" class="nav-link active" >Code</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about/" >About</a>
<a class="nav-link" href="/prototypes/" >Prototypes</a>
</li>
</ul>
</div>
Expand All @@ -91,7 +91,7 @@
<main>

<header class="px-4 my-5 text-center">
<h1 class="disaply-5 fw-bold">Code Examples</h1>
<h1 class="display-5 fw-bold">Code Examples</h1>
<div class="col-lg-6 mx-auto">
<p class="lead">
A selection of code examples from various projects that I&#39;ve worked on.
Expand All @@ -101,7 +101,55 @@ <h1 class="disaply-5 fw-bold">Code Examples</h1>
<main>
<article class="mx-auto">
<div class="container">
<div class="row row-cols-1 row-cols-lg-2 align-items-stretch gy-5 py-5">
<h2 class="display-6">Personal projects</h2>
<div class="row row-cols-1 row-cols-lg-2 align-items-stretch gy-5 pb-5">
<!-- Alfred workflows -->
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg" style="background-image: url('../img/Alfredlogo4.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white" style="background: rgba(0, 0, 0, .5);">
<h2 class="my-5 display-6 lh-1 fw-bold text-center text-white text-shadow-1">Alfred</h2>
<ul class="d-flex list-unstyled mt-auto">
<li class="me-auto">
<i class="bi bi-link-45deg"></i>
<a href="/alfred/workflows" alt="My Alfred workflows" class="card-link">
<small>Workflows</small>
</a>
</li>
<li>
<i class="bi bi-github"></i>
<a href="https://github.com/AdamJ/AdamJ.github.io/tree/main/src/pages/Alfred" target="top" alt="My Alfred workflows on GitHub" class="card-link">
<small>GitHub</small>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Streamdeck configurations -->
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg" style="background-image: url('../img/streamdeck-preview.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white" style="background: rgba(0, 0, 0, .5);">
<h2 class="my-5 display-6 lh-1 fw-bold text-center text-white text-shadow-1">Stream Deck icons</h2>
<ul class="d-flex list-unstyled mt-auto">
<li class="me-auto">
<i class="bi bi-link-45deg"></i>
<a href="/streamdeck/examples" alt="My Stream Deck icon examples" class="card-link">
<small>Examples</small>
</a>
</li>
<li>
<i class="bi bi-github"></i>
<a href="https://github.com/AdamJ/stream-deck-icon-packs" target="top" alt="Streamdeck icon packs on GitHub" class="card-link">
<small>GitHub</small>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<h2 class="display-6">Work-related projects</h2>
<div class="row row-cols-1 row-cols-lg-2 align-items-stretch gy-5 pb-5">
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg" style="background-image: url('../img/RHDManual_Home.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white" style="background: rgba(0, 0, 0, .5);">
Expand Down Expand Up @@ -144,6 +192,9 @@ <h2 class="my-5 display-6 lh-1 fw-bold text-center text-shadow-1">PatternFly.org
</div>
</div>
</div>
</div>
<h2 class="display-6">Deprecated products</h2>
<div class="row row-cols-1 row-cols-lg-2 align-items-stretch gy-5 pb-5">
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg" style="background-image: url('../img/screenshot-kubevirtio.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white" style="background: rgba(0, 0, 0, .5);">
Expand All @@ -165,21 +216,6 @@ <h2 class="my-5 display-6 lh-1 fw-bold text-center text-white text-shadow-1">kub
</div>
</div>
</div>
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg" style="background-image: url('../img/screenshot-try_openshift.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white" style="background: rgba(0, 0, 0, .5);">
<h2 class="my-5 display-6 lh-1 fw-bold text-center text-white text-shadow-1">try.openshift.com</h2>
<ul class="d-flex list-unstyled mt-auto">
<li class="me-auto">
<i class="bi bi-link-45deg"></i>
<a href="https://try.openshift.com" target="top" alt="try.openshift site" class="card-link">
<small>Demo</small>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg" style="background-image: url('../img/fabric8-package.png');">
<div class="d-flex flex-column h-100 p-5 pb-3 text-white" style="background: rgba(0, 0, 0, .5);">
Expand Down Expand Up @@ -218,34 +254,6 @@ <h2 class="my-5 display-6 lh-1 fw-bold text-center text-shadow-1">Atom.io themes
</div>
</div>
</div>
<!-- <h2 class="display-5 fw-bold lh-1">NPM packages</h2>
<div class="row flex-lg-row-reverse align-items-center gb-5 pb-5">
<div class="col-lg-6">
<img src="../img/fabric8-package.png" class="d-block mx-lg-auto img-fluid" alt="Social tag for the Bootstrap 5 Sketch library" width="700" height="500" loading="lazy">
</div>
<div class="col-10 col-sm-8 col-lg-6">
<h2 class="display-6 lh-1 mb-3">fabric8-pattern.library</h2>
<p class="lead">This package was created for a project that I worked on where having as few packages to install and maintain was a priority. The fabric8 pattern library combines PatternFly 3, Bootstrap 3, and Font Awesome 4 into a single consumable, usable with Webpack, Gulp, CSS Preprocessors or directly in HTML.</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="https://www.npmjs.com/package/fabric8-pattern.library" class="btn btn-outline-primary px-4 me-md-2" target="_blank">View on npmjs.com <i class="bi bi-link"></i></a>
</div>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<script>
function copyPackage() {
var copyText = document.getElementById("npmPackageInstall");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
alert(copyText.value + " copied.");
}
</script>
<div class="input-group input-group-sm my-3">
<input class="form-control" style="font-family: 'Fira Mono', 'Andale Mono', 'Consolas', monospace; border: 1px #cccccc solid; padding: 6px;" type="text" value="npm i fabric8-pattern.library" placeholder="npm i fabric8-pattern.library" id="npmPackageInstall" disabled>
<button type="button" class="btn btn-outline-dark" onclick="copyPackage()">Copy</button>
</div>
</div>
</div>
</div> -->

</article>
</main>
Expand All @@ -266,16 +274,16 @@ <h5>Site</h5>
<a class="link-secondary" href="/">Home</a>
</li>
<li>
<a class="link-secondary" href="/code/">Code</a>
<a class="link-secondary" href="/about/">About</a>
</li>
<li>
<a class="link-secondary" href="/design/">Design</a>
</li>
<li>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
<a class="link-secondary" href="/code/">Code</a>
</li>
<li>
<a class="link-secondary" href="/about/">About</a>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
</li></ul>
</div>
<div class="col-6 col-md">
Expand Down
16 changes: 8 additions & 8 deletions docs/design/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, studiojolicoeur, studiojolicoeur.com, Mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, CSS" />
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<title>Designs | Adam Jolicoeur</title>
<meta
name="description"
Expand Down Expand Up @@ -71,16 +71,16 @@

<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/code/" >Code</a>
<a class="nav-link" href="/about/" >About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/design/" class="nav-link active" >Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/prototypes/" >Prototypes</a>
<a class="nav-link" href="/code/" >Code</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about/" >About</a>
<a class="nav-link" href="/prototypes/" >Prototypes</a>
</li>
</ul>
</div>
Expand All @@ -91,7 +91,7 @@
<main>

<header class="px-4 my-5 text-center">
<h1 class="disaply-5 fw-bold">Designs</h1>
<h1 class="display-5 fw-bold">Designs</h1>
<div class="col-lg-6 mx-auto">
<p class="lead">
A selection of designs covering different projects and products.
Expand Down Expand Up @@ -255,16 +255,16 @@ <h5>Site</h5>
<a class="link-secondary" href="/">Home</a>
</li>
<li>
<a class="link-secondary" href="/code/">Code</a>
<a class="link-secondary" href="/about/">About</a>
</li>
<li>
<a class="link-secondary" href="/design/">Design</a>
</li>
<li>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
<a class="link-secondary" href="/code/">Code</a>
</li>
<li>
<a class="link-secondary" href="/about/">About</a>
<a class="link-secondary" href="/prototypes/">Prototypes</a>
</li></ul>
</div>
<div class="col-6 col-md">
Expand Down
Loading

0 comments on commit f4066ba

Please sign in to comment.