User:Kiara/PTMoMNbM: Difference between revisions
| 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> | |||
<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> | |||
<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> | |||
<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
-
- >
masonryhas 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
- ⚹ 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