hi y'all, just want to share the things i've made with typst ever since i started learning it 8(?) months ago. hope you enjoy ö7
#things i've made with Typst
young fjord
Closet Configuration
-# (image above)
right i do admit i used svgs and pngs for the backgrounds of each grid cell but i still had an easier time doing it in typst than i would ahve if i had used a graphical editor :3
Graphics for School
the first one is a map of relevant rooms in my current (first) term in college; used fletcher for this one and i really like how it turned out
the second one is my current schedule; its also one im really proud of because i actually coded it such that i can easily update it come my 2nd and 3rd term etc etc :3
internally it's a grid() with the periods and days in fixed positions
and each subject is a variable of course
where each variable is an instance of a subject(room: "", code: "", name: "", bgc: luma(90%), col2: luma(10%))
that sets the background colour, text colour, etc from the parameters
example
oh yeah all of these examples i've also made use of my local colour library that i have as a local package :3
here is it by the way if yall want it ö7 it has catppuccin, tailwind, and copic colours
you can extract the folder inside into your local packages folder and import it with #import "@local/jx-palettes:0.1.0": *
Other Things
- Pascal triangle generator with Sieve of Eratosthenes built-in
- #gettysburg() function à la #lorem()
School Documents Style jx-style
jx-style is probably my Typst magnum opus; i think it'll actually take a very long time to explain all the features of it
ive been working on it ever since i started learning Typst essentially
to give a sense of how (subjectively) massive it is, the actual template function has 41 parameters (all named and with default values of course so i dont have to specify all 41 when instantiating the template)
here are the list of Flags that can be put into that flags: argument
i'll add more here maybe tomorrow
bc jx-style.typ is 1734 lines long sooooo i'll have a lot to explain :3
young fjord
definition of subject():
#let subject(
jxsc: "",
code: "",
name: "",
room: "",
bgc: copic.c7,
txc: copic.c2,
scale: 1,
lab: false,
) = grid.cell(
fill: if(not lab){ bgc
}else{
modpattern((72pt, 72pt), dx: 0pt, dy: 0pt, background: bgc)[
#place(top+left)[
#line(
start: (0%, 0%),
end: (100%, 100%),
stroke: 24pt + color.mix(
(bgc, 90%),
(txc, 10%)
)
)
]
]
},
align: center,
inset: 0in
)[
#rect(inset: 0.05in, width: 100%, height: 100%, stroke: none)[
#place(top+left, dy:0.1in, dx: 0.05in)[
#text(fill: txc.transparentize(20%), style: "italic", size: 1.25em, weight: "semibold")[
#jxsc/#code \
#text(weight: "black", size: 1.3127em)[\@ #room]
]
]
#place(bottom+left, dy: -0.25in, dx: 0.05in)[
#text(fill: txc, size: 2.2em * (0.95*scale), weight: "black")[#name]
]
#if(lab){[#place(top+right, dx: 0.05in-1pt, dy: -0.05in+1pt)[
#rotate(0deg, reflow: true)[#rect(fill: txc, height: 2.5em, inset: 0.5em)[
#show:align.with(horizon+center)
#set text(fill: bgc, weight: 900, size: 1.75em)
Lab
]]
]]}
]
]
vapid field
love it!
young fjord
thank youuuuu :3
ill come back to this tomorrow
but before i go i forgot that i actually sent the outdated version of the Diagram of Relevant Rooms SJJDJSS
heres the new one
massive kudos to laurmaedje and reknih and all the other contributors :3
and of course to everyone else in this server who helped me when i was asking questions in #quick-questions
oak rock
# School Documents Style `jx-style`
`jx-style` is probably my Typst magnum opus;...
oh that is prettyyy, I love the color scheme
young fjord
thank youuu :3 i have like 30-something defined colour schemes
tawdry portal
# School Documents Style `jx-style`
`jx-style` is probably my Typst magnum opus;...
looks cool, Is this published?
young fjord
looks cool, Is this published?
no not yet; its Feature complete but not quite well documented yet
silk temple
would be really interested in the code for the room diagram
cedar glacier
Are you using patterns? 😄
young fjord
would be really interested in the code for the room diagram
here ö7 it does depend on jx-palettes though
young fjord
here is it by the way if yall want it ö7 it has catppuccin, tailwind, and copic ...
which is here
silk temple
🙏
young fjord
Are you using patterns? 😄
for the schedule yeah ö7 i used modpattern for the background pattern of the lab classes
for the closet config initially i tried coding the patterns myself but i found that it became laggy and the code became unwieldily long really quickly
so i just made some from https://pattern.monster/ instead for most of them
cell A4 i drew it myself since the pattern was simple enough
cell A2 is the album art of Twin Fantasy by Car Seat Headrest
fleet swan
All of this looks awesome
crude dust
Wow, this is beautiful.
young fjord
thanks y'all!!! going to show more examples here periodically as i make more stuff :3
steady acorn
This is nicely done 🥇
Is there a plan for template in the Universe?