{"id":13401021,"url":"https://github.com/bxt/Nazareth-Knot","last_synced_at":"2025-03-14T06:32:09.590Z","repository":{"id":143028772,"uuid":"58200867","full_name":"bxt/Nazareth-Knot","owner":"bxt","description":"A neat SVG drawing of a byzantine knot, generated with ERB","archived":false,"fork":false,"pushed_at":"2022-01-29T22:43:55.000Z","size":9560,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"gh-pages","last_synced_at":"2024-07-31T19:28:11.319Z","etag":null,"topics":["art","drawing","erb","italy","knots","ruby","svg"],"latest_commit_sha":null,"homepage":"http://bxt.github.io/Nazareth-Knot/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bxt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-05-06T10:49:28.000Z","updated_at":"2024-06-18T20:09:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"f8d401ce-6ebd-4a1f-9200-05ba01dcb01c","html_url":"https://github.com/bxt/Nazareth-Knot","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bxt%2FNazareth-Knot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bxt%2FNazareth-Knot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bxt%2FNazareth-Knot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bxt%2FNazareth-Knot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bxt","download_url":"https://codeload.github.com/bxt/Nazareth-Knot/tar.gz/refs/heads/gh-pages","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243538050,"owners_count":20307099,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["art","drawing","erb","italy","knots","ruby","svg"],"created_at":"2024-07-30T19:00:57.945Z","updated_at":"2025-03-14T06:32:09.582Z","avatar_url":"https://github.com/bxt.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# Nazareth Knot\n\n![The Nazareth Knot][knot.png]\n\nThe Nazareth Knot is an ancient drawing in found in a church in Bethlehem (duh!). It is really a nice byzantine knot that reminds us of the very similar keltic knots. Of course I wanted to recreate it. First of all, I took a [photo of the original mosaic][2015-07-31%2016.21.02.jpg]. Then I made a [pen-and-paper sketch][2015-09-07%2021.44.28.jpg] of it to get a better intuition of the workings of this knot. And finally I created an [SVG image][knot.svg], which is what this repository is all about.\n\nI did some calculations in Ruby and [generated the SVG using ERB code][index.rhtml]. I really enjoyed playing with Ruby's array methods like `map`, `zip`, `flatten`, `each_cons`, `each_slice` and `repeated_permutation`. For developing I wrote a tiny [script that renders the ERB into proper HTML, whenever the code changes][watch.sh] using [fswatch][fswatch]. It also displays errors on the page when something goes wrong. Happens to the best. Also I [monkey-patched Ruby's Matrix class with some 2D affine transformation-foo][helpers.rb] for all the calculations. Also, I used copies of the paths and the `stroke-dasharray` CSS property to create the interweaved strings, as you can see on [the web page][index.html].\n\nLicense: [CC BY-SA 4.0](http://creativecommons.org/licenses/by-sa/4.0/).\n\nAuthor: [Bernhard Häussner](http://bernhardhaeussner.de).\n\n[knot.png]: https://raw.githubusercontent.com/bxt/Nazareth-Knot/gh-pages/export/knot.png\n[2015-07-31%2016.21.02.jpg]: https://github.com/bxt/Nazareth-Knot/blob/gh-pages/2015-07-31%2016.21.02.jpg\n[2015-09-07%2021.44.28.jpg]: https://github.com/bxt/Nazareth-Knot/blob/gh-pages/2015-09-07%2021.44.28.jpg\n[knot.svg]: https://github.com/bxt/Nazareth-Knot/blob/gh-pages/export/knot.svg\n[index.rhtml]: https://github.com/bxt/Nazareth-Knot/blob/gh-pages/index.rhtml\n[watch.sh]: https://github.com/bxt/Nazareth-Knot/blob/gh-pages/watch.sh\n[fswatch]: https://emcrisostomo.github.io/fswatch/\n[helpers.rb]: https://github.com/bxt/Nazareth-Knot/blob/gh-pages/helpers.rb\n[index.html]: http://bxt.github.io/Nazareth-Knot/\n\n# Ravello Knots\n\n![The Ravello Switch Knot][ravello.png]\n![The Ravello Round Knot][ravello_round.png]\n\nThe Ravello Knots are based on a mosaic found in a church in Ravello, Italy. The city is one of the most beautiful towns along the Amalfi Coast, mostly for its wonderful gardens. A found the knot a long time ago while [travelling to Italy][italy]. I already \"harvested\" this knot then, since I created a [computer graphic of the original knot][original] and later did [a drawing of a slight modification][sketchbook] to my sketchbook.\n\nSince I wanted to continue exploring the SVG creations more I was looking for old sketches to refresh and the knot from Ravello came to my mind. I not only did a [nice SVG drawing of the old sketch][ravello.html] but took it further to create a [totally new variation][ravello_round.html] showing off the `stroke-dasharray` technique in a most spectacular way.\n\nLicense: [CC BY-SA 4.0](http://creativecommons.org/licenses/by-sa/4.0/).\n\nAuthor: [Bernhard Häussner](http://bernhardhaeussner.de).\n\n[ravello.png]: https://raw.githubusercontent.com/bxt/Nazareth-Knot/gh-pages/export/ravello.png\n[ravello_round.png]: https://raw.githubusercontent.com/bxt/Nazareth-Knot/gh-pages/export/ravello_round.png\n[italy]: http://bernhardhaeussner.de/blog/tags/Italien\n[original]: http://bernhardhaeussner.de/upl/Ravello_Knot.png\n[sketchbook]: http://bernhardhaeussner.de/upl/Ravello%20Switch.png\n[ravello.html]: http://bxt.github.io/Nazareth-Knot/ravello.html\n[ravello_round.html]: http://bxt.github.io/Nazareth-Knot/ravello_round.html\n\n# Even More Knots\n\nSince I already build the tools, I created even more knots. Also I started\ncalulating the `stroke-dasharray`s instead of just guessing them. I used some\ncomplex trigonometric calculations but in the end it allowed me to\nalgorithmically create whole knots including overlaps instead of just the paths.\nYou should check them out:\n\n* [Generic Knot (n=6)](http://bxt.github.io/Nazareth-Knot/more/generic.html)\n* [Tri Knot](http://bxt.github.io/Nazareth-Knot/more/tri.html)\n* [TriCircle Knot](http://bxt.github.io/Nazareth-Knot/more/tricircle.html)\n\nAnd for fun I created even more stuff:\n\n* [Binary circle](http://bxt.github.io/Nazareth-Knot/more/binary.html)\n* [Color circle](http://bxt.github.io/Nazareth-Knot/more/colorcircle.html)\n* [TriKnot](http://bxt.github.io/Nazareth-Knot/more/triknot.html)\n* [Wheel](http://bxt.github.io/Nazareth-Knot/more/wheel.html)\n* [TriAni](http://bxt.github.io/Nazareth-Knot/more/triani.html)\n* [TriAni (orange variation)](http://bxt.github.io/Nazareth-Knot/more/triani_orange.html)\n* [BernAni](http://bxt.github.io/Nazareth-Knot/more/bernani.html), [BernAni2](http://bxt.github.io/Nazareth-Knot/more/bernani2.html)\n* [Office Box](http://bxt.github.io/Nazareth-Knot/more/officebox.html), created after [this box I found in an office](https://github.com/bxt/Nazareth-Knot/blob/gh-pages/2020-02-17%2018.09.42.jpg)\n* [Rotating hex](http://bxt.github.io/Nazareth-Knot/more/rotatinghex.html)\n* [Folded hex](http://bxt.github.io/Nazareth-Knot/more/foldedhex.html)\n* [A lot of S](http://bxt.github.io/Nazareth-Knot/more/alotofs.html)\n* [A lot of L](http://bxt.github.io/Nazareth-Knot/more/alotofl.html), [ThreeLs](http://bxt.github.io/Nazareth-Knot/more/threels.html) inspired by [Continue logo variants](http://bxt.github.io/Nazareth-Knot/continue-logo-variants.svg)\n* [Shining carpet](http://bxt.github.io/Nazareth-Knot/more/shiningcarpet.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbxt%2FNazareth-Knot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbxt%2FNazareth-Knot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbxt%2FNazareth-Knot/lists"}