Git Product home page Git Product logo

components's Introduction

e3c-summer-worker.github.io - DEPRECATED

WARNING: This repository is deprecated. I am mainly using Github Actions in the components repo to compile the code and host it there. I will keep this repo here for backward compatibility (some imports on the Squarespace website may still use this repo and its linke), and maybe for a github pages site later on.

These contain mainly compiled code for me to import into the squarespace website via jsdelivr.

Important links

Sometimes you can reference the main branch, but it's best not to do so because an accidental commit can mess things up. Thus, it is better to refer to a specific commit/tag, especially when the product/component is stable. For example, after the Navigation bar was stable, I released it under version 1.0.

Maybe it might be better to also put the source code into Squarespace? Lol idk.

Navigations

June 27 - Main Navigation and Sidecar Nav is finished (fully replicates the original)

This is under the 'Navbar Hotfix' version 1.0.1 and is in commit hash 3e0b0fbe1c8a69edb49252c5752b6625d0d46005.

Desktop nav: https://cdn.jsdelivr.net/gh/SummerWorkerECCC/[email protected]/scripts/desktopnav-elm.js Mobile nav: https://cdn.jsdelivr.net/gh/SummerWorkerECCC/[email protected]/scripts/mobilenav-elm.js

components's People

Contributors

dependabot[bot] avatar ethanyan avatar github-actions[bot] avatar joshuanianji avatar summerworkereccc avatar

Watchers

avatar

components's Issues

Navigation V2

Implement v2 of navigation, with Webpack and stuff

Github Actions Changeset

Use the Changeset Bot to automate versioning (and maybe pushing to NPM)

The specifications are as follows (and also seen in the Changeset Actions Test repo):

  • A GH Workflow that automatically makes a new PR when a commit to main has a new changeset. This PR will update versions automatically, as well as the yarn dependencies.
  • the GH workflow will also automatically publish the packages when a new version is created.

Ticker not loading properly

On production, the Ticker component is querying the element, but receiving null. Squarespace is taking up to 300ms to actually load load in the element.

Screen Shot 2021-11-09 at 10 38 23 PM

Navigation 2.0.0 not working with Kids

This is an easy fix, but I want to test out the changeset stuff again.

Essentially, the window.onload defined in the HTML where we load the p5.js stuff was overriding the window.onload defined in out Nav source code. The fix is to use window.addEventListener.

Navbar Issue

Navbar is only displaying "Resources" for dropdowns. The specific error is in line 74: it should be text name

components/packages/navigation/src/MobileNav.elm

Lines 77 to 86 in 35cdb9d

dropdowns ->
div [ class "folder" ]
[ div
[ attribute "data-href" "/folder"
, onClick (ToggleDropdown name)
, classList [ ( "folder-toggle", True ), ( "active", Set.member name dropdownsOpen ) ]
]
[ text "Resources" ]
, div [ class "subnav" ] (List.map viewDropdownItem dropdowns)
]

It's a pretty easy fix, I'm doing AV right now but I might be able to put a quick PR right now.

Here's a screenshot of the error:
Screenshot_20211114-104101.png

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.