beatlab/KonstanzWorkshopSummary.html at main · beatlab-mcmaster/beatlab · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>BEATLab - Konstanz Workshop</title>
        <link rel="icon" type="image/x-icon" href="/images/favicon.svg">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="styles.css">
        <style>
            body {
                font-family: "Lato", sans-serif
            }

            .mySlides {
                display: none
            }
        </style>
    </head>
<body>

    <!-- Navbar -->
    <div class="w3-top">
        <div class="w3-bar w3-black w3-card">
            <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right"
                href="javascript:void(0)" onclick="navToggle()" title="Toggle Navigation Menu"><i
                    class="fa fa-bars"></i></a>
            <a href="index.html" class="w3-bar-item w3-button w3-padding-large">HOME</a>
            <div class="w3-dropdown-hover w3-hide-small">
                <button class="w3-padding-large w3-button" title="Learn">LEARN <i class="fa fa-caret-down"></i></button>
                <div class="w3-dropdown-content w3-bar-block w3-card-4">
                    <a href="index.html#about" class="w3-bar-item w3-button">About</a>
                    <a href="people.html" class="w3-bar-item w3-button">People</a>
                    <a href="publications.html" class="w3-bar-item w3-button">Publications</a>
                    <a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
                </div>
            </div>
            <div class="w3-dropdown-hover w3-hide-small">
                <button class="w3-padding-large w3-button" title="Connect">CONNECT <i class="fa fa-caret-down"></i></button>
                <div class="w3-dropdown-content w3-bar-block w3-card-4">
                    <a href="join.html" class="w3-bar-item w3-button">Join</a>
                    <a href="participate.html" class="w3-bar-item w3-button">Participate</a>
                    <a href="donate.html" class="w3-bar-item w3-button">Donate</a>
                    <a href="contact.html" class="w3-bar-item w3-button">Contact</a>
                </div>
            </div>
            <!-- <a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i
                    class="fa fa-search"></i></a> -->
        </div>
    </div>

    <!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
    <div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
        <a href="people.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">People</a>
        <a href="publications.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Publications</a>
        <a href="research.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Research</a>
        <a href="join.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Join</a>
        <a href="participate.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Participate</a>
        <a href="donate.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Donate</a>
        <a href="contact.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Contact</a>
    </div>


    <div class="w3-content" style="max-width:100%; margin-top:92px">

        <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:70%">

            <h1 class="w3-wide" style="text-align:center";>Konstanz Pupillometry Workshop Summary</h1>
                <p class="w3-opacity" style="text-align:center"><i>Resources related to Dr. Fink's online pupillometry workshop for the University of Konstanz (Mar. 2024)</i></p>
                <p>
                    Whether you were able to attend the pupillometry workshop, or you missed it, you can access all of the resources from the workshop using the links below! Please note that these resources contain copyrighted material. Use caution if sharing or re-using.
                </p>


            <h4 class="w3-wide" style="text-align:center";>Workshop Video Recordings:</h4>
                <p>The video recordings for both days of the workshop are available on YouTube:

                    <ul>
                        <li><span class="textAccentColor"><strong><b><a href = "https://www.youtube.com/watch?v=0nt02NJyvpY&ab_channel=KonstanzLinguistics" target = "_blank"> Day 1: Introduction to pupillometry</a></b></strong></span>
                        <li><span class="textAccentColor"><strong><b><a href = "https://www.youtube.com/watch?v=pm6ujt8yqu8&ab_channel=KonstanzLinguistics" target = "_blank"> Day 2: Advanced analysis techniques</a></b></strong></span>
                    </ul>
                </p>

            <h4 class="w3-wide" style="text-align:center";>Workshop Materials:</h4>
                <p>
                <ul>
                    <li> <span class="textAccentColor"><strong><b><a href = "assets/pupilTutorial/Fink_Pupillometry_KonstanzWorkshop.pdf" target = "_blank"> Workshop slides</a></b></strong></span>
                    <li><span class="textAccentColor"><strong><b><a href="assets/pupilTutorial/PRFconvolution.html" target= "_blank"> Response Function (PRF) convolution sandbox</a></b></strong></span>
                    <li><span class="textAccentColor"><strong><b>Example condition-averaged analysis code as <a href="assets/pupilTutorial/KonstanzPupilWorkshop.html" target="_blank">html</a> or <a href="assets/pupilTutorial/KonstanzPupilWorkshop.Rmd" target="_blank">R notebook</a> </b></strong></span>
                    <li><span class="textAccentColor"><strong><b>Example data: <a href="assets/pupilTutorial/KonstanzWorkshop_pupilData_byCondition.csv" target="_blank">conditions</a> & <a href="assets/pupilTutorial/KonstanzWorkshop_pupilStimulus_TimeSeries.csv" target="_blank">time series</a></b></strong></span>
                </ul>

                <br>
                Please note that this workshop largely builds off of ideas and techniques presented in Fink et al., (2023), <em>Behavior Research Methods</em>.
                    If you want to learn more, <span class="textAccentColor"><strong><b></b><a href="https://doi.org/10.3758/s13428-023-02098-1" target="_blank"> read the open-access paper</a>.</b></strong></span>
                </p>
        </div>
    </div>


    <!-- Footer. -->
    <footer class="w3-container w3-center w3-opacity w3-light-grey">
        <p class="w3-small" style="text-align:center">&copy; 2024 Lauren Fink</p>
        <a href="index.html" target="_blank"> <img src="images/bl_logo_v6-cropped.svg" style="width:30%" style="height:30%" style="vertical-align:center"> </a>
    </footer>

    <script src="navToggle.js"></script>

    </body>
</html>