# roebi's blog # 01-02 Webserver in Go on Podman https://roebi.github.io/roebi-halter-in-blog/blog/01-02-webserver-in-go-on-podman.md Webserver in Go on Podman # What is this about? This is about use of external CSS files, e.g. styles/styles.css and external Javascript files, e.g. scripts/main.js in a HTML 5 Page. # explanation To use this external files you need a Webserver. A big one? No a very small one: A Go implemented Webserver. It is a one-line implementation in Go. Why i need a webserver for external files? If you try open jour HTML 5 file local over the file:/// schema, and in this HTML 5 file are external files your browser resolve them also local over the file:/// schema. This let the broswer gives you CORS errors. For example: Reason: CORS request not HTTP. CORS (Cross-Origin Resource Sharing) is a security system about the origin of external files. This work only with https:/// schema or http:/// schema. This is where the web server comes into play. # Well and what does podman mean? Podman is a open source container tool. I embed the go webserver in a Dockerfile and let it run in Podman. And more there is a Podman Desktop tool, it is an open source graphical tool to work with containers. The Project readme.md explains all in detail. # explore and run your first webproject with externals files. # travel to, explore and run your first webproject with externals files. [Git Repo roebi/01-02-Webserver-in-Go-on-Podman](https://github.com/roebi/01-02-Webserver-in-Go-on-Podman) remark: You can make a own repository from this template and then work in your own repository. } # 01-03 licenses for software https://roebi.github.io/roebi-halter-in-blog/blog/01-03-licenses-for-software.md permissions, conditions and limitations of license for software - give and take # What is this about? two questions related to the creation (give) and use (take) of software: - if i create software: what conditions do i have for the users? - if i use software: what conditions does the creator have? this conditions are often grouped in permissions, conditions and limitations. # typical licenses for software i know remark: this is not a legal advice. The Unlicense: it is a 'unconditional' license dedicates to work to the public domain Apache license 2.0: is a license in Apache projects MIT: is a license often used in npm packages # choose an open source license see on https://choosealicense.com/ ( content of https://choosealicense.com/ is licensed under the [Creative Commons Attribution 3.0 Unported License](https://creativecommons.org/licenses/by/3.0/legalcode) ) } # 01-04 licenses for art https://roebi.github.io/roebi-halter-in-blog/blog/01-04-licenses-for-art.md permissions, conditions and limitations of license for art - give and take # What is this about? two questions related to the creation (give) and use (take) of art: - if i create art: what conditions do i have for the users? - if i use art: what conditions does the creator have? this conditions are often grouped in attribution, commercial use, derivative work, sharing requirements, confirm that CC licensing is appropriate, attribution details # typical licenses for art i know remark: this is not a legal advice. there are different Creative Commons licenses. there are CC licenses (top is 'open', bottom is 'closed'): - Creative Commons Attribution - Creative Commons Attribution ShareAlike - Creative Commons Attribution NonCommercial - Creative Commons Attribution NonCommercial ShareAlike - Creative Commons Attribution NoDerivatives - Creative Commons Attribution NonCommercial NoDerivatives - All Rights Reserved # Example from Thingiverse this 'Art' [Variable WORD Sculpture](https://www.thingiverse.com/thing:1038261) has 'Creative Commons Attribution NonCommercial ShareAlike' license and is itself a 'remixed form / derivate' of [WORD Sculpture](https://www.thingiverse.com/thing:305087) which has 'Creative Commons Attribution NonCommercial' license # share your work / choose license see on https://creativecommons.org/share-your-work/ or the beta version on https://chooser-beta.creativecommons.org/ ( content of https://creativecommons.org/share-your-work/ - if not otherwise noted - is licensed under the [Creative Commons Attribution 4.0 International license](https://creativecommons.org/licenses/by/4.0/legalcode) ) } # 01-05 dev env setup basestep for jvm https://roebi.github.io/roebi-halter-in-blog/blog/01-05-dev-env-setup-basestep-for-jvm.md development environment setup basestep for jvm (Java Virtual Machine) # What is this about? This is about development environment setup basestep for jvm (Java Virtual Machine). Means: development in Java, Scala, Kotlin, Groovy or a combination of this. Here we focus on **local developent**. to say it in short: the README.md in the Git Repo describes how to install **sdkman**, install **zulu fx java 17** and install **gradle 8** # interested, then travel to [Git Repo roebi/01-05-dev-env-setup-basestep-for-jvm README.md](https://github.com/roebi/01-05-dev-env-setup-basestep-for-jvm/blob/main/README.md) } # 01-06 gradle init kotlin application cli https://roebi.github.io/roebi-halter-in-blog/blog/01-06-gradle-init-kotlin-application-cli.md do you want to focus on a java commandline application? a prepared gradle init kotlin application with added dependency for commandline argument handling # What is this about? Do you want to focus on a java commandline application? This is a prepared gradle init kotlin application with added dependency for commandline argument handling. With some renames you are ready to develop. # interested, then travel to [Git Repo roebi/01-06-gradle-init-kotlin-application-cli README.md](https://github.com/roebi/01-06-gradle-init-kotlin-application-cli/blob/master/README.md) } # 02-01 flightgear keyboard help vanilla HTML 5 page https://roebi.github.io/roebi-halter-in-blog/blog/02-01-flightgear-keyboard-help.md a flightgear keyboard help as a vanilla HTML 5 page # What is this about? This is a flightgear keyboard help as a vanilla HTML 5 page. # Page Link https://roebi.github.io/02-01-flightgear-keyboard-help/ # more about This flightgear keyboard help is generated from the flightgear file keyboard.xml It is a help to use of flightgear using the keyboard. For more Information on flightgear see https://www.flightgear.org/ # Git Repo roebi/02-01-flightgear-keyboard-help [Git Repo roebi/02-01-flightgear-keyboard-help](https://github.com/roebi/02-01-flightgear-keyboard-help) } # 02-02 roebi game prototype with p5.js https://roebi.github.io/roebi-halter-in-blog/blog/02-02-roebi-game-prototype-with-p5js.md story create a html game prototype using perplexity.ai and p5.js # What is this about? This is a story about create a html game prototype by using perplexity.ai as a programmer and p5.js as a JavaScript library for easy use of the Canvas API. # read the story https://github.com/roebi/02-02-roebi-game-prototype-with-p5js/blob/master/README.md } # 02-03 aider-chat and groq https://roebi.github.io/roebi-halter-in-blog/blog/02-03-aider-chat-and-groq-com.md my installing steps for aider.chat and groq.com # What is this about? based on my experience about using a ai chat as a software developer and explainer written as a story in https://github.com/roebi/02-02-roebi-game-prototype-with-p5js/blob/master/README.md i would like to get experience with **aider.chat** in this there are only the **installation steps** for aider.chat and a connection to groq.com # feel free to install it in a similar way ... https://github.com/roebi/02-03-aider-chat-and-groq-com/blob/main/README.md } # Datasafety https://roebi.github.io/roebi-halter-in-blog/blog/datasafety.md Datasafety Licensing and Usage # Datasafety This Blog is a Giver blog and not a Taker blog. The content in this blog contains starter setup of different types of small software projects. I do not collect data. The Google Search Console collect calls of the page based on the robots.txt on the root of this wepage. If you do not like this then do not use this blog. # Licensing The Webpage of this Blog is copyright 2023 by roebi, means do not direct copy from the webpage. The Github project of this blog has a license which gives you the possibility to help to enlarge this blog. Feel free to add some issues and / or fork / pull requests. The REAL content of this blog are all the github projects, described in the posts of the blog. All this github repos have their own license. Which is often a let's say easy to reuse or copy of such a repo. Some of them are marked as Github Template. # Usage Just read the blog posts and if you find something read the README.md I am happy if you find something interesting. Feel free to ask via create new issue on the git repos. Happy starting your own software projects. roebi 2023/08/01 } # Impressum https://roebi.github.io/roebi-halter-in-blog/blog/impressum.md Who is responsible for the content # Impressum Robert Halter Neuseeland 30B 9404 Rorschacherberg Schweiz # Responsible for the Content Robert Halter Github User roebi # Contact Please Contact via a new Issue on https://github.com/roebi/roebi-halter-in-blog/issues } # Using MDX - from Astro https://roebi.github.io/roebi-halter-in-blog/blog/using-mdx.md MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. - Content comes from the original blog template This theme comes with the [@astrojs/mdx](https://docs.astro.build/en/guides/integrations-guide/mdx/) integration installed and configured in your `astro.config.mjs` config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file. ## Why MDX? MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to [mix JavaScript and UI Components into your Markdown content](https://docs.astro.build/en/guides/markdown-content/#mdx-features) for things like interactive charts or alerts. If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze. ## Example Here is how you import and use a UI component inside of MDX. When you open this page in the browser, you should see the clickable button below. import HeaderLink from "../../components/HeaderLink.astro"; Embedded component in MDX ## More Links - [MDX Syntax Documentation](https://mdxjs.com/docs/what-is-mdx) - [Astro Usage Documentation](https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages) - **Note:** [Client Directives](https://docs.astro.build/en/reference/directives-reference/#client-directives) are still required to create interactive components. Otherwise, all components in your MDX will render as static HTML (no JavaScript) by default. } # 01-01 vanilla HTML 5 starter page https://roebi.github.io/roebi-halter-in-blog/blog/01-01-vanilla-html.md a vanilla HTML 5 starter page # What is this about? This is about my vanilla HTML 5 starter page. Have you ever heard of this HTML 5 tags ? ```html ``` # if not, then take a closer look at this template and use it for your ideas and projects! # travel to [Demo](https://roebi.github.io/01-01-vanilla-HTML5-starter-page/) [Git Repo roebi/01-01-vanilla-HTML5-starter-page](https://github.com/roebi/01-01-vanilla-HTML5-starter-page) } # Markdown Style Guide - from Astro https://roebi.github.io/roebi-halter-in-blog/blog/markdown-style-guide.md Here is a sample of some basic Markdown syntax that can be used when writing Markdown content in Astro. - Content comes from the original blog template Here is a sample of some basic Markdown syntax that can be used when writing Markdown content in Astro. ## Headings The following HTML `

`—`

` elements represent six levels of section headings. `

` is the highest section level while `

` is the lowest. # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 ## Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat. Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat. ## Images ![This is a placeholder image description](/blog-placeholder-1.jpg) ## Blockquotes The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations. #### Blockquote without attribution > Tiam, ad mint andaepu dandae nostion secatur sequo quae. > **Note** that you can use _Markdown syntax_ within a blockquote. #### Blockquote with attribution > Don't communicate by sharing memory, share memory by communicating.
> — Rob Pike[^1] [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. ## Tables | Italics | Bold | Code | | --------- | -------- | ------ | | _italics_ | **bold** | `code` | ## Code Blocks ```html Example HTML5 Document

Test

``` ## List Types #### Ordered List 1. First item 2. Second item 3. Third item #### Unordered List - List item - Another item - And another item #### Nested list - Fruit - Apple - Orange - Banana - Dairy - Milk - Cheese ## Other Elements — abbr, sub, sup, kbd, mark GIF is a bitmap image format. H2O Xn + Yn = Zn Press CTRL+ALT+Delete to end the session. Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. }