From 9b7c3e06a8ff4af50a8a8969155fa54ea0a0c1a4 Mon Sep 17 00:00:00 2001
From: madjin <32600939+madjin@users.noreply.github.com>
Date: Tue, 15 Oct 2024 19:31:41 -0400
Subject: [PATCH] update index

---
 index.html  |  71 +++++++++++++----
 index2.html | 217 +++++++++++++++++++++++++++++++++-------------------
 2 files changed, 195 insertions(+), 93 deletions(-)
diff --git a/index.html b/index.html
index ab5b718..fe5b42f 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,25 @@
+
+
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>M3 Org</title>
+<title>M3 Metaverse Makers</title>
+<meta property="og:title" content="M3 Metaverse Makers">
+<meta property="og:type" content="website" />
+<meta property="og:description" content="Virtual hackerspace / homebrew metaverse club. We host weekly events, make f*cking epic drops, and work on virtual productions.">
+<meta property="og:image" content="https://m3org.com/meta_image.jpg">
+<meta property="og:url" content="https://m3org.com/">
+<meta property="twitter:domain" content="m3org.com">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:image" content="https://m3org.com/meta_image.jpg"/>
+<meta name="twitter:title" content="M3 Metaverse Makers"/>
+<meta name="twitter:description" content="Virtual hackerspace / homebrew metaverse club. We host weekly events, make f*cking epic drops, and work on virtual productions."/>
+<meta content="@m3org" name="twitter:site"/>
+<link rel="icon" type="image/x-icon" href="https://m3org.com/favicon.ico" />
+
 <style>
   body {
     background-color: black;
@@ -29,13 +45,20 @@
   }
   .links a {
     display: block;
-    width: 50%;
+    width: 33%;
     text-align: center;
     padding: 10px 0;
     color: lime;
   }
+  .links a.cyan {
+  color: cyan;
+  }
+  .links a.pink {
+  color: pink;
+  }
   footer {
     text-align: center;
+    color: pink;
     padding: 10px 0;
   }
   .hidden {
@@ -43,9 +66,9 @@
   }
   .iframe-placeholder {
     width: 100%;
-    height: 720px;
+    height: 640px;
     background-color: #00000f;
-    position: absolute;
+    position: relative;
     top: 100%;
   }
 </style>
@@ -74,16 +97,34 @@ <h1>M3 Org</h1>
 `-----------------------------'                         
 </pre>
 <div class="links">
-  <a href="https://github.com/m3-org">GitHub</a>
-  <a href="https://discord.gg/m3org">Discord</a>
-  <a href="https://hackmd.io/@xr/book">Research</a>
-  <a href="https://juicebox.money/@openvoxels">OpenVoxels</a>
-  <a href="https://hyperfy.io/onhyper">Onhyper</a>
-  <a href="https://tv.m3org.com/">M3TV</a>
+  <a href="https://github.com/m3-org" class="cyan">GitHub</a>
+  <a href="https://m3org.com/discord" class="cyan">Discord</a>
+  <a href="https://hackmd.io/@xr/book" class="cyan">Research</a>
+  <a href="https://twitter.com/m3org" class="cyan">Twitter</a>
+  <a href="https://github.com/m3-org/avatar-interop#Calendar" class="cyan">Calendar</a>
+  <a href="https://hackmd.io/@xr/vprod" class="cyan">Virtual Production</a>
+  <a href="https://juicebox.money/@openvoxels" class="cyan">OpenVoxels</a>
+  <a href="https://hyperfy.io/m3" class="cyan">M3 HQ</a>
+  <a href="https://tv.m3org.com/" class="cyan">M3TV</a>
+  <a href="https://gm3.github.io/boomboxheads-v2/">Boomboxheads V2</a>
+  <a href="https://m3org.com/mart/">M3 Merch</a>
+  <a href="https://hyperfy.io/">Hyperfy</a>
+  <a href="https://3ov.xyz/">Three Object Viewer</a>
+  <a href="https://emotionull.art/">Phettaverse</a>
+  <a href="https://github.com/jbaicoianu/janusweb">JanusWeb</a>
+  <a href="https://github.com/webaverse">Webaverse</a>
+  <a href="https://cryptoavatars.io/">Cryptoavatars</a>
+  <a href="https://m3org.com/mfshop">MetaFactory</a>
+  <a href="https://www.unavi.xyz/">UNAVI</a>
+  <a href="https://www.zesty.market/">Zesty Market</a>
+  <a href="https://anarchyarcade.com/">Anarchy Arcade</a>
 </div>
-<footer>
-  <a href="#">[Placeholder Banner 1]</a>
-  <a href="#">[Placeholder Banner 2]</a>
+<footer class="pink">
+  Neighborhood:
+  <a href="https://framevr.io/omi" class="ping">OMI group</a>
+  <a href="https://hyperfy.io/msf" class="pink">Metaverse Standards Forum</a>
+  <a href="https://twitter.com/neon_buidl" class="pink">Neon Buidl</a>
+  <a href="https://uncannyalley.io" class="pink">Uncanny Alley</a>
 </footer>
 <div class="iframe-placeholder">
 <pre class="ascii-art">
@@ -133,13 +174,13 @@ <h1>M3 Org</h1>
                       .!YY?^.                                           :7YY7:                      
                           ^?55J!:                                  :~J55J~.                         
                               .~7JJJ?!~:...               ..:~!?JJJ?~:                              
-             .^!?YY55555555555555555Y?!^:.            
+                                     .^!?YY55555555555555555Y?!^:.            
 </pre>
 </div>
 <script>
   const iframePlaceholder = document.querySelector('.iframe-placeholder');
   iframePlaceholder.addEventListener('click', () => {
-    iframePlaceholder.innerHTML = '<iframe src="https://m3org.com/" frameborder="0" width="100%" height="100%"></iframe>';
+    iframePlaceholder.innerHTML = '<iframe src="https://3d.m3org.com/" frameborder="0" width="100%" height="100%"></iframe>';
   });
 </script>
 </body>
diff --git a/index2.html b/index2.html
index 7dd011f..ab5b718 100644
--- a/index2.html
+++ b/index2.html
@@ -1,85 +1,146 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>M3 Org</title>
-  <style>
-    body {
-      background-color: black;
-      color: green;
-      font-family: "Courier New", monospace;
-    }
-    h1 {
-      text-align: center;
-      font-size: 3rem;
-    }
-    .ascii-art {
-      text-align: center;
-      white-space: pre;
-    }
-    .links {
-      display: flex;
-      justify-content: center;
-      gap: 2rem;
-      flex-wrap: wrap;
-    }
-    .links a {
-      color: lime;
-    }
-    .images {
-      display: flex;
-      gap: 1rem;
-      justify-content: space-between;
-      flex-wrap: wrap;
-    }
-    .images img {
-      width: 100%;
-      height: auto;
-    }
-    .iframe-container {
-      position: relative;
-      width: 100%;
-      padding-bottom: 56.25%;
-    }
-    .iframe-container iframe {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-    }
-    footer {
-      background-color: green;
-      height: 1rem;
-      margin-top: 1rem;
-    }
-  </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>M3 Org</title>
+<style>
+  body {
+    background-color: black;
+    color: green;
+    font-family: monospace;
+    margin: 0;
+  }
+  h1 {
+    text-align: center;
+    font-size: 4em;
+  }
+  h2 {
+    text-align: center;
+    font-size: 3em;
+  }
+  .ascii-art {
+    text-align: center;
+  }
+  .links {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+  }
+  .links a {
+    display: block;
+    width: 50%;
+    text-align: center;
+    padding: 10px 0;
+    color: lime;
+  }
+  footer {
+    text-align: center;
+    padding: 10px 0;
+  }
+  .hidden {
+    display: none;
+  }
+  .iframe-placeholder {
+    width: 100%;
+    height: 720px;
+    background-color: #00000f;
+    position: absolute;
+    top: 100%;
+  }
+</style>
 </head>
 <body>
-  <marquee>Welcome to M3 Org!</marquee>
-  <h1>M3 Org</h1>
-  <pre class="ascii-art">ASCII Art Placeholder</pre>
-  <nav class="links">
-    <a href="https://github.com/%22%3EGitHub</a>
-    <a href="https://discord.com/%22%3EDiscord</a>
-    <a href="#">Research</a>
-    <a href="#">OpenVoxels</a>
-    <a href="#">Members</a>
-  </nav>
-  <section class="images">
-    <div class="column">
-      <img src="https://via.placeholder.com/150" alt="Placeholder Image">
-      <img src="https://via.placeholder.com/150" alt="Placeholder Image">
-    </div>
-    <div class="column">
-      <img src="https://via.placeholder.com/150" alt="Placeholder Image">
-      <img src="https://via.placeholder.com/150" alt="Placeholder Image">
-    </div>
-  </section>
-  <div class="iframe-container">
-    <iframe src="https://www.example.com/" frameborder="0"></iframe>
-  </div>
-  <footer></footer>
+<marquee>/\/\ etaverse /\/\akers /\/\____ ..... Meetups?... Mastermind?.... Missionaries?.... Mixers?.... Media?.... Serving the open metaverse underground since 2019.... Upcoming drops: boomboxheads v2 .... 7OROY .... Call of the Mountain: Altered Evil .... Space Base by jin ..... Welcome, anon</marquee>
+<h1>M3 Org</h1>
+<pre class="ascii-art">
+             ,----------------,              ,---------,
+        ,-----------------------,          ,"        ,"|
+      ,"                      ,"|        ,"        ,"  |
+     +-----------------------+  |      ,"        ,"    |
+     |  .-----------------.  |  |     +---------+      |
+     |  |                 |  |  |     | -==----'|      |
+     |  |      M3 Org     |  |  |     |         |      |
+     |  |                 |  |  |/----|`---=    |      |
+     |  |      login      |  |  |   ,/|==== ooo |      ;
+     |  |                 |  |  |  // |(((( [33]|    ," 
+     |  `-----------------'  |," .;'| |((((     |  ,"   
+     +-----------------------+  ;;  | |         |,"     
+        /_)______________(_/  //'   | +---------+       
+   ___________________________/___  `,                  
+  /  oooooooooooooooo  .o.  oooo /,   \,"-----------    
+ / ==ooooooooooooooo==.o.  ooo= //   ,`\--{)B     ,"    
+/_==__==========__==_ooo__ooo=_/'   /___________,"      
+`-----------------------------'                         
+</pre>
+<div class="links">
+  <a href="https://github.com/m3-org">GitHub</a>
+  <a href="https://discord.gg/m3org">Discord</a>
+  <a href="https://hackmd.io/@xr/book">Research</a>
+  <a href="https://juicebox.money/@openvoxels">OpenVoxels</a>
+  <a href="https://hyperfy.io/onhyper">Onhyper</a>
+  <a href="https://tv.m3org.com/">M3TV</a>
+</div>
+<footer>
+  <a href="#">[Placeholder Banner 1]</a>
+  <a href="#">[Placeholder Banner 2]</a>
+</footer>
+<div class="iframe-placeholder">
+<pre class="ascii-art">
+                                   .^!7?YY?JJJY7!!!!!?YYJ?JYJ?!^:                                   
+                             .:!JY5Y?!^:.                  ..^~7YYYJ7^.                             
+                         .~?YJ7~:                                  .^!?Y?!.                         
+                      ^?5Y!:                                            .!J5J^                      
+                   :?5J^.                                                   ^?5Y^                   
+                .7PJ^                 .~7J5GGBBBBBBBBBBGGPY?~:                 :?P?.                
+              :YP7.              :7YGBGPJ7~:..        ..:~!?5GBG5?^               ~P5^              
+            .5P^             :JGBP?^.                          .^7PBGY^             :55^            
+          .YG~            :Y#BJ^           :JGBB^  :BBB5^           :?G#5^            :PP:          
+         7B7           .J#B?.     ..     ^B#J::@J  !@~.7B#!     ..     .!G#5.           ~GY         
+       .PP.          .5&P:     :JG&&~  .B&7   .@J  !@:   ~&#^  :&@B5~     .Y&G:           YG:       
+      ^#7          .5&5.    .J#BJ#@~  ~@B.    .@J  !@:     Y@?  :#&YG#5:     ?&B:          ~B7      
+     !#~          7&G.    ^G&Y. Y@^  ?@7      :@J  !@^      :&P  .&B .?#B~     Y@Y          .BY     
+    7#^         .G&~    :B&?   J@^  ~@#Y5PGGGGGB^  :BGGGGGPPYB@J  .&B   !##~    .#&:         .G5    
+   !#:         ^@B.    Y&Y  ^7P@7   .~^:...              ...:^~.   :&B?~. 7&G.    Y@7          GY   
+  ^#~         ^@P    .#@P5BBP?~.    ..^!7?JY5PPGGP5PPPPPPY?7!^:.     ^?5BB5Y&&^    ?@?         .#7  
+ .BY         ^@5    .B&GJ^        ?&GG5??7~^:...........^~!7?YGG&5        :?P&&:    7@?         !#: 
+ JB.         @#      .   .!5B&7  :@G                            7@!  ^#BP7:   .      Y@:         PP 
+.#7         P@.       :5#BY~Y@7  5@:                             &#  :@G^JG#P~        #&         :&~
+?#.        ^@?      ?#B?.   G@.  &#                              Y@.  #&    !G&Y.     ^@?         GP
+GG         P@.    !&B^      ##  .@5   7BBB^    7BBB:7####BBB~    ^@~  Y@:     .P&J     #&         JB
+B7        .@#    ~@?        &B  :@?   5@@@#~  !&@@@~^YYYJ#@@@?    @7  !@:       :@5    Y@:        ^#
+#!        :@5    J@J~!!!!!~J@Y  ?@^   5@@@@&^~@@@@@~.~^^^G@@#~    &?  ^@Y~!!!!!!!@B    !@7        .B
+B!        :@Y    .!?7777777?~   ?@.   5@@@@@@@@@@@@~J@@@@@@@&~    &J   ^77777777?7.    ~@7        .B
+#~        :@5      ..........   ~@^   5@@@77@@^P@@@~     5@@@J    @7    ..........     !@!        .B
+B7        .@#    :@&5Y555555&5  ^@~   5@@@7 .. P@@@~J@&&&@@@#~    @!  ~@G55555YY#@7    5@:        ^#
+PG         P@.    ~##^      #&  .@P   .~~~.    :~~~ :!!!!~~~     ~@~  P@.     .P&7     #&         JB
+?#.        ~@J      7B#J:   G@.  &&                              Y@.  &&   .7B#J.     ~@7         BP
+.#?         Y@:       .JB#P~J@?  Y@:                             &#  :@G^YB#5:       .&#         ^&~
+ ?#.         &#      ..   ^YG#7  :@G                            ?@~  ^#B5!.  ..      P@.         G5 
+  G5         :@P    .B@#5!.       7&BBPYJ7!^::::::::::::^~7JYPGB#Y       .~YB&#:    ?@!         ?#. 
+  :#~         :@B    .B@5YGBPY~.     .:^!?JJY555YY5PP55YJJ?!^:.     .~JPBB5Y&&:    J@?         .&!  
+   ~B^         :&#.    ?&P. .~Y@J   :7!~^..              ..:^~!:   ^@G!.  J&5     P@!         .BJ   
+    !#^          P@!    .P&Y   7@~  ~@&YPGGGBBB#^  :##BBBBGPYB@?  .&G   7&B^    :&#.         .BY    
+     ~B!          !&B:    .P&P^ J@~  !@?      .@J  !@^      ^&Y  .&G .Y#B^    .P&?          :BJ     
+      :BJ           Y&G:    .?B#Y#@!  ^&#.    .@J  !@:     P@7  ^&&JB#Y.    .Y&G.          !#!      
+       .5P.           Y&G~     .7G&&~  .P&J   .@J  !@:   !&#:  :&&G?:     :P#5.          .YG:       
+         ~G?            7##Y:      .     :G&P^^@J  !@~:Y#B~     ..     .J##J            !B?         
+           JG~            .?B#Y^.          .75PG:  .PPPJ.           :JBBY^            ^P5.          
+            .YP!             .!5BB5!:                          :~YBBG7.             ^PP:            
+              .?P7.              .!YGBBPY?~::..      ...:^7YPBBB57:               !PY:              
+                 !55!.                 .^77JPPPPPPPPPPPPY77~..                 ^JP7.                
+                   .?PY~                                                    ^J5J^                   
+                      .!YY?^.                                           :7YY7:                      
+                          ^?55J!:                                  :~J55J~.                         
+                              .~7JJJ?!~:...               ..:~!?JJJ?~:                              
+             .^!?YY55555555555555555Y?!^:.            
+</pre>
+</div>
+<script>
+  const iframePlaceholder = document.querySelector('.iframe-placeholder');
+  iframePlaceholder.addEventListener('click', () => {
+    iframePlaceholder.innerHTML = '<iframe src="https://m3org.com/" frameborder="0" width="100%" height="100%"></iframe>';
+  });
+</script>
 </body>
 </html>
