diff --git a/_config.yml b/_config.yml index 4b03212..dc52ed8 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,5 @@ -title: Tailwind Jekyll Starter Kit -description: A starter kit for using Tailwind with Jekyll +title: Vac +description: VAC researches peer-to-peer, private, censorship resistant communication. exclude: - Gemfile diff --git a/_includes/footer.html b/_includes/footer.html index 691287b..e69de29 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html index 6edbccd..ac1a910 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,22 +1,210 @@ - - +
+
+
+ - - {% if page.title %} - {{ site.title }} - {{ page.title }} - {% else %} - {{ site.title }} - {% endif %} +
+ + +
- - - Vac - + - + - - - - - \ No newline at end of file + +
+
+
diff --git a/_includes/social.html b/_includes/social.html new file mode 100644 index 0000000..4794067 --- /dev/null +++ b/_includes/social.html @@ -0,0 +1,51 @@ +
  • + + + + +
    • +
  • + + + + +
    • +
  • + + + + +
    • diff --git a/_layouts/default.html b/_layouts/default.html index a6a3049..4ad3287 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,10 +1,41 @@ --- --- -{% include header.html %} + + + + {% if page.title %} + {{ site.title }} - {{ page.title }} + {% else %} + {{ site.title }} + {% endif %} -
    - {{ content }} -
    + + + Vac + -{% include footer.html %} + + + + + + + +
    + {% include header.html %} + +
    {{ content }}
    +
    + {% include footer.html %} + + + + diff --git a/assets/img/1.gif b/assets/img/1.gif new file mode 100644 index 0000000..13a1c53 Binary files /dev/null and b/assets/img/1.gif differ diff --git a/assets/img/2.gif b/assets/img/2.gif new file mode 100644 index 0000000..895e438 Binary files /dev/null and b/assets/img/2.gif differ diff --git a/assets/img/3.gif b/assets/img/3.gif new file mode 100644 index 0000000..a31e890 Binary files /dev/null and b/assets/img/3.gif differ diff --git a/assets/img/4.gif b/assets/img/4.gif new file mode 100644 index 0000000..2320601 Binary files /dev/null and b/assets/img/4.gif differ diff --git a/assets/img/5.gif b/assets/img/5.gif new file mode 100644 index 0000000..6c832b5 Binary files /dev/null and b/assets/img/5.gif differ diff --git a/assets/img/burger.svg b/assets/img/burger.svg new file mode 100644 index 0000000..eefa478 --- /dev/null +++ b/assets/img/burger.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/img/close.svg b/assets/img/close.svg new file mode 100644 index 0000000..dc9a20c --- /dev/null +++ b/assets/img/close.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/img/discord.svg b/assets/img/discord.svg new file mode 100644 index 0000000..c61c3bf --- /dev/null +++ b/assets/img/discord.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/favicon.png b/assets/img/favicon.png new file mode 100644 index 0000000..375f8af Binary files /dev/null and b/assets/img/favicon.png differ diff --git a/assets/img/github.svg b/assets/img/github.svg new file mode 100644 index 0000000..9fdfb5f --- /dev/null +++ b/assets/img/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 0000000..59bc8e6 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/twitter.svg b/assets/img/twitter.svg new file mode 100644 index 0000000..b387bc4 --- /dev/null +++ b/assets/img/twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..9170c9c --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,25 @@ +"use strict"; + +document.querySelectorAll(".nav__link").forEach((link) => + link.addEventListener("click", function (e) { + e.preventDefault(); + const id = e.target.getAttribute("data-href"); + document.querySelector(id).scrollIntoView({ + behavior: "smooth", + }); + }) +); + +const burger = document.querySelector(".burger"); +const burgerOpen = document.querySelector(".burger__button--open"); +const burgerClose = document.querySelector(".burger__button--close"); +const menuMobile = document.querySelector(".nav-mobile"); +const overlay = document.querySelector(".overlay"); + +burger.addEventListener("click", function (e) { + e.preventDefault(); + burgerOpen.classList.toggle("hidden"); + burgerClose.classList.toggle("hidden"); + menuMobile.classList.toggle("hidden"); + overlay.classList.toggle("hidden"); +}); diff --git a/index.html b/index.html index d31c68f..2b8c59e 100644 --- a/index.html +++ b/index.html @@ -2,4 +2,6 @@ layout: default --- -

    Vac

    +

    Vac

    + +
    Work
    diff --git a/src/style.css b/src/style.css index b5c61c9..d992f23 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,17 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.nav { + max-width: 680px; +} + +.nav-mobile { + height: 73%; +} + +@media (max-width: 768px) { + .nav { + max-width: 480px; + } +} diff --git a/tailwind.config.js b/tailwind.config.js index 3041ee2..6404d8e 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,6 +2,34 @@ module.exports = { purge: [`_site/**/*.html`], theme: { extend: {}, + screens: { + xs: { max: "450px" }, + sm: "570px", + "md-max": { max: "768px" }, + md: "768px", + "lg-max": { max: "1024px" }, + lg: "1024px", + l: "1199px", + xl: "1440px", + }, + maxHeight: { + 0: "0", + "1/4": "25%", + "1/2": "50%", + "3/4": "75%", + nav: "350px", + full: "100%", + }, + fontFamily: { + sans: ["Open Sans", "sans-serif"], + }, + colors: { + white: "#fff", + black: "#151512", + grey: { + test: "#242424", + }, + }, }, variants: {}, plugins: [],