-
Notifications
You must be signed in to change notification settings - Fork 0
/
data.json
165 lines (165 loc) · 11.2 KB
/
data.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
[
{
"_content": [
"p",
"Hello!",
"p",
"What you see here are projects I've done or been a part of. Amongst them this website.",
"p",
"Feel free to explore. I can't say I've not hidden small surprises"
],
"_description": "Click on a card!",
"_headeralt": "Header image",
"_headerhref": "welcome.png",
"_id": 0,
"_title": "Welcome"
},
{
"_content": [
"p",
"What you see before your very eyes is my own design, made from scratch.",
"p",
"I can't say that this is perfect design nor perfectly made. However, I actually did it! I can barely believe it. All these times I've made shitty websites and now this: The best of the shitty websites!",
"p",
"How did I do it then?",
"p",
"I had to start somewhere so I actually started with the smallest piece, this Card.",
"p",
"card.py is responsible for the data this card holds, such as this text, paths to header image and the possibility to hold even more pictures (However I have not implemented this in any card. (Yet...)) (Edit: a year later I did this!)",
"p",
"After building a cardclass I began building the website implementation in Flask. This part was actually really fun since I've been working with Flask before and everything just came together, but as a horrible eye-sore since no CSS were applied. That was the next step.",
"p",
"I think I wrestled with the CSS like a madman. I have yet to try out Less, Sass and all those really nice tools (Edit: I've tried them out now! They are sweet tools. Try them out you too!). I just went at it like a caveman. After an insane amount of headache inducing 'width: 100%', I found out that the smart thing is to divide the website in rows and columns. This helped an insane amount with the overall size issues I had... We should however not talk about designing mobile-friendly websites. That is a thing of this sites future.",
"p",
"To make the cards act like I wanted them to I had to use Javascript. Before I continue to ramble on and on, I feel like I have to tell you that I never intended to use Javascript for a website. Somehow it feels that a website only gets more complicated to use when one needs to take this magical tool in use. However, I wanted to try this card-thing out!",
"p",
"So, I made one function to 'flip over' and show its back. With some CSS magic I made it grow into a larger thing, the one you're reading now. I am still not sure if this is a good move. It was however fun and some of my friends actually said 'Hey, that is nice'. I am already thinking about a simpler website design, but scrolling sideways, that's something else, isn't it?",
"p",
"Well well. Next thing to implement here, besides one of the million things I want to do, is the mobile-friendly css. I am however surprised that the side-scrolling magically works 'At least on my machine'-style."
],
"_description": "I finally made this website and it turned out quite OK.",
"_headeralt": "Header image",
"_headerhref": "hello-world.jpg",
"_id": 1,
"_title": "Hello World"
},
{
"_content": [
"p",
"no-shift is a script language I and Magnus Jansson created, and no we're sadly not related. All files ending with '.ns' is parsed with parser written in ruby which translated the program via an extensive set of rules, defined by the no-shift EBNF. The translation resulted in a node tree which could be evaluated at any time.",
"p",
"Our goal was to create a language where you never needed to use shifted characters on the keyboard, therefore the only valid characters were:",
"p",
"abcdefghijklmnopqrstuvwxyz‘-.,<+",
"p",
"and this limitation made the task horribly tough and really fun since we lost a lot of delimiters such as, (), [] and {}. It turned out that delimiters would help a lot when parsing a language...",
"p",
"A small code example, which also demonstrates the third bool named maybe:",
"p",
"<< A program that might print 'Hello World' in the terminal <<\nmessage isnow ‘Hello’\nmessage isnow message inc ‘ world!’\nif maybe then output message ifnot then nope",
"p",
"no-shift got a quite extensive EBNF grammar however not all were implemented due to loss of time.",
"p",
"The slideshow from the official presentation of no-shift were published on no-shift.com, the webpage is sadly not online anymore. On the bright side:",
"li",
{
"alt": "Here is a link to the Google Slides presentation itself",
"href": "https://goo.gl/4J41nR"
}
],
"_description": "A script language created without the need for shift",
"_headeralt": "no-shift logo",
"_headerhref": "no-shift.png",
"_id": 2,
"_title": "no-shift"
},
{
"_content": [
"p",
"I designed the most beautiful website I've done to this date. Well, the album art helped a lot!",
"p",
"The website is a one page site currently hosted by GitHub. It is designed to take you where you'd expect you should end up when landing on an artists site: The music.",
"p",
"Kamya's latest release is up front and the user sees the albums track list. The tracks are clickable and onClick() will play the corresponding tracks teaser. When the user scrolls down she/he sees there's links to related music services and othersocial media links.",
"p",
"This is my first ever attempt at a responsive site, and it came up fully functional and actually looks professional. Kudos to me!",
"li",
{
"alt": "www.kamya.se",
"href": "http://www.kamya.se"
}
],
"_description": "I Designed the new KAMYA website",
"_headeralt": "www.kamya.se",
"_headerhref": "www_kamya_se.jpg",
"_id": 3,
"_title": "KAMYA website"
},
{
"_content": [
"p",
"So I made an editor for my card.json database that holds the data for these project cards.",
"p",
"I used QTCreator for this project since I recently worked in a larger project with this software, in a really cool school project for a large company here in sweden,",
"li",
{
"alt": "Read about it here on my LinkedIn",
"href": "http://www.oskarjansson.com/linkedin"
},
"p",
"I learned that it's quite tough to build a text editor even with so much help, finding out if a text field has been edited, how to know when to save data, what to do if the user is closing the editor and data has been changed et.c. There is a lot of things to think about.",
"p",
"However right now it's fully functional. I have yet to do some things, implementing the \"Delete card\" action (It's implemented now!) and always prepending cards in front of the last card, since it is designed to always be last. (Also fixed!)",
"p",
"But, with this new invention i am more prone to update with new cards for each project... (Edit: haha, I am extremely bad at updating this either way...)",
"p",
"Also, with this new project I updated the card.json format so that I now can include images and links into my cards! I detect them via this simple syntax for links:(Title for link)[http://link] and for images: (Image alt-title)[http://link]{A possible text for images, however not needed}. However, right now they have to be on their own line.",
"li",
{
"alt": "Like so...",
"href": "http://www.oskarjansson.com/p/random"
},
"p",
"But I find it to be an OK start, since it was kind of hell changing the card.json format... I will need to update the index.html to take a better care for links and the like, need to figure out a way to parse them in line and yeah, that's a whole another RegEx..."
],
"_description": "I made an editor to edit these cards more easily",
"_headeralt": "Image detail over my JsonEditor",
"_headerhref": "json-editor.jpg",
"_id": 4,
"_title": "JsonEditor"
},
{
"_content": [
"p",
"Made a game during my first ever global game jam with people I've never seen before! How cool is that? Super cool!",
"p",
"I chose to work in Unity and the rest of the group I happened to happen with, thought the same way. Never before had I or the others worked with this tool (except for one member of the group who'd practiced with two tutorials the same week! Such effort, I'm impressed.) and this was an unexpectedly difficult tool to work with. At least if you look at how to wrap your head around all new things. Dropping scripts on objects, instead of applying them in a constantly running while loop some where... Even if I still do not really understand how I should build games in this large framework, I think i will at least try to make some more games in it before I get back into my comfort zone with SDL2 and the likes. Well until I try out the next framework... ",
"p",
"I am actually really proud of the results since even though it wasn't nearly finished, attendees enjoyed our game!",
"p",
"The music was horribly contageous, a little something I whipped up by recording one group member and just cutting his voice up into samples and you know, arranged them by hi-hat, snare, base drum et.c. and sang in a little more background tones. Super catchy hit song.",
"p",
"My main contributions to the project were the Music and sound effects, general programming and asking for help of other attendees with better knowledge of Unity. Because after 3h stuck on a \"simple\" problem, when the group next door creates a cowboy game in VR you feel really dumb and slow, so you ask for a lot of help from people who know things. This is also how you learn and make friends hehe.",
"p",
"I'm really looking forward to my next gamejam, even if the week after felt the repercussions of a weekends sleep deprived state"
],
"_description": "2 player game made during GGJ18",
"_headeralt": "A plus pole, a minus pole, the two players and some green boxes",
"_headerhref": "minusvsplus.png",
"_id": 5,
"_title": "Minus vs Plus"
},
{
"_content": [
"p",
"This is the backside of the last card.",
"p",
"I never thought anyone would actually get this far into my site, or even care to look around. Thank you soo much! Feel free to contact me if you'd like."
],
"_description": "The last Card",
"_headeralt": "It's a me!",
"_headerhref": "face.png",
"_id": 6,
"_title": "Last Card"
}
]