Skip to content

Instantly share code, notes, and snippets.

@opencoca

opencoca/index.html

Last active June 2, 2024 10:49
Show Gist options
  • Save opencoca/5b6d58c14cee52ed450f6afc3379d5fb to your computer and use it in GitHub Desktop.
Save opencoca/5b6d58c14cee52ed450f6afc3379d5fb to your computer and use it in GitHub Desktop.
Download ZIP
Slides 26-5-11:52
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Reveal.js Presentation</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<!-- Reveal.js CSS -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reset.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/theme/black.min.css"
/>
<!-- Highlight.js CSS for code syntax highlighting -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/default.min.css"
/>
<style>
.reveal .slide-background-content{
background:cornsilk;
color:black !important;
}
.reveal p {
font-size: 1.8rem;
color:black !important;
}
.reveal h1, .reveal h2 {
font-size: 2.4rem;
color:black !important;
& a {color: black !important}
}
img{
max-height:340px !important;
margin:0 !important;
border-radius:0.6rem;
box-shadow:-1px -1px 0 rgba(255, 255, 255, 0.5),
1px 1px 0 rgba(0, 0, 0, 0.25), 3px 3px 3px rgba(0, 0, 0, 0.25),
10px 10px 20px rgba(0, 0, 0, 0.5), 20px 40px 40px rgba(0, 0, 0, 0.5)
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-markdown>
<textarea data-template>
![Introduction Image](https://assets.codepen.io/170881/postit_003.jpg?format=auto)
## **[Canadians.love/ai/](https://canadians.love/ai/)**
Use AI with __ZERO__ digital footprint.
no intformation goes out
a walled garden
only tracked internaly by administration
and teachers
---
# 2: Our Solution
![Solution Image](https://assets.codepen.io/170881/postit_006.jpg?format=auto)
**Personalized AI for Education**
**Private** and *Secure*
Partner with us Early.
& help shape personalized AI tools that enhance learning.
------
# 3: Privacy
![Privacy Image](https://assets.codepen.io/170881/privacy_015.jpg?width=2880&height=1920&format=webp)
**The Privacy Threat**
Proprietary AI models invade privacy by collecting extensive data on individual consumers, creating detailed profiles. This is highly dangerous, especially for students, as it can lead to exploitation and misuse of personal information.
---
# AI
![Battle Image](https://assets.codepen.io/170881/cyberpunk_015.jpg?width=1856&height=954&format=webp&quality=70)
**AI: A Critical Juncture**
There's a powerful push to treat AI as an existential threat, leading to a conflict between keeping AI closed and tightly controlled versus open and accessible.
---
# 3: Lobbying and Legislation
![Lobbying Image](https://assets.codepen.io/170881/court_014.jpg?width=1784&height=1184&format=webp&quality=74)
**The Big Tech Influence**
In 2023, AI lobbying efforts exploded, with over $1 billion spent to influence US federal AI regulation
---
# 4: Impact on Open Source
**Threat to Open Source AI**
Strict regulations could stifle open-source AI development, leaving only big, closed proprietary models, limiting innovation and accessibility.
------
# Opposition to Regulation
**Experts Speak Out**
Experts such as [Andrew Ng](https://www.andrewng.org/) argue that the existential threat narrative is used by big tech to eliminate open-source efforts, which are crucial for equitable AI development.
---
# Open Source Advantage
**The Power of Open Source**
Open-source AI projects are advancing rapidly, providing comparable quality at lower costs and enabling broader access. They are essential for democratizing AI.
------
# 9: Your Role
**Support Open Source AI**
Support open-source projects and engage in political advocacy to ensure AI development remains transparent, equitable, and accessible to all.
---
# 10: Canadians Love AI's Commitment
**Privacy and Education**
We are committed to promoting secure, on-premises generative AI solutions for education, ensuring privacy and compliance, while fostering innovation and accessibility.
---
# 11: Conclusion
**Ensuring Equitable and Private AI Development**
Stay informed and active, support open-source and privacy-focused initiatives. Together, we can ensure AI remains a tool for everyone, especially in education.
---
# Comparison Table: Proprietary AI vs. Open-Source AI
| Feature | Proprietary AI Models | Open-Source AI Models |
| ---------------- | ---------------------------------------- | ---------------------------------------------- |
| **Privacy** | Often collect extensive personal data | Minimal data collection, more user control |
| **Transparency** | Opaque, limited access to model workings | Fully transparent, anyone can inspect the code |
---
# Comparison Table: Proprietary AI vs. Open-Source AI
| Feature | Proprietary AI Models | Open-Source AI Models |
| ---------------- | ---------------------------------------- | ---------------------------------------------- |
| **Control** | Controlled by a few large corporations | Controlled by the community and individual users |
| **Accessibility** | High cost, restricted access | Free or low cost, widely accessible |
---
# Comparison Table: Proprietary AI vs. Open-Source AI
| Feature | Proprietary AI Models | Open-Source AI Models |
| ---------------- | ---------------------------------------- | ---------------------------------------------- |
| **Innovation** | Slower innovation due to closed development | Faster innovation due to community contributions |
| **Security** | Potentially vulnerable due to proprietary flaws | Open for community scrutiny, quicker fixes |
---
# Comparison Table: Proprietary AI vs. Open-Source AI
| Feature | Proprietary AI Models | Open-Source AI Models |
| ---------------- | ---------------------------------------- | ---------------------------------------------- |
| **Educational Use** | Limited access, privacy concerns | Open access, privacy-focused, ideal for education |
| **Compliance** | Difficult to verify compliance | Easier to verify compliance with regulations |
---
# Comparison Table: Proprietary AI vs. Open-Source AI
| Feature | Proprietary AI Models | Open-Source AI Models |
| ---------------- | ---------------------------------------- | ---------------------------------------------- |
| **Ethical Concerns** | Often driven by corporate interests | Driven by community and ethical considerations |
</textarea>
</section>
</div>
</div>
<!-- Reveal.js and plugins -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/markdown/markdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/highlight/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/notes/notes.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var section = document.querySelector('section[data-markdown]');
if (section) {
var textarea = section.querySelector('textarea');
if (textarea) {
var content = textarea.value;
// Split content into vertical stacks and horizontal slides using '------'
var segments = content.split(/^\s*------\s*$/m);
var newHtml = '';
segments.forEach(function(segment, index) {
// Split each segment into individual slides using '---'
var slides = segment.split(/^\s*---\s*$/m);
// Check if the current segment is a vertical stack
if (index > 0) {
newHtml += '</section></section><section><section data-markdown>';
}
slides.forEach(function(slideContent, slideIndex) {
if (slideIndex === 0 && index > 0) {
// Start a new vertical stack
newHtml += '<textarea data-template>' + slideContent.trim() + '</textarea></section>';
} else if (index > 0) {
// Add to existing vertical stack
newHtml += '<section data-markdown><textarea data-template>' + slideContent.trim() + '</textarea></section>';
} else {
// Add horizontal slide
newHtml += '<section data-markdown><textarea data-template>' + slideContent.trim() + '</textarea></section>';
}
});
});
// Close any unclosed vertical stacks
if (segments.length > 1) {
newHtml += '</section></section>';
}
section.parentNode.innerHTML = newHtml;
}
}
// Now initialize Reveal.js
Reveal.initialize({
controls: true,
plugins: [RevealMarkdown]
});
});
</script>
</body>
</html>
Raw
scripts.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown.js/0.5.0/markdown.min.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment