Giter Site home page Giter Site logo

kosterm14 / back-to-static-creative-coding Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fdnd-task/creative-coding-spike

1.0 0.0 0.0 13.49 MB

Ontwerp en maak creatieve oplossingen voor de interface

Home Page: https://back-to-static-creative-coding-eosin.vercel.app/toggle

License: MIT License

HTML 1.56% Svelte 95.91% JavaScript 2.53%

back-to-static-creative-coding's Introduction

Fork deze deeltaak en ga aan de slag. De instructie vind je in: docs/INSTRUCTIONS.md

Naam deeltaak

Licentie

This project is licensed under the terms of the MIT license.

back-to-static-creative-coding's People

Contributors

koopreynders avatar kosterm14 avatar joostf avatar ju5tu5 avatar

Stargazers

avatar

back-to-static-creative-coding's Issues

Iets geks

Misschien is het leuk als er iets geks gebeurd dat je niet verwacht als je over de vlakken hovert. (Maaike)

ontwerp

erg gaaf ontwerp, ziet er goed uit!
Misschien is het handiger om te kijken of je minder code kan gebruiken om die hexagons te maken.

een manier vinden om minder divs te gebruiken zodat je minder code hoeft te gebruiken

back-to-static-creative-coding/src/routes/+page.svelte

Lines 42 to 259 in abff4ec

<div class="container">
<div class="row">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row altline2">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row line2">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row altline3">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon"></div>
<div class="hexagon"></div>
<div class="hexagon"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row line3">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon"></div>
<div class="hexagon"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row altline4">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row line4">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row altline5">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row line5">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
<div class="row">
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
<div class="hexagon2"></div>
</div>
</div>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.