Professional frontend developer 💻 Non-professional illustrator 🎨 Indie writer 🪶 Author of L'Académie des Renards 🦊 Pragmatic dreamer 🌙🔭
As an indie French writer, I do my best to share a technical approach to make book creation easier:
L'Académie des Renards, official website made with Ember and love
Home Page: https://academie-des-renards.dunstetter.fr/
License: GNU Affero General Public License v3.0
Professional frontend developer 💻 Non-professional illustrator 🎨 Indie writer 🪶 Author of L'Académie des Renards 🦊 Pragmatic dreamer 🌙🔭
As an indie French writer, I do my best to share a technical approach to make book creation easier:
Change the color on hover to lighter. Not sure it can be changed easily as the button is integrated. Maybe I should do my own to change the width and border-radius too.
On mobile, the presence of the book trailer on the screen makes the page size larger. The bug is fixed as soon as the left/right arrows to display other content are clicked.
This used to work on the native-JS website, an interaction has been forgotten when moving to Ember.
Make a README to remember the release process:
git checkout master
git fetch
git reset --hard origin master
yarn build
git checkout gh-pages
Then:
dist
folderdist
root)dist
folderdist
to the rootdist
foldergit checkout -b release-yy-mm-dd
git add .
git commit -m "release yy-mm-dd"
git push origin release-yy-mm-dd
Then on Github:
gh-pages
@embroider/compat
, @embroider/core
, @embroider/util
, and @embroider/webpack
to latest unstablevite
and @embroider/vite
unstablepackage.json
index.html
and tests/index.html
to the new authoring formatThe website assigns a lot of ids to the DOM element, they were used in the native-JS website to manipulate the element. With Ember modifiers, interactions are a lot simpler to implement and a lot of ids are no longer used. Some of them are still used for some parts that haven't been properly refactored with modifiers though.
Add the homepage
field and any field that might be missing: https://docs.npmjs.com/cli/v10/configuring-npm/package-json
Github pages is made to display static web sites. Once you visit marine.dunstetter.fr
, you can access all the web site by clicking in the menus. But if you visit marine.dunstetter.fr/games
, it will return a 404.
The project rafgraph/spa-github-pages has been used to make the SPA work as expected with Github pages:
404.hmtl
page was added to public assetsindex.html
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.