Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@ttuff
ttuff authored Jun 21, 2024
1 parent b870a62 commit a29c272
Showing 1 changed file with 207 additions and 121 deletions.
328 changes: 207 additions & 121 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,165 +1,251 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ESIIL Support Presentation</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic');

body {
font-family: 'Droid Serif', serif;
}

h1, h2, h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: normal;
}

.remark-code, .remark-inline-code {
font-family: 'Ubuntu Mono', monospace;
}

.header {
display: flex;
align-items: center;
padding: 10px;
background-color: cornflowerblue;
color: white;
}

.header img {
height: 50px;
margin-right: 20px;
}

.remark-slide-content {
margin-top: 70px; /* Adjust based on the height of your header */
}
</style>
</head>
<body>
<textarea id="source">
class: center, middle, header

# General Expectation Settings in Support from ESIIL
## Computational, Travel, Daily Check-ins
### (Jennifer)
- **Computational Support**: Assistance with data analysis, software tools, and computational resources.
- **Travel Support**: Guidelines for travel reimbursements, booking processes, and related policies.
- **Daily Check-ins**: Regular updates and meetings to track progress and address any issues.
<html>
<head>
<title>ESIIL Working Group Orientation</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic');

body {
font-family: 'Droid Serif';
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
height: 100vh;
}
header {
display: flex;
align-items: center;
padding: 10px;
background: white;
border-bottom: 2px solid cornflowerblue;
}
header img {
height: 50px;
margin-right: 10px;
}
header h1 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
font-size: 24px;
margin: 0;
}
.content {
flex: 1;
padding: 20px;
}
footer {
background-color: cornflowerblue;
color: white;
text-align: center;
padding: 10px;
}
.remark-slide-content h1, .remark-slide-content h2, .remark-slide-content h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code {
font-family: 'Ubuntu Mono';
}
</style>
</head>
<body>
<header>
<img src="https://via.placeholder.com/150" alt="Logo">
<h1>ESIIL Working Group Orientation</h1>
</header>
<div class="content">
<textarea id="source">

class: center, middle

# ESIIL Working Group Orientation

---

# General Expectation Settings

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- **Support from ESIIL:**
- Computational support
- Travel support
- Daily check-ins (Jennifer)
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Support Image" style="max-width: 100%;">
</div>
</div>

---

# Agenda-setting
## Please send ~1-2 weeks prior
- **Advance Notice**: Ensure all participants are aware of the agenda.
- **Content Submission**: Send any materials or topics to be discussed.
- **Preparation**: Allows for adequate preparation time for all attendees.

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Please send your agenda ~1-2 weeks prior
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Agenda Image" style="max-width: 100%;">
</div>
</div>

---

# CI Support
## Jim is the CI support lead, and Ty is back up
- **Primary Contact**: Jim is the main point of contact for CI-related issues.
- **Backup Support**: Ty will provide support in Jim's absence.
- **Services Provided**: Assistance with infrastructure setup, troubleshooting, and optimization.

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Jim is the CI support lead
- Ty is the backup
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="CI Support Image" style="max-width: 100%;">
</div>
</div>

---

# Timelines, Tips and Tricks for Successful WGs
- **Setting Timelines**: Establish clear deadlines for milestones and deliverables.
- **Effective Communication**: Use regular meetings and updates to keep everyone on the same page.
- **Resource Management**: Efficiently allocate and manage resources to ensure smooth progress.
# Timelines, Tips, and Tricks

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- For successful working groups
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Timelines Image" style="max-width: 100%;">
</div>
</div>

---

# Guidelines for Community Care Practices
## (Susan)
- **Respect and Inclusion**: Foster an environment of respect and inclusion for all participants.
- **Mental Health**: Encourage practices that support mental well-being.
- **Support Systems**: Establish support systems for participants to reach out if needed.

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Susan will provide guidelines
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Community Care Image" style="max-width: 100%;">
</div>
</div>

---

# Participant Agreement Opt-in/Explainer
- **Informed Consent**: Ensure all participants understand and agree to the terms of participation.
- **Privacy and Data Use**: Explain how participant data will be used and protected.
- **Responsibilities**: Clearly outline the responsibilities of each participant.
# Participant Agreement

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Opt-in explainer
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Agreement Image" style="max-width: 100%;">
</div>
</div>

---

# Evaluation Heads Up
## (Anne)
- **Evaluation Process**: Overview of how evaluations will be conducted.
- **Feedback Mechanism**: Ways for participants to provide feedback.
- **Improvement Plans**: How feedback will be used to improve future projects.

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Anne will provide evaluation heads up
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Evaluation Image" style="max-width: 100%;">
</div>
</div>

---

# Telling Our Story for Tribal Groups
## Offered to use qualitative/alternative ways
- **Cultural Sensitivity**: Use storytelling methods that respect and reflect tribal cultures.
- **Qualitative Data**: Incorporate qualitative data to capture nuanced perspectives.
- **Collaborative Approach**: Work with tribal groups to co-develop storytelling methods.
# Telling Our Story

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Particularly for tribal groups
- Qualitative/alternative ways offered
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Story Image" style="max-width: 100%;">
</div>
</div>

---

# Demographics and Belonging Questions
## Susan says ideally have these same
- **Consistency**: Use consistent demographic questions to ensure comparability.
- **Belonging**: Include questions that measure participants' sense of belonging.
- **Inclusive Metrics**: Develop metrics that are inclusive and representative of diverse groups.

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Susan says ideally have these questions the same
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Demographics Image" style="max-width: 100%;">
</div>
</div>

---

# Comparability of Outcomes for Groups
## John: Co-developing survey tools is a good trade-off
- **Outcome Metrics**: Ensure outcome metrics are comparable across different groups.
- **Survey Tools**: Co-develop survey tools with participants to ensure relevance and accuracy.
- **Balanced Approach**: Balance the need for comparability with the importance of context-specific tools.
# Comparability of Outcomes

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- John: Important but co-developing survey tools is a good trade-off
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Outcomes Image" style="max-width: 100%;">
</div>
</div>

---

# Deliverables and Expectations
## (Jennifer)
- **Clear Deliverables**: Define what is expected from each participant and by when.
- **Regular Updates**: Schedule regular updates to track progress.
- **Support Mechanisms**: Provide support to help participants meet their deliverables.
# Deliverables

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- When they are expected (Jennifer)
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Deliverables Image" style="max-width: 100%;">
</div>
</div>

---

# Covid Protocols/Suggestions
## Suggest to test, we have masks etc.
- **Testing**: Encourage regular testing to ensure safety.
- **Masks**: Provide masks and encourage their use in group settings.
- **Health Guidelines**: Follow local and organizational health guidelines to minimize risks.
# COVID Protocols/Suggestions

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- Suggest to test
- We have masks, etc.
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="COVID Protocols Image" style="max-width: 100%;">
</div>
</div>

---

# PI Documents Folder
## [Link to PI Documents Folder](https://drive.google.com/drive/u/0/folders/1XfvrSnXi0EoKCT2JO5DZnj13m2DQosgG)
- **Access**: Ensure all participants have access to necessary documents.
- **Organization**: Keep documents organized and up-to-date.
- **Collaboration**: Use the folder as a collaborative space for sharing materials.
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
<script>
var slideshow = remark.create({
highlightStyle: 'monokai',
highlightLanguage: 'remark'
});

// Add header to each slide
slideshow.on('afterShowSlide', function (slide) {
var headerHtml = '<div class="header"><img src="YOUR_LOGO_URL_HERE" alt="Logo">ESIIL Support Presentation</div>';
var slideContent = slide.getSlideContent();
if (!slideContent.querySelector('.header')) {
slideContent.insertAdjacentHTML('afterbegin', headerHtml);
}
});
</script>
</body>

<div style="display: flex; align-items: center;">
<div style="flex: 1;">
- [PI documents folder](https://drive.google.com/drive/u/0/folders/1XfvrSnXi0EoKCT2JO5DZnj13m2DQosgG)
</div>
<div style="flex: 1;">
<img src="https://via.placeholder.com/150" alt="Documents Image" style="max-width: 100%;">
</div>
</div>

</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
var slideshow = remark.create();
</script>
<footer>
© 2023 ESIIL
</footer>
</body>
</html>

0 comments on commit a29c272

Please sign in to comment.