User:Kiara/PTMoMNbM: Difference between revisions

From XPUB & Lens-Based wiki
Line 120: Line 120:


<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.


<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.


<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:
::; ⚹ Finish importing the content in the website (HTML)
::; ⚹ 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>
::; ⚹ Make it responsive
::; ⚹ <nowiki>[optional]</nowiki> Add a CSS-print option?
::; ⚹ Translate it
::; ⚹ 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


<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;"
|-
|-
| || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ </span> || TBD
| Finish importing the content in the website || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1-2 days</span> || TBD
|-
|-
| || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ </span> || TBD
| Resolve the display conflict || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">several days</span> || TBD
|-
|-
| || <span style="font-family: monospace; font-size: 14px; color: blueviolet;"></span> || TBD
| Make it responsive || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1-2 days?</span> || TBD
|-
|-
| || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ </span> || TBD
| Translate it || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ 1 week</span> || TBD
|-
|-
| || <span style="font-family: monospace; font-size: 14px; color: blueviolet;">~ </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
|}
|}


<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)
:; ⚹ Webdesign
:; ⚹ CSS-print
:; ⚹ 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>
 
:; ⚹ 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


<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
::; > 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>
<blockquote>Write one sentence instruction for a work.<br>
:; ⚹ Try different displays until finding the right one (has to be responsive)
Make it.</blockquote>
::; > Grid
::; > Flex
::; > Table
::; > Hack???
:; ⚹ Translate a section everyday for a week
----
----

Revision as of 12:55, 9 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/p>

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
⚹ 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/p>

⚹ 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

⚹ 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
Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Kiara/PTMoMNbM&oldid=295770"