Sheep

https://sheep.nekoweb.org/links.html

Day 01 learning

Learned about what the web and the internet are—history of the web, including when it started and how people initially used it. What is the web for us? How do we perceive the web? Get to know a lot of new things. While surfing the internet and looking at different websites, I realized how everything now is generic and does not have a personal touch. We really went from cool self-expressive websites to professional website with boxes and no personal touch. It is totally sad. I found the class very interesting and fun, i never thought i would look into so many website in one day but it was worth it looking at someone’s cat, gallery, comics, art, music, personal dedications, or just a site with a “under construction” or “be patient i am working on it” notes. I hope to enjoy rest of the classes in the same way! I had this thing constantly in my mind that so many creative people are out there just doing amazing work. I keep thinking, how did they make it? How did they come up with those ideas? I also want to make one……

Class Assignment

https://www.figma.com/design/k74GzsPcZeXiNb9ZcoFeaV/internet-moodboard?node-id=0-1&t=3u6DvRCcof3ZLfXM-1

Day 02- Web Design

Second day in web design, who would have thought that it would be so fun(I did!) The day was fun, productive and amazing. Learning totally new things. And i will be honest i did not even knew the full form of HTML and CSS, crazy but yess! For the first time in my life, I did a bit of coding and it was great. I was really fascinated by the fact that i was making a website even if it was to make it look ugly. Like the thought behind it, to make us explore more and more without the pressure of making something look good. The game was the most interesting part, initially i thought i won’t be able to clear the level but when i started i was having fun and completed all the level. Pure dopamine dose! And I like the idea of Static websites and how cool they are. Really excited for the coming challenges and learning!

Day 03-Web Design

Learned new things. Today's class felt a bit overwhelming as it was my first time writing code by myself, and there were times when I thought I was behind, but then there was my oxygen mask sitting beside me, helping me. I again enjoyed the game and completed all the levels. I like the way you teach; it’s easy to understand as we do things along with you. The proof that the class is understandable and fun is that we don’t hate coding yet(hopefully we don’t!). Overall, it was fun, looking forward to learning more.

Properties that I came across today Rotate align-content align-items flex flow order justify-content

Story- THE PEA BLOSSOM

https://www.figma.com/design/JyPvB12CAHUEHv8KIuJ1Hi/Story-book-mini-project?node-id=0-1&t=dt5XwRNCUTwhEvIY-1

Day 04 Web design- Learning

It feels great to see my design slowly and beautifully converted into a website. I never thought that one day i would be making a website, yet here i am make one and enjoying too. So far i have done the code of things i was clear about, i am stuck with absolute position. I have figured it out a little but like to knoe more on that. I am proud that I was able to create what I had thought of. Overall, the class was a fun and productive. (p.s. I am excited about what’s coming next!)

Day 06 learning- Making Grids

CSS grid is really a powerful tool, and it does take your mental energy. Totally new topic and which confused me and frustrated me at times, but it did not make me stop from trying. Tried the 1st grid, which was easy-difficult-easy-difficult-easy-difficult all at once, but got through that. I really like the code-along session, it makes me understand the topics easily. It also encourages me to try more things later on. I liked the discussion we had in class today about Jen Simmons' video and related topics, especially who we want to code for. The discussion keeps the class lively and opens up a lot of new perspectives. Started the second grid layout, will complete it soon! (Without any mental breakdown)

Day 07 learning

What is Indie web- small, independent, free, personal (love the concept). The kind of website we saw in Geocities, neocities website or webrings, those are my inspiration, they are cool! The concept of digital garden is amazing, it made me to remember the n number of ideas i had and now i don’t remember me, but now i think i can aeleast jot down and make my own garden.

The overall idea of creating a space of our own is very empowering, and I am fascinated by it. Make a personal website, do what you want, and go crazy!! best!

Manifesto

I want to surprise myself with this website, and I want this website to surprise me. (if that makes sense.) As a person who has n number of interests, I keep jumping from one to another every time. I want the website to show the parts of me which I keep forgetting, which I have, and I can always go back to them when I am lost. For example, there are so many quotes from different places that I want people to read at least once, which are cool, and people with similar interests can find them and enjoy. I just want to put my thoughts out there. This space is my personal for yapping about the things which I find interesting and cool. I have a lot of things which I want to talk about, so maybe I can put all those in there and leave it for the like-minded people. I want it to be easy to navigate and simply pleasing to the eyes. Minimal basic colours, simple aesthetic. (just this for now) Obviously, I want my professional work to be there also because it's one of the biggest parts of my life for which I constantly keep working, and I want more people to know about that. I want this website to be a reflection of what Monika Singh is. Kind of like my professional and personal journal.

The basic structure of what I am thinking of is Image, title, Short description (it can be fro mt art pieces) Maybe list for recommendation (I have to think more on that) I was also thinking of a random gallery of photographs I took(just randomly put it out kind of) I still have to think more(will be done by tomorrow)

Bonus

Is there a larger point beyond this class? Do you see this helping you professionally? The answer is yes for me. I think it is going to help me beyond this class. For as long as I can remember a lot of designers or working professionals I have met they always told me to have a portfolio website(maybe it adds points?) and hearing that, I always wanted to make one or get it made. But now I am happy that I get to know how to make one. I know it's too early to dream of something big, but I am going to anyway. (i will learn more and more and keep upgrading my skills) This module has given me the opportunity to learn it and explore more, and I am going to take advantage to the fullest.

Day 08 learning

We were supposed to create low-fidelity wireframes for some pages of our website, which was relatively easy to conceptualize, but somewhat difficult to decide on one layout and style. We read some blogs and articles that were helpful in deciding the overall layout. I decided to make my website simple and easy to navigate. For now I want to focus on the content and then i can refine other stuff later on.

#Day 09

Git Repository Link https://github.com/Monika7singh/web2025-monika-site

I have almost completed my low-fidelity wireframe, and I still need a little more time for a high-fidelity prototype. (Work in progress, as my website!) Putting my color palette and variables

:root { --color-primary: #03045E; --color-secondary: #5F0F40; —-colour-backgroung: #EDEDE9; —-colour-highlight: #B9B9B9;

/* Adding typography too */ --text-small: 14px; --text-normal: 16px; --text-large: 20px; --text-huge: 32px; }

h1 { font-size: var(--text-huge); } h2 { font-size: var(--text-large); } p { font-size: var(--text-normal); } .caption { font-size: var(--text-small); }

Day 11

Today's goals and stuff finished:

• Code the home page layout
• making the flex box
• enter button for home page
• Finalize the text for the home page
• Understanding the astro system

Tomorrow:

• Code the home page layout
• making the flex box
• enter button for home page
• Finalize the text for the home page

I was not able to work today but hopefully I will get started tommorow and pick up things. I also have to finalize the illustration for the whole website. Also figured how to put stamp border in images. Overall excited to start the work!

Day 12 'cause I'm having a good time, having a good time

Code goal for today- 5th August

• Code the home page layout
• Working on css of home page
• Finalize the text for the home page
• Understanding the astro system a little more
• Enter button for the home page

Tomorrow

• Continue working on the home page
• Code the about page
• Illustration
• Understanding the astro system a little more

Today was a lot frustrating as it was kind of difficult to understand the astro system when I started it again from a blank file. And I was very close to go back to vanilla HTML but eventually I figured it out a little and am working on it with Astro. I will eventually figure it out little by little and keep working. Overall, I was happy, at least I was able to code the home page and I am working on the css of it. I still have to work on illustration, that’s why I am working with sample images for now. Again, overall still excited to make the website.

Repository link https://github.com/Monika7singh/web2025-monika-site/tree/master/src

Netlify link https://monika-singh-space.netlify.app/