modified: src/conference.pug

modified: src/index.pug
opencoca · Nov 12, 2021 · df97a46 · df97a46
1 parent 5e07156
commit df97a46
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 32 deletions.
diff --git a/src/conference.pug b/src/conference.pug
@@ -55,11 +55,11 @@ nav.navbar.columns
             .tab-content
               .row
                 .column.is-3
-                  img.circular--square(src='https://source.unsplash.com/200x200/?bitcoin' alt="bitcoin")
+                  img.circular--square(src='https://source.unsplash.com/300x300/?agenda' alt="agenda")
                 .column
-                  h4 Bitcoin News
+                  h4 Welcolme
                   p
-                    | Bitcoin-U.S dollar are higher in early trading Tuesday, after hitting a 
+                    | This year more than ever Bitcoin-U.S dollar are higher, after hitting a 
                     | six week low overnight and then rebounding today to show resilience 
                     | against bears' attempts at pushing prices lower with their selling pressure 
                     | from earlier this month as shown by an exhaustion tail on the daily chart 
@@ -106,16 +106,7 @@ nav.navbar.columns
                 .column.is-3
                   img.circular--square(src='https://source.unsplash.com/200x200/?python,code' alt="code")
                 .column
-                  h4 Django Crypto
-                  p
-                    | Ready to take your crypto investing game up a notch? Introducing the 
-                    | Django-cryptocurrencies web wallet for Bitcoin and a few other cryptocurrencies. 
-                    | This sleek, intuitive site will have you invested in no time!
-                  p
-                    | Have a 9-to-5 but still want access to your cryptocurrency? No problem! The 
-                    | interface of our site has been optimized for mobile devices so checking balances, 
-                    | sending coins, or withdrawing them from your account can be done anytime anywhere
-                    | -- and quickly too!
+                  h4 Downloads
           p
             | These tabs are quite easy to use as they dont need absolute positioning and min-heights. They can also be used multiple times in one document without any influence on CSS!
           .tabbed
@@ -598,4 +589,4 @@ section
 
 .row
   .column.notification.is-success
-    p.notification.is-info footer
+    p.notification.is-info footer
diff --git a/src/index.pug b/src/index.pug
@@ -1,41 +1,46 @@
 section
   .container
-    nav.navbar.columns
-      button.column.has-text-centered
-        a.link.is-info(href="#modals") Modal
-      button.column.has-text-centered
-        a.link.is-info(href="#tabs") Tabs
-      button.column.has-text-centered
-        img.shadowed(
-          src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/170881/Logo.png",
-          style="max-height: 90px; margin: 0; border-radius: 6px"
-        )
-      button.column.has-text-centered
-        a.link.is-info(href="#grid") Grid
-      button.column.has-text-centered
-        a.link.is-info(href="#sizes") Sizes
+    nav.navbar
+      h1.hidden Navbar
+      .columns
+        button.column.has-text-centered
+          a.link.is-info(href="#modals") Modal
+        button.column.has-text-centered
+          a.link.is-info(href="#tabs") Tabs
+        button.column.has-text-centered
+          img.shadowed(
+            src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/170881/Logo.png",
+            style="max-height: 90px; margin: 0; border-radius: 6px"
+          )
+        button.column.has-text-centered
+          a.link.is-info(href="#grid") Grid
+        button.column.has-text-centered
+          a.link.is-info(href="#sizes") Sizes
 
 section
   .container
-    .columns
+    .row
+      .column
+        h1#into Less Flexbox
+    .row
       .column
-        h3#modals.title Modals Example
+        h2#modals.title Modals Example
         p Less Flexbox handles models without needing to use any javascript. This simplifies the process of using our syle framework with any any JavaScript framework you want.    
     .modal-container
       label.has-text-centered(for='button_1') Click me
       input.modal-toggle#button_1(type="checkbox", notchecked)
       .modal-backdrop
         .modal-content
           label.modal-close(for="button_1") x
-          h2 Modal title
+          h3 Modal title
           hr
           p Simple Responsive CSS-Only Modal Demo
           a.donation(href="#/donate/") Donate Now
           label.modal-close.button(for="button_1") OK            
   .container 
     .columns
       .column
-        h3#tabs.title Tabs Example
+        h2#tabs.title Tabs Example
         p
         | A CSS-only tab system that has some advantages. The css is id agnostic, so the HTML can be generated server-side scripts like WordPress shortcodes for example !!!
         p