diff --git a/js/example.js b/js/example.js deleted file mode 100644 index 7cb5b7d1..00000000 --- a/js/example.js +++ /dev/null @@ -1,4 +0,0 @@ -window.onload = function() { - console.log('hello from example') -} - diff --git a/js/index.js b/js/index.js index 4f8a3ad3..72dbda3d 100644 --- a/js/index.js +++ b/js/index.js @@ -1,5 +1,21 @@ import classes from '../styles/atat.scss' +import Vue from 'vue/dist/vue' -import './example' - -console.log('hello from index') +const app = new Vue({ + el: '#app-root', + methods: { + closeModal: function(name) { + this.modals[name] = false + }, + openModal: function (name) { + this.modals[name] = true + } + }, + data: function() { + return { + modals: { + styleguideModal: false, + } + } + } +}) diff --git a/styles/components/_global_layout.scss b/styles/components/_global_layout.scss index d79890c5..47995964 100644 --- a/styles/components/_global_layout.scss +++ b/styles/components/_global_layout.scss @@ -1,4 +1,4 @@ -body { +#app-root { background-color: $color-gray-lightest; display: flex; flex-direction: column; diff --git a/styles/core/_util.scss b/styles/core/_util.scss index 48957b6c..c041db1e 100644 --- a/styles/core/_util.scss +++ b/styles/core/_util.scss @@ -31,3 +31,7 @@ @mixin line-max { max-width: 45em; } + +[v-cloak] { + display: none +} diff --git a/templates/base.html b/templates/base.html index 93dbe8e7..185cd205 100644 --- a/templates/base.html +++ b/templates/base.html @@ -15,25 +15,28 @@
- {% block template_vars %}{% endblock %} +We count thirty Rebel ships, Lord Vader. But they're so small they're evading our turbo-lasers! We'll have to destroy them ship to ship. Get the crews to their fighters. Luke, let me know when you're going in. I'm on my way in now... Watch yourself! There's a lot of fire coming from the right side of that deflection tower. I'm on it. Squad leaders, we've picked up a new group of signals. Enemy fighters coming your way.
-I hope the old man got that tractor beam out if commission, or this is going to be a real short trip. Okay, hit it! We're coming up on the sentry ships. Hold 'em off! Angle the deflector shields while I charge up the main guns! I can't believe he's gone. There wasn't anything you could have done. Come on, buddy, we're not out of this yet! You in, kid? Okay, stay sharp!
- - - {% endcall %} - {% endif %} -{% endblock %} - {% block content %} + {% call Modal(name='styleguideModal', dismissable=True) %} +We count thirty Rebel ships, Lord Vader. But they're so small they're evading our turbo-lasers! We'll have to destroy them ship to ship. Get the crews to their fighters. Luke, let me know when you're going in. I'm on my way in now... Watch yourself! There's a lot of fire coming from the right side of that deflection tower. I'm on it. Squad leaders, we've picked up a new group of signals. Enemy fighters coming your way.
+I hope the old man got that tractor beam out if commission, or this is going to be a real short trip. Okay, hit it! We're coming up on the sentry ships. Hold 'em off! Angle the deflector shields while I charge up the main guns! I can't believe he's gone. There wasn't anything you could have done. Come on, buddy, we're not out of this yet! You in, kid? Okay, stay sharp!
+ + + {% endcall %} + + {{ Alert('A Warning Alert', message="\This is a message. It is a very important message. Please note, proper semantic markup is required here, such as paragraph tags. Don't omit paragraph tags!
\Also note the same for actions below. You'll need to include the full link markup.
\ ", - actions="Open a Modal Dialog", + actions='Open a Modal Dialog', level='warning' ) }} @@ -68,7 +65,6 @@