initial commit

Dunchead · Mar 24, 2024 · 6799109 · 6799109
commit 6799109
Show file tree

Hide file tree

Showing 15 changed files with 1,413 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.htaccess b/.htaccess
@@ -0,0 +1,8 @@
+RewriteEngine on
+
+
+RewriteCond %{THE_REQUEST} /([^.]+)\.html [NC]
+RewriteRule ^ /%1 [NC,L,R]
+
+RewriteCond %{REQUEST_FILENAME}.html -f
+RewriteRule ^ %{REQUEST_URI}.html [NC,L]
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "tabWidth": 4,
+  "useTabs": false
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,41 @@
+# AI Safety Project
+
+The AI Safety Project aims to map landscape of AI risk and understand the challenges we must overcome as a global community.
+
+The field of AI development is moving at such a pace that there's a real chance we may fall victim to risks before we fully understand them, or are even aware of them. This is probably already happening.
+
+Community-driven initiatives are essential to keep up with this rapidly evolving landscape. The goals of this project are:
+
+-   Create a simple framework for understanding the landscape of AI risk and the main challenges we need to overcome
+-   Share key resources and potential solutions
+-   Provide a space for community collaboration that is not driven by economic incentives
+
+## Contributions welcome
+
+Contributions are welcome for any of the following:
+
+-   Additional risks/challenges
+-   Suggested solutions
+-   Key links/resources
+
+Feel free to submit your own ideas.
+
+Bugfixes/improvements for the website itself are also welcome.
+
+Contributions can be made as pull requests (most content is in `script.js`) or posts in the discusssion forum.
+
+> ### Contributor guidelines
+>
+> This is a rough map, not an encyclopedia.
+>
+> The goal is to create a clear, high-level outline of the major issues with links to key resources for further reading; we're **not** trying to compile a detailed or comprehensive list. Too much information is part of the problem we're trying to solve.
+>
+> **Yes please:**<br>
+> ✅ Key, concise points not already covered<br>
+> ✅ Resources that are especially clear, original or significant<br>
+> ✅ Restructuring that improves the content while maintaining the clarity of design<br>
+>
+> **No thanks:**<br>
+> ❌ Verbose or repetitive text<br>
+> ❌ Links that do not offer much additional value<br>
+> ❌ Non-essential restructuring of the design/content<br>
diff --git a/challenges.html b/challenges.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <title>AI Safety Project</title>
+        <meta
+            name="description"
+            content="An open-source project to map AI risks and potential solutions"
+        />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="stylesheet" href="style.css" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"
+            rel="stylesheet"
+        />
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="browsehappy">
+                You are using an <strong>outdated</strong> browser. Please
+                <a href="#">upgrade your browser</a> to improve your experience.
+            </p>
+        <![endif]-->
+        <div id="wrapper">
+            <header>
+                <h1 id="home-btn" class="btn">
+                    <a href="/">AI Safety Project</a>
+                </h1>
+                <nav>
+                    <ul>
+                        <li><a href="risks.html">Risks</a></li>
+                        <li><a href="challenges.html">Challenges</a></li>
+                    </ul>
+                </nav>
+                <img src="img/mobile-nav-btn.svg" id="mobile-nav-btn" />
+                <img src="img/close.svg" id="close-nav-btn" />
+            </header>
+            <main>
+                <div id="challenges">
+                    <h1>Challenges</h1>
+                    <div class="flex-container">
+                        <div class="col half" id="general">
+                            <h2>General</h2>
+                        </div>
+                        <div class="col half" id="technical">
+                            <h2>Technical</h2>
+                        </div>
+                    </div>
+                </div>
+            </main>
+
+            <footer>
+                <div class="text">
+                    <p>
+                        <b>AI Safety Project</b> is an open source project built
+                        with ♡ for technology - but above all humanity.
+                    </p>
+                    <p>
+                        Want to contribute? Join us on
+                        <a href="https://github.com/">Github</a>
+                    </p>
+                </div>
+            </footer>
+        </div>
+        <div id="overlays"></div>
+
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+        <script src="script.js" async defer></script>
+    </body>
+</html>
diff --git a/img/close.svg b/img/close.svg
diff --git a/img/left-chevron.svg b/img/left-chevron.svg
diff --git a/img/mobile-nav-btn.svg b/img/mobile-nav-btn.svg
diff --git a/img/right-chevron.svg b/img/right-chevron.svg
diff --git a/img/tetris.svg b/img/tetris.svg
diff --git a/img/warning-triangle.svg b/img/warning-triangle.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>AI Safety Project</title>
+        <meta name="description" content="An open-source project to map AI risks and potential solutions">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="style.css">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+        <div id="wrapper">
+            <header>
+                <h1 id="home-btn" class="btn"><a href="/">AI Safety Project</a></h1>
+                <nav>
+                    <ul>
+                        <li><a href="risks.html">Risks</a></li>
+                        <li><a href="challenges.html">Challenges</a></li>
+                    </ul>
+                </nav>
+                <img src="img/mobile-nav-btn.svg" id="mobile-nav-btn" />
+                <img src="img/close.svg" id="close-nav-btn" />
+            </header>
+            <main>
+            <div id="home">
+                <div class="text">
+                    <p>The <a href="/">AI Safety Project</a> is an open source initiative to map landscape of AI risk and understand the challenges we must overcome as a global community.</p>
+                    <p>The field of AI development is moving at such a pace that there's a real chance we may fall victim to risks before we fully understand them, or are even aware of them.  Maybe this is already happening.</p>
+                    <p>Community-driven initiatives are essential to keep up with this rapidly evolving landscape.  The goals of this project are:
+                        <ul>
+                            <li>Create a simple framework for understanding the landscape of AI risk and the main challenges we need to overcome</li>
+                            <li>Share key resources and potential solutions</li>
+                            <li>Provide a space for community collaboration that is not driven by economic incentives</li>
+                        </ul>
+                    </p>
+                    <h3 style="font-weight:bold;">Click on one of these big buttons to learn more:</h3>
+                </div>
+                <div class="flex-container">
+                    <div class="half">
+                        <div class="box large" id="risks-btn">
+                            <h2>Risks</h2>
+                        </div>
+                    </div>
+                    <div class="half">
+                        <div class="box large" id="challenges-btn">
+                            <h2>Challenges</h2>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+
+        <footer>
+            <div class="text">
+                <p><b>AI Safety Project</b> is an open source project built with ♡ for technology - but above all humanity.</p>
+                <p>Want to contribute?  Join us on <a href="https://github.com/">Github</a></p>            
+            </div>
+        </footer>
+    </div>
+
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+        <script src="script.js" async defer></script>
+
+    </body>
+</html>