User:Kiara/PTMoMNbM: Difference between revisions

From XPUB & Lens-Based wiki
Line 63: Line 63:
<blockquote>Write one sentence instruction for a work.<br>
<blockquote>Write one sentence instruction for a work.<br>
Make it.</blockquote>
Make it.</blockquote>
<gallery widths="400" mode="packed-hover" heights="250">
File:Typotek-2024.png|a screenshot of what it looked like before I lost the database (2024)
File:Typotek-2024-02.png|another screenshot from before I lost the database (2024)
</gallery>


==<h2 style="font-family: monospace; font-size: 35px; font-weight: bold; text-transform: uppercase; color: blueviolet;">Dual booting</h2>==
<h2 style="font-family: monospace; font-size: 35px; font-weight: bold; text-transform: uppercase; color: blueviolet;">Dual booting</h2>


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">What is it?</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">What is it?</p>  
:; Installing Linux on a laptop alongside Windows
:;Installing Linux on a laptop alongside Windows


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Why make it?</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Why make it?</p>
:; Windows sucks but I still need it for some graphic design works
:;Windows sucks but I still need it for some graphic design works


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Workflow</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Workflow</p>
:; ⚹ Set a date for the install party
:;⚹ Set a date for the install party
:; ⚹ Open registrations
:;⚹ Open registrations
:; ⚹ Make a wiki page for documentation ([[Install_Party |this is a good inspiration]])
:;⚹ Make a wiki page for documentation ([[Install_Party |this is a good inspiration]])
:; ⚹ Find a good (online) guide
:;⚹ Find a good (online) guide
:; ⚹ Make a back-up of the laptop's content
:;⚹ Make a back-up of the laptop's content
:; ⚹ Do the workshop
:;⚹ Do the workshop
:; ⚹ Document the workshop
:;⚹ Document the workshop
:; ⚹ Enjoy the newly installed Linux!
:;⚹ Enjoy the newly installed Linux!


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Timetable</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Timetable</p>
:{| class="wikitable" style="font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif; font-weight: bold;"
:{| class="wikitable" style="font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif; font-weight: bold;"
|-
|-
| Making the wiki page || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 15mn</span> || TBD
|Making the wiki page|| <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 15mn</span>||TBD
|-
|-
| Finding a guide to dual-booting || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">a day or more?</span> || TBD
|Finding a guide to dual-booting||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">a day or more?</span>||TBD
|-
|-
| Making a back-up of the laptop's content || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">1 day</span> || TBD
|Making a back-up of the laptop's content||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">1 day</span>||TBD
|-
|-
| Workshop duration || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">1 day</span> || TBD
| Workshop duration||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">1 day</span>||TBD
|-
|-
| Documenting the steps on the wiki || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 day</span> || TBD
|Documenting the steps on the wiki||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 day</span>||TBD
|}
|}


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Previous Practice</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Previous Practice</p>
:; ⚹ Messing around in the terminal in Prototyping classes
:;⚹ Messing around in the terminal in Prototyping classes
:; ⚹ Installing WSL on my laptop
:;⚹ Installing WSL on my laptop
:; ⚹ Attending the [https://www.jdll.org/ JdLL] in 2023
:; ⚹ Attending the [https://www.jdll.org/ JdLL] in 2023


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Relations to Wider Contexts</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Relations to Wider Contexts</p>
:; See my research topics leads [[User:Kiara/Personal_Reader#Some_leads_on_research_topics? | here]]
:;See my research topics leads [[User:Kiara/Personal_Reader#Some_leads_on_research_topics? | here]]


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Choices Made</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Choices Made</p>
:; ⚹ Which Linux distribution?
:;⚹ Which Linux distribution?
:; ⚹ Date of the workshop
:;⚹ Date of the workshop
::; > Is it better to wait for Windows to drop Windows 10 (october 2025) or does the date not really matter?
::;> Is it better to wait for Windows to drop Windows 10 (october 2025) or does the date not really matter?
:; ⚹ Deciding on which guide to use
:;⚹ Deciding on which guide to use
:; ⚹ Inviting an install-party expert?
:;⚹ Inviting an install-party expert?


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Rapid Prototypes</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Rapid Prototypes</p>
:; This will not be prototyped, here will be some pictures from the workshop instead.
:;This will not be prototyped, here will be some pictures from the workshop instead.


==<h2 style="font-family: monospace; font-size: 35px; font-weight: bold; text-transform: uppercase; color: blueviolet;">Bachelor thesis website</h2>==
<h2 style="font-family: monospace; font-size: 35px; font-weight: bold; text-transform: uppercase; color: blueviolet;">Bachelor thesis website</h2>


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">What is it?</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">What is it?</p>
:; A website to display my first bachelor's thesis, in French and English.
:;A website to display my first bachelor's thesis, in French and English.


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Why make it?</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Why make it?</p>
:; Now it is only available as a very complex to make printed object, I want to have it easily readable and PDF sucks. HTML is always the best solution.
:;Now it is only available as a very complex to make printed object, I want to have it easily readable and PDF sucks. HTML is always the best solution.


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Workflow</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Workflow</p>
:; It is in progress at the moment, so here are the remaining steps to follow:
:;It is in progress at the moment, so here are the remaining steps to follow:
::; ⚹ Finish importing the content in the website (HTML)
::;⚹ Finish importing the content in the website (HTML)
::; ⚹ Resolve the display conflict  
::;⚹ Resolve the display conflict
:::; > <code>masonry</code> has not been implemented in the CSS specs yet, and it actually is what I need <nowiki>:(</nowiki>
:::;> <code>masonry</code> has not been implemented in the CSS specs yet, and it actually is what I need <nowiki>:(</nowiki>
::; ⚹ Make it responsive
::;⚹ Make it responsive
::; ⚹ <nowiki>[optional]</nowiki> Add a CSS-print option?
::;⚹ <nowiki>[optional]</nowiki> Add a CSS-print option?
::; ⚹ Translate it
::;⚹ Translate it
::; ⚹ Publish it online and link it on my website
::;⚹ Publish it online and link it on my website
:::; > This needs a big dive into <span style="background-color: rgba(127,255,212,0.5)">URL manipulation</span>, and probably will have to wait until I change my hosting provider
:::;> This needs a big dive into <span style="background-color: rgba(127,255,212,0.5)">URL manipulation</span>, and probably will have to wait until I change my hosting provider


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Timetable</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Timetable</p>  
:{| class="wikitable" style="font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif; font-weight: bold;"
:{| class="wikitable" style="font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif; font-weight: bold;"
|-
|-
| Finish importing the content in the website || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1-2 days</span> || TBD
|Finish importing the content in the website||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1-2 days</span>||TBD
|-
|-
| Resolve the display conflict || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">several days</span> || TBD
|Resolve the display conflict ||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">several days</span>||TBD
|-
|-
| Make it responsive || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1-2 days?</span> || TBD
|Make it responsive|| <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1-2 days?</span>|| TBD
|-
|-
| Translate it || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 week</span> || TBD
|Translate it||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 week</span> ||TBD
|-
|-
| Publish it online and link it on my website || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 week (includes host change)</span> || TBD
|Publish it online and link it on my website||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 week (includes host change)</span> ||TBD
|-
|-
| Add a CSS-print option? || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">couple of weeks?</span> || TBD
|Add a CSS-print option?||<span style="font-family: monospace; font-size: 14px; color: blueviolet;">couple of weeks?</span>||TBD
|}
|}


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Previous Practice</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Previous Practice</p>
:; ⚹ Writing the thesis (2021)
:;⚹ Writing the thesis (2021)
:; ⚹ Webdesign
:;⚹ Webdesign
:; ⚹ CSS-print
:;⚹ CSS-print
:; ⚹ Learning new web standards everyday
:;⚹ Learning new web standards everyday


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Relations to Wider Contexts</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Relations to Wider Contexts</p>
[[File:When-two-become-one.gif|300px|frameless|right]]
[[File:When-two-become-one.gif|300px|frameless|right]]
:; ⚹ Thesis writing, which I will be doing again soon!
:;⚹ Thesis writing, which I will be doing again soon!
:; ⚹ Research
:;⚹ Research
:; ⚹ Graphic design x Web design x Print ..... when they merge .....
:;⚹ Graphic design x Web design x Print ..... when they merge .....
:; ⚹ Publishing
:;⚹ Publishing
:; ⚹ Letting go of the impostor syndrome
:;⚹ Letting go of the impostor syndrome


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Choices Made</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Choices Made</p>
:; Choices in design related to the content and the print version
:;Choices in design related to the content and the print version
::; > Colors, fonts, display/layout
::;> Colors, fonts, display/layout


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Rapid Prototypes</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Rapid Prototypes</p>
:; ⚹ Try different displays until finding the right one (has to be responsive)
:;⚹ Try different displays until finding the right one (has to be responsive)
::; > Grid
::;> Grid
::; > Flex
::;> Flex
::; > Table
::;> Table
::; > Hack???
::;> Hack???
:; ⚹ Translate a section everyday for a week
:;⚹ Translate a section everyday for a week




==<h2 style="font-family: monospace; font-size: 35px; font-weight: bold; text-transform: uppercase; color: blueviolet;">Expanding my wiki</h2>==
<h2 style="font-family: monospace; font-size: 35px; font-weight: bold; text-transform: uppercase; color: blueviolet;">Expanding my wiki</h2>


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">What is it?</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">What is it?</p>
:; A very precise expansion of the wiki content through documentation, writing, detailing
:;A very precise expansion of the wiki content through documentation, writing, detailing


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Why make it?</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Why make it?</p>
:; ⚹ To get more familiar with un-self-censored writing
:;⚹ To get more familiar with un-self-censored writing
:; ⚹ To get the habit of documenting
:;⚹ To get the habit of documenting
:; ⚹ To keep a schedule in a way
:;⚹ To keep a schedule in a way


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Workflow</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Workflow</p>
:; ⚹ Write
:;⚹ Write
:; ⚹ Write
:;⚹ Write
:; ⚹ Write  
:;⚹ Write
:; ⚹ Edit
:;⚹ Edit


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Timetable</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Timetable</p>
Line 199: Line 203:


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Relations to Wider Contexts</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Relations to Wider Contexts</p>
:; ⚹ Thesis writing
:;⚹ Thesis writing
:; ⚹ Research
:;⚹ Research
:; ⚹ Publishing
:;⚹ Publishing
:; ⚹ Letting go of the impostor syndrome
:;⚹ Letting go of the impostor syndrome


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Choices Made</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Choices Made</p>
Line 208: Line 212:


<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Rapid Prototypes</p>
<p style="font-family: monospace; font-size: 22px; font-style: italic; font-weight: bold; color: MediumAquaMarine;">Rapid Prototypes</p>
:; ⚹ Write notes where ever and transpose them in the wiki
:;⚹ Write notes where ever and transpose them in the wiki
:; ⚹ Watch a movie actively: take notes, link references
:;⚹ Watch a movie actively:take notes, link references
:; ⚹ Read a text/book actively: take notes, link references
:;⚹ Read a text/book actively:take notes, link references
:; ⚹ Listen to a talk/podcast/... actively: take notes, link references
:;⚹ Listen to a talk/podcast/... actively:take notes, link references

Revision as of 00:51, 20 April 2025

Projects That May or May Not be Made

Typotek

What is it?

A locally-running font-library, to display all the fonts I have installed on my computer so I can easily visualize them and choose from my collection when I need to.

Why make it?

Because windows is shit and doesn't provide a good way to sort and visualize installed fonts.
I still haven't found an external app that suits my needs.

Workflow

⚹ Install the new fonts I collected
⚹ Make sure every font has a stylesheet and web formats
> For this, use transfonter
⚹ Start a web project, probably based on Julien Bidoret's repository
> This step needs a deep dive into PHP and why it is not working anymore
⚹ Make sure that the project is hosted on codeberg for archive and versioning!

Timetable

Clean up and font installation ~ 1 full day TBD
Verify and update stylesheets and web formats ~ 3 days TBD
Fix PHP half a day to a day TBD
Fill the website with font-files and adapt categories ~ 2 days TBD
Bug fixing ~ 1 day TBD

Previous Practice

web desiiiiiiiiiign <3

⚹ Smol contribution to Raphaël Bastide's Use&Modify (using ProcessWire)
⚹ Trials to actually make this have been running for a year(?) now...
> I lost my database, remember?


Relations to Wider Contexts

If there is no tool, make it! → Strong ties to the F/LOSS way of thinking

Choices Made

⚹ Filters
> font family (serif, sans, mono, etc.)
> variable
> complete charset / missing diacritics
> made by wxmen
> license model
>
⚹ Info displayed
> Name of the font
> Foundry
> F/LOSS or paid license
> Designer(s) + wxmen/queer indication
> Text input to test the font on different chunks of text
>

Rapid Prototypes

Write one sentence instruction for a work.
Make it.

Dual booting

What is it?

Installing Linux on a laptop alongside Windows

Why make it?

Windows sucks but I still need it for some graphic design works

Workflow

⚹ Set a date for the install party
⚹ Open registrations
⚹ Make a wiki page for documentation (this is a good inspiration)
⚹ Find a good (online) guide
⚹ Make a back-up of the laptop's content
⚹ Do the workshop
⚹ Document the workshop
⚹ Enjoy the newly installed Linux!

Timetable

Making the wiki page ~ 15mn TBD
Finding a guide to dual-booting a day or more? TBD
Making a back-up of the laptop's content 1 day TBD
Workshop duration 1 day TBD
Documenting the steps on the wiki ~ 1 day TBD

Previous Practice

⚹ Messing around in the terminal in Prototyping classes
⚹ Installing WSL on my laptop
⚹ Attending the JdLL in 2023

Relations to Wider Contexts

See my research topics leads here

Choices Made

⚹ Which Linux distribution?
⚹ Date of the workshop
> Is it better to wait for Windows to drop Windows 10 (october 2025) or does the date not really matter?
⚹ Deciding on which guide to use
⚹ Inviting an install-party expert?

Rapid Prototypes

This will not be prototyped, here will be some pictures from the workshop instead.

Bachelor thesis website

What is it?

A website to display my first bachelor's thesis, in French and English.

Why make it?

Now it is only available as a very complex to make printed object, I want to have it easily readable and PDF sucks. HTML is always the best solution.

Workflow

It is in progress at the moment, so here are the remaining steps to follow
⚹ Finish importing the content in the website (HTML)
⚹ Resolve the display conflict
> masonry has not been implemented in the CSS specs yet, and it actually is what I need :(
⚹ Make it responsive
⚹ [optional] Add a CSS-print option?
⚹ Translate it
⚹ Publish it online and link it on my website
> This needs a big dive into URL manipulation, and probably will have to wait until I change my hosting provider

Timetable

Finish importing the content in the website ~ 1-2 days TBD
Resolve the display conflict several days TBD
Make it responsive ~ 1-2 days? TBD
Translate it ~ 1 week TBD
Publish it online and link it on my website ~ 1 week (includes host change) TBD
Add a CSS-print option? couple of weeks? TBD

Previous Practice

⚹ Writing the thesis (2021)
⚹ Webdesign
⚹ CSS-print
⚹ Learning new web standards everyday

Relations to Wider Contexts

When-two-become-one.gif
⚹ Thesis writing, which I will be doing again soon!
⚹ Research
⚹ Graphic design x Web design x Print ..... when they merge .....
⚹ Publishing
⚹ Letting go of the impostor syndrome

Choices Made

Choices in design related to the content and the print version
> Colors, fonts, display/layout

Rapid Prototypes

⚹ Try different displays until finding the right one (has to be responsive)
> Grid
> Flex
> Table
> Hack???
⚹ Translate a section everyday for a week


Expanding my wiki

What is it?

A very precise expansion of the wiki content through documentation, writing, detailing

Why make it?

⚹ To get more familiar with un-self-censored writing
⚹ To get the habit of documenting
⚹ To keep a schedule in a way

Workflow

⚹ Write
⚹ Write
⚹ Write
⚹ Edit

Timetable

404 NOT FOUND

Previous Practice

404 NOT FOUND

Relations to Wider Contexts

⚹ Thesis writing
⚹ Research
⚹ Publishing
⚹ Letting go of the impostor syndrome

Choices Made

404 NOT FOUND

Rapid Prototypes

⚹ Write notes where ever and transpose them in the wiki
⚹ Watch a movie actively
take notes, link references
⚹ Read a text/book actively
take notes, link references
⚹ Listen to a talk/podcast/... actively
take notes, link references