proven.lolhttps://dev.to/adamdjbrett
HASH 6444e6cb9a90d9d36c35d941b91c66a7
This item was proven by @adjb on 2024-04-13T02:17:40+00:00. (View all of @adjb’s proofs.)
Evidence
This is a copy of the web page retrieved on 2024-04-13T02:17:40+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en" class="js-focus-visible" data-js-focus-visible=""><head>
<meta charset="utf-8">
<title>Adam DJ Brett - DEV Community</title>
<meta name="last-updated" content="2024-04-13 02:17:39 UTC">
<meta name="user-signed-in" content="false">
<meta name="head-cached-at" content="1712974659">
<!-- Experimental web monetization payment pointer for micropayments -->
<!-- It lets readers make micropayments to websites they visit. -->
<!-- This is step 1: Get live in production to test for platform-wide payment pointer. -->
<!-- Step 2: Allow authors to set their payment pointer so they can directly monetize their content based on visitors. -->
<!-- Step 3: Enable further functionality based on what we learn from this experimentation and how the ecosystem evolves. -->
<meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn">
<meta name="environment" content="production">
<link rel="stylesheet" href="https://dev.to/assets/minimal-2ef4f4c0008174710f79391382103fca115f9b3421f11bfd2542e26ed5299c07.css" media="all" id="main-minimal-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/views-583b7787c56f63713ba8c070c8cb4787e2d2b7bbd7bc09fcfd1e39f6e2b7cad2.css" media="all" id="main-views-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/crayons-132fd5353a6887f948f908fecf2c183d4019983fae2c184971fb9deb4e930bfb.css" media="all" id="main-crayons-stylesheet">
<script src="https://dev.to/assets/base-2ec8727a7729074015ce717536b256399952f20d4dede3e6ea391779a57c942f.js" defer="defer"></script>
<script src="https://dev.to/assets/application-3374ac4b95e4c10d7d525c295943a38b89e7d2d61c93fc95484882f9612d6a3a.js" defer="defer"></script>
<script src="https://dev.to/assets/baseInitializers-8e8bb63df62ef2e629f618873f2cbc2ff4c5bc2bc1663303654fb5db64aba146.js" defer="defer"></script>
<script src="https://dev.to/assets/Search-7b4b1c88d62a8218834fca29237c94304fda6b834e488e5a91685f8cd729452f.js" defer="defer"></script>
<script src="https://dev.to/assets/baseTracking-5bcf7e19f64f2e4fe8b8fc5ed4d855faf7dbeba920699889fa8510025ef0fcb7.js" defer="defer"></script>
<link rel="canonical" href="https://dev.to/adamdjbrett">
<meta name="description" content="Decoding religion. I hold a Ph.D. in religion from Syracuse University. I run on coffee, code, and scifi.
---
proven6849c8">
<meta name="keywords" content="software development, engineering, rails, javascript, ruby">
<meta property="og:type" content="website">
<meta property="og:url" content="https://dev.to/adamdjbrett">
<meta property="og:title" content="Adam DJ Brett — DEV Community Profile">
<meta property="og:image" content="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8lvvnvil0m75nw7yi6iz.jpg">
<meta property="og:description" content="Decoding religion. I hold a Ph.D. in religion from Syracuse University. I run on coffee, code, and scifi.
---
proven6849c8">
<meta property="og:site_name" content="DEV Community">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@thepracticaldev">
<meta name="twitter:creator" content="@">
<meta name="twitter:title" content="Adam DJ Brett — DEV Community Profile">
<meta name="twitter:description" content="Decoding religion. I hold a Ph.D. in religion from Syracuse University. I run on coffee, code, and scifi.
---
proven6849c8">
<meta name="twitter:image:src" content="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8lvvnvil0m75nw7yi6iz.jpg">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="icon" type="image/x-icon" href="https://res.cloudinary.com/practicaldev/image/fetch/s--E8ak4Hr1--/c_limit,f_auto,fl_progressive,q_auto,w_32/https://dev-to.s3.us-east-2.amazonaws.com/favicon.ico">
<link rel="apple-touch-icon" href="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://media.dev.to/cdn-cgi/image/width=152,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png">
<link rel="apple-touch-icon" sizes="167x167" href="https://media.dev.to/cdn-cgi/image/width=167,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png">
<link href="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" rel="icon" sizes="192x192">
<link href="https://media.dev.to/cdn-cgi/image/width=128,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" rel="icon" sizes="128x128">
<meta name="apple-mobile-web-app-title" content="dev.to">
<meta name="application-name" content="dev.to">
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
<link rel="search" href="https://dev.to/open-search.xml" type="application/opensearchdescription+xml" title="DEV Community">
<meta property="forem:name" content="DEV Community">
<meta property="forem:logo" content="https://media.dev.to/cdn-cgi/image/width=512,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png">
<meta property="forem:domain" content="dev.to">
<style>
@keyframes barrelRoll {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.articletag-doabarrelroll {
background: #010100;
background: url(https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj27fydricaw99jhkzwic.png) no-repeat center center fixed;
background-size: cover
}
.articletag-doabarrelroll .crayons-layout {
animation: barrelRoll 2s ease-in-out 1; /* Animation name, duration, timing function, iteration count */
}
.articletag-perfectlycromulent {
background: #f4f4f4;
background: url(https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frzs6a59uuxjx328uu9p7.png) repeat;
}
@keyframes vibrate {
0% { transform: translate(0); }
20% { transform: translate(-2px, 2px); }
40% { transform: translate(-2px, -2px); }
60% { transform: translate(2px, 2px); }
80% { transform: translate(2px, -2px); }
100% { transform: translate(0); }
}
.articletag-shakethingsup {
animation: vibrate 0.1s infinite;
}
@media (prefers-reduced-motion: reduce) {
.articletag-shakethingsup {
animation: none;
}
.articletag-doabarrelroll .crayons-layout {
animation: none;
}
}
</style>
<script src="//www.googletagmanager.com/gtag/js?id=G-TYEM8Y3JN3" async=""></script><meta name="csrf-param" content="authenticity_token"><meta name="csrf-token" content="O1r3W3U00SOGFlTqvbJxfzThUry_TR2SrNfDmqx3rkcZbyeUyLUQAi16OTQnsdptxHpmRuiFFz8Va_u1qQeemA"></head>
<body class="sans-serif-article-body default-header" data-user-status="logged-out" data-community-name="DEV Community" data-locale="en" data-honeybadger-key="hbp_nqu4Y66HuEKlD6YRGssZuRQnPOjDm50J8Zkr" data-deployed-at="2024-04-10T14:50:27Z" data-latest-commit-id="9b15329110eb652d20bd8f48b2b2b19c40e6d99f" data-ga-tracking="UA-71991109-1" data-cookie-banner-user-context="logged_out_only" data-cookie-banner-platform-context="off" data-ga4-tracking-id="G-TYEM8Y3JN3" data-runtime="Browser-Linux" data-loaded="true">
<link rel="stylesheet" href="https://dev.to/assets/minimal-2ef4f4c0008174710f79391382103fca115f9b3421f11bfd2542e26ed5299c07.css" media="all" id="secondary-minimal-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/views-583b7787c56f63713ba8c070c8cb4787e2d2b7bbd7bc09fcfd1e39f6e2b7cad2.css" media="all" id="secondary-views-stylesheet">
<link rel="stylesheet" href="https://dev.to/assets/crayons-132fd5353a6887f948f908fecf2c183d4019983fae2c184971fb9deb4e930bfb.css" media="all" id="secondary-crayons-stylesheet">
<div id="body-styles">
<style>
:root {
--accent-brand-lighter-rgb: 80, 99, 301;
--accent-brand-rgb: 59, 73, 223;
--accent-brand-darker-rgb: 47, 58, 178;
}
</style>
</div>
<div id="audiocontent" data-podcast="">
</div>
<div class="navigation-progress" id="navigation-progress"></div>
<header id="topbar" class="crayons-header topbar print-hidden">
<span id="route-change-target" tabindex="-1"></span>
<a href="#main-content" class="skip-content-link">Skip to content</a>
<div class="crayons-header__container">
<span class="inline-block m:hidden ">
<button class="c-btn c-btn--icon-alone js-hamburger-trigger mx-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="abox3xpyspya6rrwv3229t4jldh1dlw4" class="crayons-icon"><title id="abox3xpyspya6rrwv3229t4jldh1dlw4">Navigation menu</title>
<path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"></path>
</svg>
</button>
</span>
<a href="/" class="site-logo" aria-label="DEV Community Home">
<img class="site-logo__img" src="https://dev-to-uploads.s3.amazonaws.com/uploads/logos/resized_logo_UQww2soKuUsjaOGNB38o.png" alt="DEV Community">
</a>
<div class="crayons-header--search js-search-form" id="header-search"><form method="get" action="/search" role="search" accept-charset="UTF-8"><input name="utf8" type="hidden" value="✓"><div class="crayons-fields crayons-fields--horizontal"><div class="crayons-field flex-1 relative"><input class="crayons-header--search-input crayons-textfield" type="text" id="" name="q" placeholder="Search..." autocomplete="off" aria-label="Search term"><button type="submit" aria-label="Search" class="c-btn c-btn--icon-alone absolute inset-px left-auto mt-0 py-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="crayons-icon c-btn__icon" focusable="false"><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"></path></svg></button></div></div></form>
</div>
<div class="flex items-center h-100 ml-auto">
<a class="c-link c-link--icon-alone c-link--block m:hidden mx-1" id="search-link" aria-label="Search" href="/search">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="agdm5jm0jum27z6n9mq671msytq36oy0" class="crayons-icon"><title id="agdm5jm0jum27z6n9mq671msytq36oy0">Search</title>
<path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"></path>
</svg>
</a>
<div class="flex" id="authentication-top-nav-actions">
<span class="hidden m:block">
<a href="/enter" class="c-link c-link--block mr-2 whitespace-nowrap ml-auto" data-no-instant="">
Log in
</a>
</span>
<a href="/enter?state=new-user" data-tracking-id="ca_top_nav" data-tracking-source="top_navbar" class="c-cta c-cta--branded whitespace-nowrap mr-2" data-no-instant="">
Create account
</a>
</div>
</div>
</div>
</header>
<div class="hamburger">
<div class="hamburger__content">
<header class="hamburger__content__header">
<h2 class="fs-l fw-bold flex-1 break-word lh-tight">DEV Community</h2>
<button class="c-btn c-btn--icon-alone js-hamburger-trigger shrink-0" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aft1d8qrxu9rdl7av9do61u5cm4s0acl" aria-hidden="true" class="crayons-icon c-btn__icon"><title id="aft1d8qrxu9rdl7av9do61u5cm4s0acl">Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</button>
</header>
<div class="p-2 js-navigation-links-container" id="authentication-hamburger-actions">
</div>
</div>
<div class="hamburger__overlay js-hamburger-trigger"></div>
</div>
<div id="active-broadcast" class="broadcast-wrapper"></div>
<div id="base-payment-pointer" data-payment-pointer="$ilp.uphold.com/24HhrUGG7ekn"></div>
<div id="page-content" class="wrapper stories stories-index" data-current-page="stories-index">
<div id="page-content-inner" data-follow-clicks-initialized="true">
<div id="page-route-change" class="screen-reader-only" aria-live="polite" aria-atomic="true"></div>
<main id="main-content">
<script type="application/ld+json">
{"@context":"http://schema.org","@type":"Person","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/adamdjbrett"},"url":"https://dev.to/adamdjbrett","sameAs":["https://github.com/adamdjbrett","https://adamdjbrett.com"],"image":"https://media.dev.to/cdn-cgi/image/width=320,height=320,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F64919%2Fc309681d-4e17-455b-8f99-f6e3484279a3.jpg","name":"Adam DJ Brett","description":"Decoding religion. I hold a Ph.D. in religion from Syracuse University. I run on coffee, code, and scifi.\n---\nproven6849c8"}
</script>
<style>
:root {
--profile-brand-color: #bb3d00;
}
</style>
<div class="brand-bg">
<div class="crayons-layout crayons-layout--limited-l pt-7 m:pt-9">
<header class="profile-header crayons-card mt-2">
<div class="relative profile-header__top">
<span class="crayons-avatar crayons-avatar--3xl">
<img src="https://media.dev.to/cdn-cgi/image/width=320,height=320,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F64919%2Fc309681d-4e17-455b-8f99-f6e3484279a3.jpg" width="128" height="128" alt="Adam DJ Brett profile picture" class="crayons-avatar__image">
</span>
<div class="profile-header__actions">
<button id="user-follow-butt" class="crayons-btn whitespace-nowrap follow-action-button follow-user" data-info="{"id":64919,"className":"User","name":"Adam DJ Brett"}" data-fetched="fetched" aria-label="Follow user: Adam DJ Brett" aria-pressed="false">Follow</button>
<div class="profile-dropdown ml-2 s:relative" data-username="adamdjbrett" data-dropdown-initialized="true">
<button id="user-profile-dropdown" aria-expanded="false" aria-controls="user-profile-dropdownmenu" aria-haspopup="true" class="crayons-btn crayons-btn--ghost-dimmed crayons-btn--icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" role="img" aria-labelledby="akzn69xc8nqgu9vl70rniys7eqwvp3xa" class="crayons-icon dropdown-icon"><title id="akzn69xc8nqgu9vl70rniys7eqwvp3xa">User actions</title><path fill-rule="evenodd" clip-rule="evenodd" d="M7 12a2 2 0 11-4 0 2 2 0 014 0zm7 0a2 2 0 11-4 0 2 2 0 014 0zm5 2a2 2 0 100-4 2 2 0 000 4z"></path></svg>
</button>
<div id="user-profile-dropdownmenu" class="crayons-dropdown left-2 right-2 s:right-0 s:left-auto top-100 mt-1">
<span class="report-abuse-link-wrapper" data-path="/report-abuse?url=https://dev.to/adamdjbrett"><a href="/report-abuse?url=https://dev.to/adamdjbrett" class="crayons-link crayons-link--block">Report Abuse</a></span>
</div>
</div>
</div>
</div>
<div class="profile-header__details" data-url="/users/64919" data-status-checked="true">
<div class="items-center js-username-container mb-2">
<h1 class="crayons-title lh-tight">
Adam DJ Brett
</h1>
</div>
<p class="fs-base profile-header__bio m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75">Decoding religion. I hold a Ph.D. in religion from Syracuse University. I run on coffee, code, and scifi.
---
proven6849c8</p>
<div class="profile-header__meta">
<span class="profile-header__meta__item">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aplls9r9nyhj050wkp7udc2bcxg71w8z" class="crayons-icon mr-2 shrink-0"><title id="aplls9r9nyhj050wkp7udc2bcxg71w8z">Location</title>
<path d="M18.364 17.364L12 23.728l-6.364-6.364a9 9 0 1112.728 0zM12 13a2 2 0 100-4 2 2 0 000 4z"></path>
</svg>
<span>
Nashville, TN
</span>
</span>
<span class="profile-header__meta__item">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="amafe52l79xvi45r074tvseavoi2uzw1" class="crayons-icon mr-2 shrink-0"><title id="amafe52l79xvi45r074tvseavoi2uzw1">Joined</title>
<path d="M8 6v3.999h3V6h2v3.999h3V6h2v3.999L19 10a3 3 0 012.995 2.824L22 13v1c0 1.014-.377 1.94-.999 2.645L21 21a1 1 0 01-1 1H4a1 1 0 01-1-1v-4.36a4.025 4.025 0 01-.972-2.182l-.022-.253L2 14v-1a3 3 0 012.824-2.995L5 10l1-.001V6h2zm11 6H5a1 1 0 00-.993.883L4 13v.971l.003.147a2 2 0 003.303 1.4c.363-.312.602-.744.674-1.218l.015-.153.005-.176c.036-1.248 1.827-1.293 1.989-.134l.01.134.004.147a2 2 0 003.992.031l.012-.282c.124-1.156 1.862-1.156 1.986 0l.012.282a2 2 0 003.99 0L20 14v-1a1 1 0 00-.883-.993L19 12zM7 1c1.32.871 1.663 2.088 1.449 2.888a1.5 1.5 0 11-2.898-.776C5.85 2.002 7 2.5 7 1zm5 0c1.32.871 1.663 2.088 1.449 2.888a1.5 1.5 0 01-2.898-.776C10.85 2.002 12 2.5 12 1zm5 0c1.32.871 1.663 2.088 1.449 2.888a1.5 1.5 0 01-2.898-.776C15.85 2.002 17 2.5 17 1z"></path>
</svg>
<span>
Joined on <time datetime="2018-03-30T02:22:14Z" class="date">Mar 30, 2018</time>
</span>
</span>
<a href="https://adamdjbrett.com" target="_blank" rel="noopener me ugc" class="profile-header__meta__item">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="aom46rlhq94wrftaw4ulc4p59raot6ty" class="crayons-icon mr-2 shrink-0"><title id="aom46rlhq94wrftaw4ulc4p59raot6ty">Personal website</title><path d="M10.667 8v1.333H7.333v7.334h7.334v-3.334H16v4a.666.666 0 01-.667.667H6.667A.666.666 0 016 17.333V8.667A.667.667 0 016.667 8h4zM18 6v5.333h-1.333V8.275l-5.196 5.196-.942-.942 5.194-5.196h-3.056V6H18z"></path></svg>
<span>
https://adamdjbrett.com
</span>
</a>
<a href="https://github.com/adamdjbrett" target="_blank" rel="noopener me" class="profile-header__meta__item p-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="a369jknr3004e67r4kjm5gplrk8ql1q4" class="crayons-icon shrink-0"><title id="a369jknr3004e67r4kjm5gplrk8ql1q4">github website</title>
<path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 006.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 012.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0022 12c0-5.525-4.475-10-10-10z"></path>
</svg>
</a>
</div>
</div>
<div class="profile-header__bottom fs-base">
<div class="crayons-definition">
<strong class="crayons-definition__title">
<p>Education</p>
</strong>
<p class="crayons-definition__value">
</p><p>Syracuse University</p>
<p></p>
</div>
<div class="crayons-definition">
<strong class="crayons-definition__title">
<p>Pronouns</p>
</strong>
<p class="crayons-definition__value">
</p><p>he/him</p>
<p></p>
</div>
<div class="crayons-definition">
<strong class="crayons-definition__title">
<p>Work</p>
</strong>
<p class="crayons-definition__value">
</p><p>American Indian Law Alliance</p>
<p></p>
</div>
</div>
<div class="p-3 pt-0 block m:hidden js-user-info-trigger-wrapper">
<button type="button" class="crayons-btn crayons-btn--outlined w-100 js-user-info-trigger">More info about @adamdjbrett</button>
</div>
</header>
</div>
</div>
<div class="crayons-layout crayons-layout--limited-l crayons-layout--2-cols crayons-layout--2-cols--1-2 pt-4 m:pt-0" id="index-container" data-params="{"user_id":64919,"class_name":"Article","sort_by":"published_at","sort_direction":"desc"}" data-which="articles" data-tag="" data-feed="base-feed" data-articles-since="0">
<div class="crayons-layout__sidebar-left crayons-layout__content">
<div class="m:gap-4 hidden m:grid js-user-info">
<div class="crayons-card crayons-card--secondary">
<header class="crayons-card__header">
<h3 class="crayons-subtitle-3">Badges</h3>
</header>
<div class="crayons-card__body">
<div class="grid gap-4 grid-cols-3 s:grid-cols-4 m:grid-cols-2 align-center items-center js-profile-badges">
<div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-213', overlay: true})" title="Six Year Club" class="js-profile-badge ">
<img src="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F213%2FVersion2-03.png" alt="Six Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(0deg);" loading="lazy">
</div>
<div id="badge-213" class="hidden">
<div class="badge_details">
<div class="badge-image-container p-3">
<img class="badge-image" src="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F213%2FVersion2-03.png" alt="Six Year Club badge" title="Six Year Club" loading="lazy">
</div>
<div class="badge_text_content">
<h4 class="title fw-800 fs-l">Six Year Club</h4>
<p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least six years.</p>
<button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
</div>
<div class="close" onclick="window.Forem.closeModal()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</div>
</div>
</div>
<div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-91', overlay: true})" title="Five Year Club" class="js-profile-badge ">
<img src="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F91%2FVersion2-04.png" alt="Five Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(-9deg);" loading="lazy">
</div>
<div id="badge-91" class="hidden">
<div class="badge_details">
<div class="badge-image-container p-3">
<img class="badge-image" src="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F91%2FVersion2-04.png" alt="Five Year Club badge" title="Five Year Club" loading="lazy">
</div>
<div class="badge_text_content">
<h4 class="title fw-800 fs-l">Five Year Club</h4>
<p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least five years.</p>
<button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
</div>
<div class="close" onclick="window.Forem.closeModal()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</div>
</div>
</div>
<div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-75', overlay: true})" title="Four Year Club" class="js-profile-badge ">
<img src="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F75%2FVersion2-05.png" alt="Four Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(5deg);" loading="lazy">
</div>
<div id="badge-75" class="hidden">
<div class="badge_details">
<div class="badge-image-container p-3">
<img class="badge-image" src="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F75%2FVersion2-05.png" alt="Four Year Club badge" title="Four Year Club" loading="lazy">
</div>
<div class="badge_text_content">
<h4 class="title fw-800 fs-l">Four Year Club</h4>
<p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least four years.</p>
<button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
</div>
<div class="close" onclick="window.Forem.closeModal()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</div>
</div>
</div>
<div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-10', overlay: true})" title="Three Year Club" class="js-profile-badge ">
<img src="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F10%2FVersion2-06.png" alt="Three Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(-7deg);" loading="lazy">
</div>
<div id="badge-10" class="hidden">
<div class="badge_details">
<div class="badge-image-container p-3">
<img class="badge-image" src="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F10%2FVersion2-06.png" alt="Three Year Club badge" title="Three Year Club" loading="lazy">
</div>
<div class="badge_text_content">
<h4 class="title fw-800 fs-l">Three Year Club</h4>
<p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least three years.</p>
<button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
</div>
<div class="close" onclick="window.Forem.closeModal()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</div>
</div>
</div>
<div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-9', overlay: true})" title="Two Year Club" class="js-profile-badge ">
<img src="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F9%2FVersion2-07.png" alt="Two Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(-6deg);" loading="lazy">
</div>
<div id="badge-9" class="hidden">
<div class="badge_details">
<div class="badge-image-container p-3">
<img class="badge-image" src="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F9%2FVersion2-07.png" alt="Two Year Club badge" title="Two Year Club" loading="lazy">
</div>
<div class="badge_text_content">
<h4 class="title fw-800 fs-l">Two Year Club</h4>
<p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least two years.</p>
<button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
</div>
<div class="close" onclick="window.Forem.closeModal()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</div>
</div>
</div>
<div role="button" onclick="window.Forem.showModal({size: 'medium', showHeader: false, contentSelector: '#badge-2', overlay: true})" title="One Year Club" class="js-profile-badge ">
<img src="https://media.dev.to/cdn-cgi/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F2%2FVersion2-08.png" alt="One Year Club" class="mx-auto max-w-75 h-auto align-middle" style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(10deg);" loading="lazy">
</div>
<div id="badge-2" class="hidden">
<div class="badge_details">
<div class="badge-image-container p-3">
<img class="badge-image" src="https://media.dev.to/cdn-cgi/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F2%2FVersion2-08.png" alt="One Year Club badge" title="One Year Club" loading="lazy">
</div>
<div class="badge_text_content">
<h4 class="title fw-800 fs-l">One Year Club</h4>
<p class="description">This badge celebrates the longevity of those who have been a registered member of the DEV Community for at least one year.</p>
<button class="got-it-btn items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()">Got it</button>
</div>
<div class="close" onclick="window.Forem.closeModal()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="close_icon"><title>Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="crayons-card crayons-card--secondary">
<header class="crayons-card__header">
<h3 class="crayons-subtitle-3">
<p>Skills/Languages</p>
</h3>
</header>
<div class="crayons-card__body">
<p>HTML, CSS, JS</p>
</div>
</div>
<div class="crayons-card crayons-card--secondary">
<header class="crayons-card__header">
<h3 class="crayons-subtitle-3">
<p>Currently learning</p>
</h3>
</header>
<div class="crayons-card__body">
<p>eleventy, jekyll hugo</p>
</div>
</div>
<div class="crayons-card crayons-card--secondary">
<header class="crayons-card__header">
<h3 class="crayons-subtitle-3">
<p>Available for</p>
</h3>
</header>
<div class="crayons-card__body">
<p>front-end development</p>
</div>
</div>
<div class="crayons-card crayons-card--secondary p-4">
<div class="flex items-center mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="a4lflnu5bmkb3quuafeka1m14thfavxq" class="crayons-icon mr-3 color-base-50"><title id="a4lflnu5bmkb3quuafeka1m14thfavxq">Post</title>
<path d="M19 22H5a3 3 0 01-3-3V3a1 1 0 011-1h14a1 1 0 011 1v12h4v4a3 3 0 01-3 3zm-1-5v2a1 1 0 002 0v-2h-2zm-2 3V4H4v15a1 1 0 001 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z"></path>
</svg>
0 posts published
</div>
<div class="flex items-center mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="ad09snov9075lede1jgtvyrnekfpmsnc" class="crayons-icon mr-3 color-base-50"><title id="ad09snov9075lede1jgtvyrnekfpmsnc">Comment</title>
<path d="M10 3h4a8 8 0 010 16v3.5c-5-2-12-5-12-11.5a8 8 0 018-8zm2 14h2a6 6 0 000-12h-4a6 6 0 00-6 6c0 3.61 2.462 5.966 8 8.48V17z"></path>
</svg>
0 comments written
</div>
<div class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="amq0179hm8fskuuydg7dgx0lh76alkgs" class="crayons-icon mr-3 color-base-50"><title id="amq0179hm8fskuuydg7dgx0lh76alkgs">Tag</title>
<path d="M7.784 14l.42-4H4V8h4.415l.525-5h2.011l-.525 5h3.989l.525-5h2.011l-.525 5H20v2h-3.784l-.42 4H20v2h-4.415l-.525 5h-2.011l.525-5H9.585l-.525 5H7.049l.525-5H4v-2h3.784zm2.011 0h3.99l.42-4h-3.99l-.42 4z"></path>
</svg>
8 tags followed
</div>
</div>
</div>
</div>
<main class="crayons-layout__content articles-list" id="articles-list">
<div class="substories" id="substories">
</div>
<div class="loading-articles" id="loading-articles" style="display: none;">
loading...
</div>
</main>
</div>
</main>
<script src="https://dev.to/assets/storiesList-b9c50cbd898a3a64258a3a49db1c531651b0a4a11937be35ed4651111802b5b5.js" defer="defer"></script>
<script src="https://dev.to/assets/followButtons-f2455d1f50a862b83fa006b1953e3a1644598781243cae25d3e75b13c04184fd.js" defer="defer"></script>
<script src="https://dev.to/assets/feedPreviewCards-2738f355510d8cec94c4b4541a21fcf3ac886f22a39f1b0cbf7b85099731a5b8.js" defer="defer"></script>
<script src="https://dev.to/assets/hideBookmarkButtons-0cc08aac1c422e6b6f75e5284b5350215abf211b59fb3eb8d8a4ef85e205b607.js" defer="defer"></script>
<script src="https://dev.to/assets/profileDropdown-b6d1a8ad148b4bf9d422530faa743ea586e5f43f4e2bbe445f4f2a1eb9134029.js" defer="defer"></script>
<script src="https://dev.to/assets/users/profilePage-1393cb4a2fea4e217cb2a2451f02d7a20ee01da60dc85f128f703631908dab09.js" defer="defer"></script>
<script src="https://dev.to/assets/localizeArticleDates-70147c5c6bfe350b42e020ebb2a3dd37419d83978982b5a67b6389119bf162ac.js" defer="defer"></script>
<script src="https://dev.to/assets/asyncUserStatusCheck-c38c3dcbc3fa64c8ff9e403434eabaf359c4957d3fb713784cc99144da5d5358.js" defer="defer"></script>
<div id="runtime-banner-container"></div>
</div>
</div>
<footer id="footer" class="crayons-footer print-hidden">
<div id="footer-container" class="crayons-footer__container">
<p class="fs-s crayons-footer__description">
<a class="c-link c-link--branded fw-medium" aria-label="DEV Community Home" href="/">DEV Community</a> — A constructive and inclusive social network for software developers. With you every step of your journey.
</p>
<ul class="footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0" style="">
<li class="footer__nav-link flex items-center">
<a href="/">
Home
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/pod">
Podcasts
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/videos">
Videos
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/tags">
Tags
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/help">
DEV Help
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="https://shop.forem.com/">
Forem Shop
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/advertise">
Advertise on DEV
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/showcase">
DEV Showcase
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/about">
About
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/contact">
Contact
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/guides">
Guides
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/software-comparisons">
Software comparisons
</a>
<span class="dot ml-2"></span>
</li>
</ul>
<ul class="footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0" style="">
<li class="footer__nav-link flex items-center">
<a href="/code-of-conduct">
Code of Conduct
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/privacy">
Privacy Policy
</a>
<span class="dot ml-2"></span>
</li>
<li class="footer__nav-link flex items-center">
<a href="/terms">
Terms of use
</a>
<span class="dot ml-2"></span>
</li>
</ul>
<div class="fs-s">
<p>Built on <a class="c-link c-link--branded" target="_blank" rel="noopener" href="https://www.forem.com">Forem</a> — the <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to/t/opensource">open source</a> software that powers <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to">DEV</a> and other inclusive communities.</p>
<p>Made with love and <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to/t/rails">Ruby on Rails</a>. DEV Community <span title="copyright">©</span> 2016 - 2024.</p>
</div>
</div>
</footer>
<div id="snack-zone"></div>
<div id="global-signup-modal" class="authentication-modal hidden">
<div class="authentication-modal__container">
<figure class="authentication-modal__image-container">
<img class="authentication-modal__image" src="https://media.dev.to/cdn-cgi/image/width=190,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" alt="DEV Community" loading="lazy">
</figure>
<div class="authentication-modal__content">
<p class="authentication-modal__description">
We're a place where coders share, stay up-to-date and grow their careers.
</p>
</div>
<div class="authentication-modal__actions">
<a href="/enter" class="crayons-btn" aria-label="Log in" data-no-instant="">
Log in
</a>
<a href="/enter?state=new-user" class="crayons-btn crayons-btn--ghost-brand js-global-signup-modal__create-account" aria-label="Create new account" data-no-instant="">
Create account
</a>
</div>
</div>
</div>
<script src="https://dev.to/assets/signupModalShortcuts-8517630bb7eed8fd472e71c951e718a205fe857e8fa18d57d2fed43406542239.js" defer="defer"></script>
<div id="cookie-consent"></div>
<div id="i18n-translations" data-translations="{"en":{"core":{"add_comment":"Add comment","beta":"beta","comment":"Comment","copy_link":"Copy link","edit_profile":"Edit profile","follow":"Follow","follow_back":"Follow back","following":"Following","like":"Like","loading":"loading...","reaction":"Reaction","report_abuse":"Report abuse","search":"Search","success_settings":"Successfully updated settings.","counted_organization":{"one":"%{count} organization","other":"%{count} organizations"},"counted_user":{"one":"%{count} person","other":"%{count} people"},"not_following":"You're not following anyone","following_everyone":"You're following %{details} (everyone)","you_are_following":"You're following","and":"and"}}}"></div>
<div id="reaction-category-resources" class="hidden" aria-hidden="true">
<img data-name="Like" data-slug="like" data-position="1" src="https://dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18">
<img data-name="Unicorn" data-slug="unicorn" data-position="2" src="https://dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18">
<img data-name="Exploding Head" data-slug="exploding_head" data-position="3" src="https://dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="18" height="18">
<img data-name="Raised Hands" data-slug="raised_hands" data-position="4" src="https://dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="18" height="18">
<img data-name="Fire" data-slug="fire" data-position="5" src="https://dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18">
</div>
<script defer="">
if (document.querySelector('.articletag-marquee') && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
// Step 2: Find the first .crayons-article__body element
var articleBody = document.querySelector('.crayons-article__body');
if (articleBody) {
// Step 3: Extract inner text from the article body
var articleText = articleBody.innerText;
// Step 4: Create a marquee and add it to the bottom of the page
var marquee = document.createElement('marquee');
marquee.textContent = articleText;
marquee.style.width = '100%';
marquee.style.position = 'fixed';
marquee.style.bottom = '0';
marquee.style.backgroundColor = '#ffffff'; // Set background color if needed
marquee.style.color = '#000000'; // Set text color if needed
marquee.style.padding = '10px'; // Add some padding for better visibility
document.body.appendChild(marquee);
}
}
</script>
</body></html>