Startseite verlegt

teach-a-bot-hack-basel · Oct 23, 2022 · 168d8f8 · 168d8f8
1 parent fea1bcf
commit 168d8f8
Show file tree

Hide file tree

Showing 5 changed files with 193 additions and 22 deletions.
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
@@ -11,7 +11,7 @@
 /* global */
 /******************************************************************************/
 body {
-  @apply bg-violet-400 font-sans
+  @apply bg-blue-200 font-sans
 }
 
 

diff --git a/components/sandbox/MaximeComp.vue b/components/sandbox/MaximeComp.vue
@@ -4,30 +4,34 @@
 
 <template>
 
+    <div>
+
      <!--
 <div class="grid grid-cols-3 gap-4">
     <h1 class="text-black font-extrabold text-5xl col-start-2"> teach-a-bot </h1>
 </div> -->
 
-<h1 class="titeltext text-black font-extrabold text-6xl text-center pt-20 font-mono"> teach-a-bot </h1>
-
-<div class="sprechblase-hallo-robo relative"> 
-<img class="h-[100px]  ml-auto mr-48 mt-16" src="/images/blase01_robotsayshello.svg" alt="sprechblase-hallo-robo">    
-<div class="sprechblase-text text-5xl absolute top-0 right-0 pr-72 pt-6 font-sans"> hello </div>
-</div>
-<div class="Roboter-kopf w-60 h-48 bg-white ml-auto mr-auto mb-8 mt-8">
-<img class="" src=" " alt="">
-</div>
-
-<div class="sprechblase-code-hallo relative flex justify-center items-center"> 
-    <div class="sprechblase-text text-5xl absolute font-sans pb-10 flex"> 
-        <span> robo.log(' </span>  
-        <input type="text">
-        <span> ')</span> </div>
-    <img class="h-[200px]" src="/images/blase01_isayhello.svg" alt="sprechblase-code-hallo">  
-</div>
-<div class="anweisung-begrüssung text-2xl text-right font-mono mr-8"> type "hello" to start >> </div>  
-
+        <h1 class="titeltext text-black font-extrabold text-6xl text-center pt-20 font-mono"> teach-a-bot </h1>
+
+        <div class="sprechblase-hallo-robo relative"> 
+            <img class="h-[100px]  ml-auto mr-48 mt-16" src="/images/blase01_robotsayshello.svg" alt="sprechblase-hallo-robo">    
+            <div class="sprechblase-text text-5xl absolute top-0 right-0 pr-72 pt-6 font-sans"> hello </div>
+        </div>
+        <div class="Roboter-kopf w-60 h-48 ml-auto mr-auto mb-16 mt-8">
+            <img class="h-48" src="/images/robo_kopf.svg" alt="Robo-Kopf">
+        </div>
+
+        <div class="sprechblase-code-hallo relative flex justify-center items-center"> 
+            <div class="sprechblase-text text-5xl absolute font-sans pb-10 flex"> 
+                <span> robo.log(' </span>  
+                <input class="w-24 text-gray-300" type="text">
+                <span> ')</span> 
+            </div>
+            <img class="h-[200px]" src="/images/blase01_isayhello.svg" alt="sprechblase-code-hallo">  
+        </div>
+        <div class="anweisung-begrüssung text-2xl text-right font-mono mr-8"> type "hello" to start >> </div>  
+
+    </div>
 
 </template>
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -11,7 +11,32 @@
 </script>
 
 <template>
-  <main>
+      <div class="p-4">
+   <h1 class="titeltext text-black font-extrabold text-6xl text-center pt-20 font-mono"> teach-a-bot </h1>
+
+   <div class="sprechblase-hallo-robo relative"> 
+       <img class="h-[100px]  ml-auto mr-48 mt-16" src="/images/blase01_robotsayshello.svg" alt="sprechblase-hallo-robo">    
+       <div class="sprechblase-text text-5xl absolute top-0 right-0 pr-72 pt-6 font-sans"> hello </div>
+   </div>
+   <div class="Roboter-kopf w-60 h-48 ml-auto mr-auto mb-16 mt-8">
+       <img class="h-48" src="/images/robo_kopf.svg" alt="Robo-Kopf">
+   </div>
+
+   <div class="sprechblase-code-hallo relative flex justify-center items-center"> 
+       <div class="sprechblase-text text-5xl absolute font-sans pb-10 flex"> 
+           <span> robo.log(' </span>  
+           <input class="w-24 text-gray-300" type="text">
+           <span> ')</span> 
+       </div>
+       <img class="h-[200px]" src="/images/blase01_isayhello.svg" alt="sprechblase-code-hallo">  
+   </div>
+   <div class="anweisung-begrüssung text-2xl text-right font-mono mr-8"> type "hello" to start >> </div>  
+
+</div>
+
+
+
+  <!-- <main>
     <pre>{{ JSON.stringify(robo, null, 2) }}</pre>
     <pre>obstacles: {{ [...level.obstacles].join(",") }}</pre>
     <div class="w-96 h-32 bg-black relative">
@@ -20,5 +45,5 @@
         :style="{left: (robo._x * 32)+'px', bottom: (robo._y * 32)+'px'}"
       ></div>
     </div>
-  </main>
+  </main> -->
 </template>
diff --git a/public/images/robo_ganz_schwebend.svg b/public/images/robo_ganz_schwebend.svg