MES: added tailwind support

a67ddd60 · kchung · e2619ef1 · a67ddd60 · a67ddd60 · a67ddd60
Commit a67ddd60 authored Jul 13, 2021 by kchung 🔥
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://d3js.org/d3.v6.min.js"></script>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+		<link href="/tailwind.css" rel="stylesheet">
    <title>IFD Presentation</title>
  </head>
  <body>
@@ -58,12 +59,39 @@
            <h1>Terminal integration: Demo</h1>
            <div class="description">
              <hr/>
+
+							<!-- Remove comment to run terminal
              <div id="terminal-container"></div>
+							-->

            </div>
          </div>
        </section>
        <!-- end slide -->
+
+				<!-- begin slide -->
+				<section id="blank" data-transition="none">
+					<div class="wrapper-footer">
+						<h1>Tailwind test</h1>
+						<div class="description">
+							<hr/>
+							<div class="flex">
+								<div class="w-1/2 bg-gray-200">
+									Column 1
+								</div>
+								<div class="w-1/2 font-serif font-bold text-red-500">
+									Column 2
+								</div>
+							</div>
+						</div>
+						<div class="footer">
+							<div class="logo-eth"></div>
+							<div class="b-title">footer &nbsp; <span id="dat"></span></div>
+							<div class="logo-ifd"></div>
+						</div>
+					</div>
+				</section>
+				<!-- end slide -->
        <!-- begin slide -->
        <section class="end">
          <div class="text">
@@ -75,6 +103,10 @@
      </div>
    </div>
    <script type="module" src="/main.js"></script>
+
+		<!-- Remove to run terminal
    <script type="module" src="./ifd-theme/terminal/client/index.js"></script>
+		-->
+
  </body>
 </html>
--- a/main.js
+++ b/main.js
 import 'reveal.js/dist/reveal.css'
+import 'tailwindcss/tailwind.css'
+
 import Reveal from 'reveal.js'

 import './ifd-theme/theme.css'

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
    "vite": "^2.1.5"
  },
  "dependencies": {
-    "node-os-utils": "^1.3.5"
+    "node-os-utils": "^1.3.5",
+    "tailwindcss": "^2.2.4"
  }
 }
--- a/tailwind.config.js
+++ b/tailwind.config.js
+module.exports = {
+  purge: [],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}
--- a/tailwind.css
+++ b/tailwind.css