--- title: "Cole Rehbein" title-block-banner: false page-layout: article toc: true sidebar: - title: "Quick Links" contents: - text: "Newsletter Signup" href: "#newsletter" - text: "GitHub Profile" href: "https://github.com/colerehbein" - text: "Contact" href: "mailto:cole@cole.press" - title: "Recent Posts" contents: - text: "AI in Practice" href: "/blog" - text: "Code & Culture" href: "/blog" - text: "Future of Work" href: "/blog" --- `cole@press:~$ neofetch --config custom` ``` ██████╗ ██████╗ ██╗ ███████╗ ██╔════╝██╔═══██╗██║ ██╔════╝ ██║ ██║ ██║██║ █████╗ ██║ ██║ ██║██║ ██╔══╝ ╚██████╗╚██████╔╝███████╗███████╗ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝ ░░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░░░░ ░░▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒░░ ░▒▒▓▓████████████████▓▓▒▒░ ░▒▓▓██████▓▓▓▓▓▓██████▓▓▒░ ▒▓████▓▓██ ██▓▓████▓▒ ▒▓████▓▓██ ●● ●● ██▓▓████▓▒ ▒▓████▓▓██ ◡ ██▓▓████▓▒ ▒▓████▓▓██ ██▓▓████▓▒ ▒▓████▓▓██ ～～～ ██▓▓████▓▒ ░▒▓▓██████▓▓▓▓▓▓██████▓▓▒░ ░▒▒▓▓████████████▓▓▒▒░ ░░▒▒▒▓▓▓▓▓▓▓▓▒▒▒░░ ░░░▒▒▒▒▒░░░ ``` `cole@press:~$ cat skills.json | jq '.expertise' && ls -la ~/projects/` ``` json { "development" : { "proficiency" : "90%" , "languages" : [ "TypeScript" , "Python" , "R" , "Go" , "SQL" ] , "frameworks" : [ "React" , "Quarto" , "Flask" , "Shiny" ] , "focus" : "Full-stack applications" }, "ai_research" : { "proficiency" : "85%" , "areas" : [ "Machine Learning" , "Automation" , "Data Science" , "NLP" ] , "tools" : [ "TensorFlow" , "PyTorch" , "Pandas" , "scikit-learn" ] , "focus" : "Real-world applications" }, "data_visualization" : { "proficiency" : "88%" , "tools" : [ "ggplot2" , "D3.js" , "Plotly" , "Observable" ] , "focus" : "Interactive dashboards" }, "writing" : { "proficiency" : "80%" , "topics" : [ "Technology" , "AI Ethics" , "Digital Culture" ] , "platforms" : [ "Blog" , "Newsletter" , "Technical docs" ] , "focus" : "Thoughtful analysis" }, "open_source" : { "proficiency" : "88%" , "contributions" : "Active maintainer" , "philosophy" : "Building in public" } } ``` [ **Visit Blog →** ](/blog) {.project-link}[ **View Resume →** ](/cv) {.project-link}[ **Explore Projects →** ](/projects) {.project-link}`cole@press:~$ git log --oneline --graph | head -10` ```{r} #| echo: false #| warning: false #| message: false library (htmltools)# Create a git-style activity log div (class = "git-log" ,div (class = "git-line" , "* 127 commits this year" ),div (class = "git-line" , "* 23 public repositories" ), div (class = "git-line" , "* 8 recent pushes" ),div (class = "git-separator" , "────────────────────────" ),div (class = "git-status active" , "● Building in public" ),div (class = "git-status active" , "● Open source advocate" ),div (class = "git-status active" , "● Always learning" ),div (class = "git-link-container" ,$ a (href = "https://github.com/colerehbein" , class = "git-remote" , "origin/main → github.com/colerehbein" )``` `cole@press:~$ cat thoughts/latest.txt` `cole@press:~$ ./connect.sh --all` ``` bash $ curl -X POST https://cole.press/newsletter \ --data "email=your@email.com" ``` ``` bash github : https://github.com/colerehbeintwitter : https://twitter.com/colerehbein email : cole@cole.presswebsite : https://cole.press``` ```bash $ uptime10:35AM up 365 days, building cool things$ whoamiCole Rehbein - Full-Stack Developer & AI Researcher$ echo "Thanks for visiting! ☕" Thanks for visiting! ☕``` ```{=html} <script> document.addEventListener('DOMContentLoaded', function() { // Enhanced hover effects with smooth transitions const interactiveElements = document.querySelectorAll('.project-item, .thought-item, .newsletter-box'); interactiveElements.forEach(el => { el.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'; el.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-2px) scale(1.02)'; this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.15)'; }); el.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0) scale(1)'; this.style.boxShadow = ''; }); }); // Typewriter effect for CLI prompts when they scroll into view const cliPrompts = document.querySelectorAll('.cli-prompt code'); const completedPrompts = new Set(); const typewriterObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const code = entry.target; const text = code.textContent; const typingSpeed = 30; const totalTypingTime = text.length * typingSpeed + 200; // 200ms initial delay code.textContent = ''; code.style.opacity = '1'; // Start typewriter after a short delay setTimeout(() => { let i = 0; function type() { if (i < text.length) { code.textContent += text.charAt(i); i++; setTimeout(type, typingSpeed); } else { // Mark this prompt as completed completedPrompts.add(code); // Trigger any dependent sections to fade in const nextSection = code.closest('.cli-prompt').nextElementSibling; if (nextSection && (nextSection.classList.contains('neofetch-style') || nextSection.classList.contains('skills-and-projects') || nextSection.classList.contains('git-activity') || nextSection.classList.contains('thoughts-section') || nextSection.classList.contains('connect-section'))) { setTimeout(() => { nextSection.style.opacity = '1'; nextSection.style.transform = 'translateY(0)'; }, 200); } } } type(); }, 200); // Stop observing this element typewriterObserver.unobserve(code); } }); }, { threshold: 0.5 }); // Set up typewriter for CLI prompts cliPrompts.forEach(code => { code.style.opacity = '0'; typewriterObserver.observe(code); }); // Fade-in animation for sections (triggered by typewriter completion) const sections = document.querySelectorAll('.neofetch-style, .skills-and-projects, .git-activity, .thoughts-section, .connect-section'); sections.forEach((section, index) => { section.style.opacity = '0'; section.style.transform = 'translateY(20px)'; section.style.transition = `opacity 0.6s ease-out, transform 0.6s ease-out`; }); // Newsletter form functionality const newsletterForm = document.querySelector('.cli-form'); if (newsletterForm) { newsletterForm.addEventListener('submit', function(e) { e.preventDefault(); const button = this.querySelector('.cli-button'); const input = this.querySelector('.cli-input'); button.textContent = 'SENDING...'; button.style.background = 'var(--cli-yellow)'; button.style.transform = 'scale(0.95)'; setTimeout(() => { button.textContent = '✓ SENT'; button.style.background = 'var(--cli-green)'; button.style.transform = 'scale(1)'; input.value = 'Thank you for subscribing!'; input.disabled = true; input.style.color = 'var(--cli-green)'; }, 1200); setTimeout(() => { button.textContent = 'SEND'; button.style.background = ''; button.style.transform = ''; input.value = ''; input.disabled = false; input.style.color = ''; input.placeholder = 'your@email.com'; }, 4000); }); } // Add a subtle cursor blink to the ASCII art section const asciiArt = document.querySelector('.ascii-art'); if (asciiArt) { const cursor = document.createElement('span'); cursor.textContent = '▋'; cursor.style.color = 'var(--cli-cyan)'; cursor.style.animation = 'blink 1s infinite'; cursor.style.marginLeft = '5px'; asciiArt.appendChild(cursor); // Add keyframes for blink animation const style = document.createElement('style'); style.textContent = ` @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } `; document.head.appendChild(style); } }); </script> ```