Git Product home page Git Product logo

11ty.webc.fun's Introduction

11ty.webc.fun

A site about building websites using 11ty and WebC that is built with 11ty and WebC.

11ty.webc.fun's People

Contributors

darthmall avatar davidluhr avatar jgarber623 avatar matthewpflueger avatar mattstein avatar nielsbom avatar rijkvanzanten avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

11ty.webc.fun's Issues

Colophon page using metag tags with children

Hi! First of all thanks for making this!
I really needed a full blown example to make WebC-in-Eleventy click for me.

The colophon page has a bug I think. I see the following markup in there:

<meta-social>
  <meta property="og:title" content="Colophon">
  <meta name="description" property="og:description" content="For the nerds">
  <meta name="author" content="W. Evan Sheehan">
</meta-social>

In the homepage that markup is just:

<meta property="og:title" content="11ty ♥ WebC">
<meta name="description" property="og:description" content="Two great tastes that taste great together">
<meta name="author" content="W. Evan Sheehan">

And meta elements may not have children.

Unfortunately I'm not sure why this happens or how to fix it, yet.

(I noticed this because the browser devtools were showing the DOM weirdly for the colophon page)

Some changes to components do not get rendered in development

It seems some changes to components do not get rendered during development. I say some because it isn't always the case - it seems to have something to do with the layout nesting (I think). I believe this is a bug with 11ty but wanted to file the issue here first in case it is a configuration issue with this repository...

To reproduce:

  1. Clone repo
  2. run npm install && npm start
  3. Open localhost:8080 and observe the site-foot at the bottom of the page
  4. cat _site/index.html and see the site-foot rendered html code
  5. Open src/_includes/components/site-foot.webc and make a visible change (like adding a <h1>test</h1> right before the first <p>)
  6. Observe that the dev server sees the change and re-renders
  7. However, upon cat'ing the _site/index.html the change is not there (and obviously not in the browser either)

Expected result:
Upon making any change to site-foot.webc, those changes would get re-rendered and reflected in the browser no matter who is using the component.

NOTE: If you create a simple page src/test.webc with the following content:

---
title: Site Footer Test
layout: layouts/base.webc
---
<site-foot></site-foot>

And then make modifications to the site-foot component everything is re-rendered correctly as expected EXCEPT for the "complex" pages like src/index.md. The rendered html at _site/index.html still does not show the changes.

Source Code License

Hey there! Thanks for your wonderful webc example. I noticed there is no license with the source code. Do you give any permissions to copy and use the website code?

If you would like some license suggestions, I suggest MIT if you'd like anyone to do anything with it, or MPL if you'd like derivatives to remain open source, but not require projects using the code to become open source as a result.

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.