{"id":3923,"date":"2026-01-16T20:04:28","date_gmt":"2026-01-17T02:04:28","guid":{"rendered":"https:\/\/uwm.edu\/csi\/?page_id=3923"},"modified":"2026-01-21T14:23:46","modified_gmt":"2026-01-21T20:23:46","slug":"dream-machine-hackathon-working","status":"publish","type":"page","link":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/","title":{"rendered":""},"content":{"rendered":"\n<!-- Fonts + CSS for Dream Machine Hackathon page -->\n\n\n\n\n<style>\n:root {\n    \/* CSI\/51ÁÔÆæ Color Scheme *\/\n    --primary-blue: #003E7E;\n    --secondary-blue: #0055A2;\n    --gold: #FFAA00;\n    --dark-navy: #001B3D;\n    --light-blue: #0077CC;\n    --gray-dark: #333333;\n    --gray-mid: #666666;\n    --gray-light: #F5F5F5;\n    --white: #FFFFFF;\n    --text-primary: #1a1a1a;\n    --text-secondary: #4a4a4a;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: 'Source Sans Pro', sans-serif;\n    background: var(--white);\n    color: var(--text-primary);\n    line-height: 1.6;\n    overflow-x: hidden;\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 30px;\n}\n\n\/* Header *\/\nheader {\n    background: var(--primary-blue);\n    padding: 20px 0;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.header-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.logo-section {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n}\n\n.dw-logo {\n    font-family: 'Barlow', sans-serif;\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: var(--white);\n    letter-spacing: 1px;\n}\n\n.subtitle {\n    font-size: 0.85rem;\n    color: rgba(255,255,255,0.8);\n    letter-spacing: 1px;\n}\n\n.apply-button-header {\n    padding: 12px 30px;\n    background: var(--gold);\n    color: var(--dark-navy);\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1rem;\n    border-radius: 4px;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.apply-button-header:hover {\n    background: #FFB820;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(255,170,0,0.4);\n}\n\n\/* Hero Section *\/\n.hero {\n    background: linear-gradient(135deg, var(--dark-navy) 0%, var(--primary-blue) 100%);\n    color: var(--white);\n    padding: 80px 0 120px;\n    position: relative;\n    overflow: hidden;\n}\n\n.hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>');\n    opacity: 0.5;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n}\n\n.status-badge {\n    display: inline-block;\n    padding: 8px 20px;\n    background: var(--gold);\n    color: var(--dark-navy);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 0.85rem;\n    margin-bottom: 20px;\n}\n\nh1 {\n    font-family: 'Barlow', sans-serif;\n    font-size: 4.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 25px;\n}\n\n.hero-subtitle {\n    font-size: 1.8rem;\n    font-weight: 600;\n    margin-bottom: 40px;\n    opacity: 0.95;\n    max-width: 900px;\n}\n\n.key-stats {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-top: 50px;\n}\n\n.stat-box {\n    text-align: center;\n    padding: 30px;\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n    border: 2px solid rgba(255,255,255,0.2);\n    transition: all 0.3s ease;\n}\n\n.stat-box:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-5px);\n}\n\n.stat-label {\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 10px;\n    opacity: 0.8;\n}\n\n.stat-value {\n    font-family: 'Barlow', sans-serif;\n    font-size: 2.5rem;\n    font-weight: 800;\n    color: var(--gold);\n}\n\n\/* Hero Image Section *\/\n.hero-image-section {\n    margin-top: -80px;\n    position: relative;\n    z-index: 3;\n    padding-bottom: 60px;\n}\n\n.hero-image-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 30px;\n}\n\n.hero-image {\n    width: 100%;\n    border-radius: 8px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n    display: block;\n}\n\n\/* Image Grid Section *\/\n.image-showcase {\n    background: var(--gray-light);\n    padding: 80px 0;\n}\n\n.showcase-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-top: 50px;\n}\n\n.showcase-item {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.showcase-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.showcase-item:hover img {\n    transform: scale(1.05);\n}\n\n.showcase-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n    padding: 40px 30px 20px;\n    color: white;\n}\n\n.showcase-caption h3 {\n    font-family: 'Barlow', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 8px;\n}\n\n.showcase-caption p {\n    font-size: 1rem;\n    opacity: 0.9;\n}\n\n\/* Content Sections *\/\nsection {\n    padding: 80px 0;\n}\n\n.section-gray {\n    background: var(--gray-light);\n}\n\nh2 {\n    font-family: 'Barlow', sans-serif;\n    font-size: 2.8rem;\n    font-weight: 800;\n    color: var(--primary-blue);\n    margin-bottom: 15px;\n}\n\n.section-intro {\n    font-size: 1.3rem;\n    color: var(--text-secondary);\n    margin-bottom: 50px;\n    max-width: 800px;\n}\n\n\/* Challenge Grid *\/\n.challenge-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n    margin-top: 40px;\n}\n\n.challenge-card {\n    background: var(--white);\n    padding: 40px;\n    border-left: 4px solid var(--gold);\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n}\n\n.section-gray .challenge-card {\n    background: var(--white);\n}\n\n.challenge-card:hover {\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n    transform: translateX(5px);\n}\n\n.challenge-card h3 {\n    font-family: 'Barlow', sans-serif;\n    font-size: 1.5rem;\n    color: var(--primary-blue);\n    margin-bottom: 15px;\n    font-weight: 700;\n}\n\n.challenge-card p {\n    color: var(--text-secondary);\n    line-height: 1.8;\n}\n\n\/* Benefits Grid *\/\n.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-top: 50px;\n}\n\n.benefit-card {\n    background: var(--white);\n    padding: 35px;\n    border-top: 4px solid var(--secondary-blue);\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n    transition: all 0.3s ease;\n}\n\n.benefit-card:hover {\n    border-top-color: var(--gold);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n    transform: translateY(-5px);\n}\n\n.benefit-card h4 {\n    font-family: 'Barlow', sans-serif;\n    color: var(--primary-blue);\n    font-size: 1.3rem;\n    margin-bottom: 12px;\n    font-weight: 700;\n}\n\n.benefit-card p {\n    color: var(--text-secondary);\n    line-height: 1.7;\n}\n\n\/* Timeline *\/\n.timeline {\n    max-width: 900px;\n    margin: 60px auto 0;\n}\n\n.timeline-item {\n    display: flex;\n    gap: 40px;\n    margin-bottom: 50px;\n    position: relative;\n}\n\n.timeline-item::before {\n    content: '';\n    position: absolute;\n    left: 60px;\n    top: 120px;\n    bottom: -50px;\n    width: 2px;\n    background: var(--gold);\n}\n\n.timeline-item:last-child::before {\n    display: none;\n}\n\n.timeline-date {\n    flex-shrink: 0;\n    width: 120px;\n    height: 120px;\n    background: var(--primary-blue);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--white);\n    font-family: 'Barlow', sans-serif;\n    font-weight: 700;\n    text-align: center;\n    font-size: 1.1rem;\n    line-height: 1.3;\n    border: 4px solid var(--gold);\n    position: relative;\n    z-index: 2;\n}\n\n.timeline-content {\n    flex: 1;\n    background: var(--white);\n    padding: 30px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n}\n\n.timeline-content h3 {\n    font-family: 'Barlow', sans-serif;\n    color: var(--primary-blue);\n    font-size: 1.6rem;\n    margin-bottom: 12px;\n    font-weight: 700;\n}\n\n.timeline-content p {\n    color: var(--text-secondary);\n    line-height: 1.8;\n}\n\n\/* Fit Check Section *\/\n.fit-check {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    margin-top: 50px;\n}\n\n.fit-column h3 {\n    font-family: 'Barlow', sans-serif;\n    color: var(--primary-blue);\n    font-size: 1.8rem;\n    margin-bottom: 25px;\n    font-weight: 700;\n}\n\n.checklist {\n    list-style: none;\n}\n\n.checklist li {\n    padding: 15px 0 15px 35px;\n    border-bottom: 1px solid #e0e0e0;\n    position: relative;\n    color: var(--text-secondary);\n}\n\n.checklist li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    color: var(--secondary-blue);\n    font-weight: 700;\n    font-size: 1.3rem;\n}\n\n.fit-note {\n    margin-top: 30px;\n    padding: 25px;\n    background: var(--light-blue);\n    color: var(--white);\n    border-radius: 4px;\n    font-size: 1.1rem;\n    line-height: 1.7;\n}\n\n\/* CTA Section *\/\n.cta-section {\n    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\n    color: var(--white);\n    text-align: center;\n    padding: 100px 0;\n}\n\n.cta-section h2 {\n    color: var(--white);\n    margin-bottom: 20px;\n}\n\n.cta-section p {\n    font-size: 1.3rem;\n    margin-bottom: 40px;\n    opacity: 0.95;\n}\n\n.cta-button {\n    display: inline-block;\n    padding: 20px 60px;\n    background: var(--gold);\n    color: var(--dark-navy);\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1.3rem;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    transition: all 0.3s ease;\n    font-family: 'Barlow', sans-serif;\n}\n\n.cta-button:hover {\n    background: #FFB820;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(255,170,0,0.4);\n}\n\n.cta-note {\n    margin-top: 30px;\n    font-size: 1rem;\n    opacity: 0.8;\n}\n\n\/* Footer *\/\nfooter {\n    background: var(--dark-navy);\n    color: var(--white);\n    padding: 60px 0 30px;\n}\n\n.footer-content {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 60px;\n    margin-bottom: 50px;\n}\n\n.contact-info h3 {\n    font-family: 'Barlow', sans-serif;\n    font-size: 1.5rem;\n    margin-bottom: 20px;\n    color: var(--gold);\n}\n\n.contact-info p {\n    font-size: 1.1rem;\n    margin-bottom: 10px;\n}\n\n.contact-info a {\n    color: var(--gold);\n    text-decoration: none;\n    font-weight: 600;\n}\n\n.contact-info a:hover {\n    color: #FFB820;\n}\n\n.sponsors h3 {\n    font-family: 'Barlow', sans-serif;\n    font-size: 1.3rem;\n    margin-bottom: 20px;\n    color: var(--gold);\n}\n\n.sponsor-list {\n    list-style: none;\n}\n\n.sponsor-list li {\n    padding: 8px 0;\n    color: rgba(255,255,255,0.8);\n    font-size: 0.95rem;\n}\n\n.footer-bottom {\n    text-align: center;\n    padding-top: 30px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    color: rgba(255,255,255,0.6);\n    font-size: 0.9rem;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.fade-in {\n    animation: fadeInUp 0.8s ease-out;\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    h1 { font-size: 3rem; }\n    .hero-subtitle { font-size: 1.4rem; }\n    .key-stats { grid-template-columns: 1fr; }\n    .challenge-grid,\n    .benefits-grid,\n    .fit-check,\n    .footer-content,\n    .showcase-grid { grid-template-columns: 1fr; }\n    .timeline-item { flex-direction: column; gap: 20px; }\n    .timeline-item::before { display: none; }\n}\n\n@media (max-width: 640px) {\n    h1 { font-size: 2.2rem; }\n    h2 { font-size: 2rem; }\n    .header-content { flex-direction: column; gap: 20px; text-align: center; }\n    .hero-image-section { margin-top: -40px; }\n}\n<\/style>\n\n\n    <main>\n        <section class=\"hero\">\n            <div class=\"container\">\n                <div class=\"hero-content fade-in\">\n                    <div class=\"status-badge\">Applications Open<\/div>\n                    <h1>Dream Machine<br>Hackathon<\/h1>\n                    <p class=\"hero-subtitle\">Design data dashboards that help thousands understand manufacturing. Real exhibit. Real data. Real impact.<\/p>\n                    \n                    <div class=\"key-stats\">\n                        <div class=\"stat-box\">\n                            <div class=\"stat-label\">Prize Pool<\/div>\n                            <div class=\"stat-value\">$10,000<\/div>\n                        <\/div>\n                        <div class=\"stat-box\">\n                            <div class=\"stat-label\">Deadline<\/div>\n                            <div class=\"stat-value\">Feb 1<\/div>\n                        <\/div>\n                        <div class=\"stat-box\">\n                            <div class=\"stat-label\">Team Size<\/div>\n                            <div class=\"stat-value\">5 People<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"hero-image-section\">\n            <div class=\"hero-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_2-with-guests.jpg\" alt=\"Dream Machine exhibit with visitors at Discovery World\" class=\"hero-image\">\n            <\/div>\n        <\/div>\n\n<section class=\"image-showcase\">\n  <div class=\"container\">\n    <h2>The Dream Machine<\/h2>\n    <p class=\"section-intro\">\n      An interactive manufacturing exhibit where visitors witness real-world automation powered by Rockwell Automation technology.\n    <\/p>\n\n    <div class=\"showcase-grid\">\n      <div class=\"showcase-item\">\n        <img decoding=\"async\" src=\"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_1-with-guests-2.jpg\" alt=\"Dream Machine exhibit with visitors at Discovery World\">\n        <div class=\"showcase-caption\">\n          <h3>Real-World Scale<\/h3>\n          <p>Your dashboards could help explain this complex system to thousands<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n        <section>\n            <div class=\"container\">\n                <h2>The Challenge<\/h2>\n                <p class=\"section-intro\">Transform complex manufacturing data into clear, engaging visualizations that educate museum visitors about industrial automation.<\/p>\n                \n                <div class=\"challenge-grid\">\n                    <div class=\"challenge-card\">\n                        <h3>What You&#8217;ll Build<\/h3>\n                        <p>Data visualization dashboards for Discovery World&#8217;s Dream Machine exhibit using real machine data and Microsoft Fabric. Make manufacturing accessible to everyone.<\/p>\n                    <\/div>\n                    \n                    <div class=\"challenge-card\">\n                        <h3>The Impact<\/h3>\n                        <p>Your dashboards could be deployed in a public museum, educating thousands about manufacturing, data science, and automation. Real visibility, real impact.<\/p>\n                    <\/div>\n                    \n                    <div class=\"challenge-card\">\n                        <h3>Your Team<\/h3>\n                        <p>Teams of 5 students from UW-Milwaukee and Marquette. Ten teams total. Open to all, targeting data science, analytics, engineering, CS, math, UX, and business majors.<\/p>\n                    <\/div>\n                    \n                    <div class=\"challenge-card\">\n                        <h3>The Support<\/h3>\n                        <p>Industry mentors guide you throughout. Access to real exhibit data, collaborative environment, and professional feedback from experts in the field.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"section-gray\">\n            <div class=\"container\">\n                <h2>Why Participate<\/h2>\n                <p class=\"section-intro\">This isn&#8217;t a typical hackathon. It&#8217;s a portfolio project employers actually care about.<\/p>\n                \n                <div class=\"benefits-grid\">\n                    <div class=\"benefit-card\">\n                        <h4>Portfolio Impact<\/h4>\n                        <p>A deployed solution for a real museum\u2014not a class project. LinkedIn-worthy work with tangible outcomes.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h4>Interview Advantage<\/h4>\n                        <p>Discuss real stakeholders, constraints, and user needs. The kind of experience employers look for.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h4>Public Visibility<\/h4>\n                        <p>Thousands of museum visitors could interact with your work. Create something that educates and inspires.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h4>Data Storytelling<\/h4>\n                        <p>Learn to transform numbers into narratives\u2014a critical skill that sets you apart in any data role.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h4>Industry Mentorship<\/h4>\n                        <p>Direct guidance from professionals in manufacturing, data science, and technology. Build valuable connections.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h4>Win Prizes<\/h4>\n                        <p>Compete for $10,000 in prizes while building something meaningful that advances your career.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section>\n            <div class=\"container\">\n                <h2>Timeline<\/h2>\n                <p class=\"section-intro\">February 13-27, 2026 | Kickoff and finale held at Discovery World<\/p>\n                \n                <div class=\"timeline\">\n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">\n                            <span>February 1<br>2026<\/span>\n                        <\/div>\n                        <div class=\"timeline-content\">\n                            <h3>Application Deadline<\/h3>\n                            <p>Teams submit applications. Brief form covering team composition and interests. Decisions announced shortly after.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">\n                            <span>February 13<br>Evening<\/span>\n                        <\/div>\n                        <div class=\"timeline-content\">\n                            <h3>Kickoff<\/h3>\n                            <p>Meet mentors, explore the Dream Machine, access data sources, and start building. In person at Discovery World.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">\n                            <span>February<br>13-27<\/span>\n                        <\/div>\n                        <div class=\"timeline-content\">\n                            <h3>Build Phase<\/h3>\n                            <p>Two weeks to design, develop, and refine your dashboards. Collaborate with your team and consult mentors.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">\n                            <span>February 27<br>Evening<\/span>\n                        <\/div>\n                        <div class=\"timeline-content\">\n                            <h3>Finale<\/h3>\n                            <p>Present to judges, showcase your work, and celebrate. Winners announced and prizes awarded at Discovery World.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"section-gray\">\n            <div class=\"container\">\n                <h2>Is This For You?<\/h2>\n                \n                <div class=\"fit-check\">\n                    <div class=\"fit-column\">\n                        <h3>You&#8217;re a Strong Fit If:<\/h3>\n                        <ul class=\"checklist\">\n                            <li>You work with data, visuals, or dashboards<\/li>\n                            <li>You want a real portfolio project<\/li>\n                            <li>You enjoy creative problem-solving<\/li>\n                            <li>You prefer team collaboration<\/li>\n                            <li>You&#8217;re curious about manufacturing<\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"fit-column\">\n                        <h3>You Don&#8217;t Need:<\/h3>\n                        <ul class=\"checklist\">\n                            <li>Prior hackathon experience<\/li>\n                            <li>Advanced coding skills<\/li>\n                            <li>Microsoft Fabric experience<\/li>\n                            <li>Manufacturing knowledge<\/li>\n                            <li>UX design background<\/li>\n                        <\/ul>\n                        <div class=\"fit-note\">\n                            If you&#8217;re curious and willing to learn, you&#8217;re ready. We value growth mindset over existing expertise.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"cta-section\" id=\"apply\">\n            <div class=\"container\">\n                <h2>Ready to Create Real Impact?<\/h2>\n                <p>Apply with your team by February 1, 2026<\/p>\n                <a href=\"https:\/\/milwaukee.qualtrics.com\/jfe\/form\/SV_79gTYU53j82LiPc\" class=\"cta-button\">Apply Now<\/a>\n                <p class=\"cta-note\">Teams apply together. Selected teams receive detailed information after applications close.<\/p>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"contact-info\">\n                    <h3>Questions?<\/h3>\n                    <p>Contact Tom Hershberger<\/p>\n                    <p><a href=\"mailto:hershberger@uwm.edu\">hershberger@uwm.edu<\/a><\/p>\n                <\/div>\n                \n                <div class=\"sponsors\">\n                    <h3>Sponsors<\/h3>\n                    <ul class=\"sponsor-list\">\n                        <li>Connected Systems Institute<\/li>\n                        <li>Microsoft<\/li>\n                        <li>Rockwell Automation<\/li>\n                        <li>Northwestern Mutual Data Science Institute<\/li>\n                        <li>Brooksource<\/li>\n                        <li>UW-Milwaukee<\/li>\n                        <li>Marquette University<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p>&copy; 2026 Discovery World. A Michael J Cudahy Legacy.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =&gt; {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        });\n\n        \/\/ Simple scroll reveal\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) =&gt; {\n            entries.forEach(entry =&gt; {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.challenge-card, .benefit-card, .timeline-item, .showcase-item').forEach(el =&gt; {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(20px)';\n            el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            observer.observe(el);\n        });\n    <\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Applications Open Dream MachineHackathon Design data dashboards that help thousands understand manufacturing. Real exhibit. Real data. Real impact. Prize Pool $10,000 Deadline Feb 1 Team Size 5 People The Dream Machine An interactive manufacturing exhibit where visitors witness real-world automation &hellip;<\/p>\n","protected":false},"author":39995,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","uwm_wg_additional_authors":[]},"class_list":["post-3923","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Connected Systems Institute<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:description\" content=\"Applications Open Dream MachineHackathon Design data dashboards that help thousands understand manufacturing. Real exhibit. Real data. Real impact. Prize Pool $10,000 Deadline Feb 1 Team Size 5 People The Dream Machine An interactive manufacturing exhibit where visitors witness real-world automation &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/\" \/>\n<meta property=\"og:site_name\" content=\"Connected Systems Institute\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-21T20:23:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_2-with-guests.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/dream-machine-hackathon-working\\\/\",\"url\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/dream-machine-hackathon-working\\\/\",\"name\":\"- Connected Systems Institute\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/dream-machine-hackathon-working\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/dream-machine-hackathon-working\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/wp-content\\\/uploads\\\/sites\\\/708\\\/2026\\\/01\\\/Dream-Machine_2-with-guests.jpg\",\"datePublished\":\"2026-01-17T02:04:28+00:00\",\"dateModified\":\"2026-01-21T20:23:46+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/uwm.edu\\\/csi\\\/dream-machine-hackathon-working\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/dream-machine-hackathon-working\\\/#primaryimage\",\"url\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/wp-content\\\/uploads\\\/sites\\\/708\\\/2026\\\/01\\\/Dream-Machine_2-with-guests.jpg\",\"contentUrl\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/wp-content\\\/uploads\\\/sites\\\/708\\\/2026\\\/01\\\/Dream-Machine_2-with-guests.jpg\",\"width\":1080,\"height\":720},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/#website\",\"url\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/\",\"name\":\"Connected Systems Institute\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/#organization\",\"name\":\"University of Wisconsin - Milwaukee\",\"url\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/wp-content\\\/uploads\\\/sites\\\/708\\\/2020\\\/11\\\/uwm-seo-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/wp-content\\\/uploads\\\/sites\\\/708\\\/2020\\\/11\\\/uwm-seo-logo.jpg\",\"width\":225,\"height\":224,\"caption\":\"University of Wisconsin - Milwaukee\"},\"image\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/csi\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Connected Systems Institute","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/","og_locale":"en_US","og_type":"article","og_description":"Applications Open Dream MachineHackathon Design data dashboards that help thousands understand manufacturing. Real exhibit. Real data. Real impact. Prize Pool $10,000 Deadline Feb 1 Team Size 5 People The Dream Machine An interactive manufacturing exhibit where visitors witness real-world automation &hellip;","og_url":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/","og_site_name":"Connected Systems Institute","article_modified_time":"2026-01-21T20:23:46+00:00","og_image":[{"url":"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_2-with-guests.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/","url":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/","name":"- Connected Systems Institute","isPartOf":{"@id":"https:\/\/uwm.edu\/csi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/#primaryimage"},"image":{"@id":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/#primaryimage"},"thumbnailUrl":"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_2-with-guests.jpg","datePublished":"2026-01-17T02:04:28+00:00","dateModified":"2026-01-21T20:23:46+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uwm.edu\/csi\/dream-machine-hackathon-working\/#primaryimage","url":"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_2-with-guests.jpg","contentUrl":"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2026\/01\/Dream-Machine_2-with-guests.jpg","width":1080,"height":720},{"@type":"WebSite","@id":"https:\/\/uwm.edu\/csi\/#website","url":"https:\/\/uwm.edu\/csi\/","name":"Connected Systems Institute","description":"","publisher":{"@id":"https:\/\/uwm.edu\/csi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uwm.edu\/csi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/uwm.edu\/csi\/#organization","name":"University of Wisconsin - Milwaukee","url":"https:\/\/uwm.edu\/csi\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uwm.edu\/csi\/#\/schema\/logo\/image\/","url":"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2020\/11\/uwm-seo-logo.jpg","contentUrl":"https:\/\/uwm.edu\/csi\/wp-content\/uploads\/sites\/708\/2020\/11\/uwm-seo-logo.jpg","width":225,"height":224,"caption":"University of Wisconsin - Milwaukee"},"image":{"@id":"https:\/\/uwm.edu\/csi\/#\/schema\/logo\/image\/"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/pages\/3923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/users\/39995"}],"replies":[{"embeddable":true,"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/comments?post=3923"}],"version-history":[{"count":11,"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/pages\/3923\/revisions"}],"predecessor-version":[{"id":3951,"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/pages\/3923\/revisions\/3951"}],"wp:attachment":[{"href":"https:\/\/uwm.edu\/csi\/wp-json\/wp\/v2\/media?parent=3923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}