Spacing is both hilarious and frustrating on Squarespace

Now I know why most of the Squarespace website I looked up seem so… spacious.

Here I was, trying to put a Twitter button, Facebook Page button, and a Mailchimp subscription button at the footer.

Spend like 2 hours on it.

But I can’t get them in one space!

There is no adjusting space between images! So now there is a pacific ocean of space between each of the button.

Personally, that really irritates me. My teammates and design teammates had a good laugh when they saw the footer though. At least it brought some joy. At my expense, but some joy nevertheless.

So far, the only way to solve it is to add empty text boxes on the side of the images in order to squeeze the images together. The problem is that such structure is not mobile friendly, since the space block and button image button would stack on top of each other in smaller screen. Sure, with the social media feature on Squarespace, I can put the Twitter and Facebook page button together in one block – if I have password-access to the Facebook page. Sadly, it is linked to my client’s personal Facebook page, and she didn’t feel comfortable about giving the password information for that account. Maybe I can adjust the CSS to reduce the space, but trying to put the current css tag in the style editor of Squarespace is a nightmare.

After that, I still to make it so that the mail button would pop a mail subscription box. Personally, I think that will actually be easier than fixing the spacing.

Such a simple task in regular css, but such a hassle on a strict web page builder. Building the basic website structure really is easy on Squarespace, but the details… you get something, you lose something else *Sighs*

Wiking Upstart during Linux homework reading. Wiki is awesome!

In my current Linux Admin class, the professor is trying to adjust his notes to the new Redhat 7 standard. One of the biggest confusion is Upstart and Systemd. He write his own notes for us, and he has good writing and teaching skills, but to go back and change everything… it is not a job I envy. For students, it’s hard enough to remember which term and system is for 6 (the old version), and which one is for 7. Just now, I found myself googling Upstart for the Nth time trying to remember if it’s 6 or 7 (6, Amy, 6).

Interestingly, I noticed a wiki page this time and opened it. I found the article quite informative for my curious side. Turns out Upstart also replaced another init daemon, much like systemd that is now replacing Upstart itself (Which, now that I think about it, duh. Considering the numerous version of Redhat and even more numerous version of Unix?  Just one init daemon? Nah.) It was replace and improved the previously traditional init process, so that computer can respond to events asynchronously instead of synchronously. It was first included in Ubuntu 6.10 release and replaced sysvinit. It is used in Chrome OS (wait, does that mean my Nexus tablet uses it?) , was considered by Debian (who eventually went with systemd), and replaced sysvinit in Fedora 9 then was replaced by systemd in Fedora 15.

Hmm, I don’t think I will get Upstart and systemd confuse now. Although, on a totally irrelevant note, why is Upstart the only one to get capitalized?

I clearly needs more coffee.

SquareSpace: Day One

So, for my Web Development class, we formed a team (in my case, of three people) to helped a real-life client with the assistance from students in the Visual Media Design department. My client wanted to maintain it using SquareSpace, so my team will be working with this platform. We just got the admin account. So I did a quick look over, and here was my notes:
  • Things pop-up and/or expand everywhere I mouse move to and whenever I click a button by accident. Too much going on. *SquareSpace suddenly expands full screen* Stop Moving!
  • *Explore the site for about ten more minutes and finally starting to get used to the flow*
  • … so:
  • They have a pre-made event page that will allow visit to import the events via either Google Calender or ICS. No Google Plugin necessary. You can make it a list or the google-like square boxes, except it look much more smooth and modern:


  • To insert more fonts (which my team may do depending on what the graphic students decides), we can go to Design -> Advanced, and add in a Typekit kit ID.
  • Our client may be able to accept credit payment via a an account on Stripe. She has somewhat of a complex system going on because she’s link to another, larger non-profit. We probably have to check it out with her later.

Tiny Itsy Changes on my Homework

This is what the teacher provided as sample for our homework, which is to use array in PHP and print out a table of selected background and text color:


This is what I ended up doing:phpHwBAesthetic doesn’t play into grading, but I prefer the cell separate by space instead of black border, and with the limited text, it almost look like a card game! It was just a basic homework assignment, but a little change can make it more fun.

Fedora: Testing Testing

Ok, so today is the first day I am exploring Fedora GNOME after my installation during the Open Source event. Being a Linux student who was also studying my reading, I decided to run some of the command in my reading and compare it for the fun. Besides, that way I know which directory path exist in Linux but not in Mac.
Note that reading of the read was runlevel and subsystem, and that it will probably take me three tries before I understand the reading…:
PID:1915 TTY:pts/0 TIME:00:00:00 CMD:bash
PID:2401 TTY:pts/0 TIME:00:00:00 CMD:ps
PID:784 TTY:ttys000 TIME:00:00:02 CMD:-bash
ps -u root | wc -l
ps -e | grep ‘d$’ | wc -l
who -r
run-level 5
. run-level 3
N 5
No such file or directory
/sbin/service —status-all
netconsole module not loaded
Configured devices: lo enp0s3
Currently active devices: lo enp0s3
The VirtualBox Additions are not currently running.
Checking for VBoxService …not running.
No such file or directory
cd /etc/rc.d
Blank. I am in!
No such file or directory
ls rc?.d/*rsyslog
ls rc2.d/S*{network,sshd}
No such file or directory
grep chkconfig /etc/init.d/rsyslog
No such file or directory
No such file or directory
  • Their home directory is different, as expected.
  • What on earth is “-bash” in ps?
  • I found it interesting that Fedora is running more ps than its local sister.
  • Runlevel is 5 for Fedora and 3 for Mac. Let see… my text says that Fedora being means 5 it starts the window manager, X Window. *Nods* Makes sense. It is the VM. Running /sbin/runlevel in Mac returns a “No such file or directory” error message, but then Mac is not Linux after all. who -r, however, does work. It returns 3, which means that… full multi-user mode, but interface is text-only. Hmm… text-only? Not sure what that mean. I will have to look it up later.
  • Fedora has less than half of running daemons than Mac, as expected.
  • Running an inquiry about subsystems status in Fedora returned text, mostly about systems that are not running. Mac, once again, returns “No such file or directory”.
  • Once we start to get into rsyslog, error keeps popping up. We have the rc.d directory in Fedora, but the naming system inside rc.d directories is probably different.

Of course, all this observation was made without any regards as to what version I am on! The notes my teacher give was for Redhat 6.5, and here I am comparing it to Fedora and Mac OS. Still, it was fun to do. Once I am not so busy with my classes (full course this semester), I would like to research the corresponding commands and file path in Fedora. For now though, I am mostly playing around to see what is in common and what is not.

Open Source Comes to Campus @ CCSF and my first GNOME in Mac Installation

The first time I know that I was using open source was when I first got my Macbook, which did not had Microsoft Word. Mac MS at the time was more expensive than the PC MS. So… I downloaded OpenOffice instead. The second time was when Adobe Creative stop working for the new Mac OS – less than a year after I brought it. Instead of relying on a product that was clearly unreliable, I downloaded GIMP. It’s been 7 years, and I have never look back.

When I learned about the Open Source event coming to CCSF from my friends on Facebook, my reply was “That sounds fun! I am in!”.

Besides, there is free breakfast and lunch. What college students says no?

The talk started with explaining what open source is and showing logos of known open source projects. The presenter, Asheesh, joked that the logo was “Probably the most things people remember about Openhatch” as he waved the penguin(?) sticker. Mental nod here – I know the penguin before I know OpenHatch.

He went onto introducing ways to contribute. One of the ways for new coders was simply to point out issues. The presenter then went on to Issue Trackers and communication methods. When he opens the IRC program window.. wow, instant flashback! It was a chat room, and I haven’t been to those since middle school.

I went in the workshop expecting talks about programming, but instead the first demo was a chat room. It was very telling about how open source works. One of the greatest difference open source has with private companies, from what I experienced in this workshop, was its sense of community despite diverse locations of its members. A company strives to find the ideal personality in the same location, whereas open source  projects is about those who can find them on the virtual realm and is offer their time and dedication.

After some laughs about the chats (the people in the chat room realized quickly a class was going on. Silly conversation and jokes ensued), we moved to some Github work. While I have been using git and Github to record the status of my self-studies and side projects, I have never had the chance to collaborate there. It was the first time I forked and the first time I pulled an updated project. I found it pretty awesome to see how, when the project was merge and my submission contained “Fixed #5”, the issue #5 that I fixed would close on its own.

After that, the mentor went around the tables to talk about their open source experiences. We heard stories of how it begins, what they learned, and what got them there. The first person talked about the importance of knowing how computer works, not just the language. One talked about his love of the open community. Another talked about how program vulnerability has a ripple effect on private companies that uses open source technology. The final person talked about how open source can solve real life problems. Their stories varies, but they have this in common: in some ways, programming and open source has changed their life.

Then, it is the last session – projects! The mentors summarized their projects and then find an area to stand so we can, as a mentor joked, “flock” over to them. I debated on my choices. In the end, I decided to went with one where two mentors teamed up to talk about Ubuntu technology and creating new OS. The idea of creating OS is just too cool to miss!

The interface and customization of GNOME was beautiful to watch. I enjoyed the discussions behind the creation and community teamwork of GNOME, and how it interacts with and affects third party distributors like Ubunta and the two other OS. They showed us various projects and widgets that could use some help. In the end, I installed GNOME via Fedora and VirtualBox on my Macbook for the first time. It was ridiculously easy after the agonizing experience I had with installing VM on our school computer for my Linux Admin class, though the later was probably so complex because they want us to know the steps and details. Plus, I don’t have to worry about remote access for this one!

This is purely about exploring the various features of the system, which I can’t wait! Contributing to the GNOME can be simple as just exploring and pointing out bugs. For those who are more advanced in their programming skills, they can help with solving existing issues. The mentors recommended for those whom wanted to learn more. For now though, I am probably just going to try the OS out and see what happens!

Blog on my craft & tech exploration

Originally, this is place in my first blog, But it is going through renovation right now, and I would like to record the work I have done for that and more, so craft & tech is created. Hopefully, I can finish updating my old site soon. I may also update it to, as it fits my new interest in web development and programming much better. For now though, wordpress it is!