PROGRAMMING LANGUAGES GIJINKAS (PART 1)

  1. HTML: Handles Internet with CSS and Javascript. Breaks the 4th wall on a daily basis. Literally a popstar. The gay is strong here.
  2. CSS: The one that does HTML’s wardrobe. Avid abstract artist. Bullies Javascript for eternity. Extremely one sided love for HTML.
  3. Javascript: Will do anything to keep HTML’s shit together. Has more than 10 toolboxes. Java’s happy sibling. Lowkey crush on Ruby.
  4. PHP: Confused 80% of the time. Oblivious to everything. ??????. No one knows she’s a great musician.
  5. SQL: Tsundere like no tomorrow. Cares a lot about PHP, but also consistently gets pissed at her. They live in the library. Robot arm because of a bookshelf accident.
  6. Python: Loves mountains and camping. Owns 2 bikes. Lowkey crush on the entire C family. Flaming bisexual.
  7. Ruby: Python’s hiking partner. Lives in a cave she renovated all on her own. Secretly wants to overthrow Python. Highkey crush on Javascript.
  8. C: Wildlife and nature. Exercises with tree trunks. The one who taught Python how to camp. Daddy.
  9. C++: The son of C. Always hangs out with Java at the arcade. Consistently wins online arguments. Has a crush on Python.
  10. Java: C++’s bestfriend. Owns 2 bookshelfs: One with video games, and one with actual books. Doesn’t know what sleep is. Absolute nerd.

As promised. Which ones should I do next?

2

    「   THEME #015: DYNAMENE by angelicxi   」
    ↳ [  preview  /  codes  ]
    ❥ the link to the code is in the sidebar desc.

Summer is such a terribly hot season, isn’t it? My constant need to hidrate inspired DYNAMENE’s design: sleek, clean, but still packing a little “kick”. Named for one of the nereids (Dynamene and her twin were said to spin and roll the waves), this theme is indeed divine — what’s more, this is a low-effort immortality, as the design is easily accessible to all types of blogs and easily customizable =] .


FEATURES
[ + ]  500px posts;
[ + ]  left sidebar;
[ + ]  a title slot, which can be changed separately from your blog title via the customization panel;
[ + ]  subtitle slot, similarly editable via the customization panel;
[ + ]  a description slot — I strongly suggest keeping it to four lines, as shown in the preview;
[ + ]  NB: keep in mind that you have an inbuilt description slot in your customization panel that is separate from tumblr’s. I chose to add it in since tumblr is so prone to glitching, and people reported disappearing or missing descriptions as a result;
[ + ]  the menu comes with a twist — the fontawesome icons that define each link become see-through with a little bit of CSS magic, allowing us to peek underneath! (don’t worry if you want to change the default ones and still keep the effect, it’s easy and there are instructions within the code itself n.n)
tip: if the menu doesn’t show up at first, refresh. it happens on first loads.
[ + ]  speaking of links, you have home, ask, + 3 extra slots;
[ + ]  plain color background option;
[ + ]  gradient background option;
[ + ]  full wallpaper background option (make sure it’s at least 1366x768 pixels ! ).
tip: tumblr is, as previously stated, very glitchy. in order for all the on/off options to work right, turn everything off first, and then turn on those that you want active.


    「  PLEASE LIKE / REBLOG IF USING.  」
    Do NOT:
       —  remove the credit
       —  use as a base code
       —  repost/claim as yours
     Respect the maker’s work, please.
     This theme is optimized for Mozilla Firefox & Google Chrome.
     It is best viewed on a 1366x768 screen resolution.

9

China’s ‘Heavenly Ship’ prepares for inaugural flight, paving way for larger orbital station.

China’s space program is about to reach a new milestone Thursday (April 20) as the country prepares to launch the Tianzhou-1 spacecraft. Tianzhou-1 is China’s first space station cargo freighter and will be used to resupply the upcoming Chinese Space Station. Weighing over 13 tons, the mission will also be the heaviest payload China has ever sent into orbit.

Set for a five-month mission, Tianzhou-1 will perform the country’s first orbital logistics mission with the Tiangong-2 space laboratory. The space station testbed last saw occupants in September 2016 with the Shenzhou-11 crew.

The spacecraft will conduct three autonomous rendezvous with Tiangong-2 as well as the demonstration of the necessary logistics required to maintain an orbital outpost such as propellant transfer, orbit raising, and an expedited rendezvous to and from Earth. 

Tianzhou vessels will be able to carry up to 14,330 pounds (6,500 kilograms) of cargo into orbit; for comparison, Russian Progress vehicles that resupply the International Space Station can carry up to 5,180 pounds (2,350 kilograms) of cargo, though it is a smaller vessel.

Tianzhou-1 and Tiangong-2 are seen rendezvousing in orbit in this CNSA rendering. The two spacecraft share commonality in their design.

Tianzhou-1, which means ‘Heavenly Ship” in Chinese, largely resembles the Tiangong modules which served as space station technology demonstrators in 2011 and 2016. Both vehicles are identical in size, though the freighter has a shorter solar array wingspan. Future modules of the CSS will be significantly larger and of different designs.

The spacecraft will fly on the new Long March 7 rocket which made its inaugural - and so far only - flight in June of 2016. Long March 7, also known as CZ-7, will be the new workhorse in the Chinese space program as the country aims to retire the older Long March 2F in the next few years. All crewed and logistic flights to the CSS will use the CZ-7 while the station’s modules will be lofted by the larger Long March 5 which also made its inaugural flight in 2016.

Liftoff is scheduled for 7:41pm local time, or 7:41am EDT, on Thursday, April 20, from Launch Pad 201 at the new Wenchang spaceport on Hainan island in the South China Sea. As seen in the photos above, the rocket was rolled from the Vertical Assembly Building to LC-201 at the Wenchang Island spaceport on Monday, April 17.

Artist’s rendering of the Chinese Space Station which is scheduled to be fully assembled by the early 2020s.

Following the mission of Tianzhou-1, Chinese aerospace officials will be confident enough to begin final preparations for the modular Chinese Space Station, the second major phase of China’s aerospace program. The CSS will be a Mir-class station, smaller than the International Space Station but larger than an all-in-one outpost such as Skylab or the Tiangongs.

Two science modules will be attached to a central core module which will house crew accommodations, life support systems, and vehicle docking ports. Regular flights of Tianzhou freighters will bring experiments and supplies to maintain the outpost and its three-member crews, which will rotate in the Shenzhou spacecraft.

The core module is expected to arrive in orbit by late 2018 with the additional modules on orbit and fully assembled by early 2020. A Hubble-class telescope will also accompany the CSS in orbit though will not attach to the station. It will orbit near enough to the station to where crewmembers can easily make repairs to the telescope, unlike servicing missions to the Hubble which required a dedicated space shuttle mission independent of the ISS.

P/C: CNSA.

7

THEME PACK #001 by angelicxi

As I’m hitting the tenth theme mark, I am also approaching my two-year anniversary as a theme maker (can you believe it’s been so long and how far I’ve gotten? it’s a bit surreal, man. or, okay. a lot surreal), I decided to celebrate by putting together a theme pack…and good god, what a ride it has been. This set took inspiration from nature — specifically, from honeybees — and the result is my best work yet. I hope you will enjoy it as much as I do. ❤

Special thank yous to bane, for being helpful (as always), to alex (for sending me memes at 4 am to power me through), and to the people at bibtown for being very understanding of my slow descent into madness. Y’all rock.



        「   THEME #010: HONEYCOMB by angelicxi   」    
          ↳ [   preview one  &  preview two   ]
         ❥ the link to the code is in the sidebar desc.

       Honeycomb is where it all started. I’ve been meaning to make a theme pack since the beginning of this month, but I lacked the inspiration. Then, one night, I dreamed of bees…and eureka happened. It’s a versatile, fun theme, and it will work great with personal & aesthetic blogs.

   FEATURES
    [ + ] 500px posts
    [ + ] left sidebar
    [ + ] sidebar has five image slots (125 x 250px)
    [ + ] title & subtitle slots
    [ + ] short description (though you can make it longer)
    [ + ] home & ask + four extra links
    [ + ] tags on hover
    [ + ] webkit scrollbar (tiny and cute to accomodate a longer sidebar desc.) for Chrome
    [ + ] background options: plain color, gradient, texture/pattern, full wallpaper
    [ & ] the bonus bee ornament at the bottom of the posts, which I personally find neat    

    For any questions, contact me. Remember that you’re allowed to change colors, images, and the like (obviously). For more major tweaks, I’d appreciate it if you asked first.   



        「   ABOUT PAGE #003: BEEYOUTIFUL by angelicxi   」    
          ↳ [  preview & codes   ]
         ❥ the link to the code is in the description.
   

      I wish I was sorry about the terrible pun. I’m not. It’s cheesy as all hell, but it fits the sentiment perfectly. beeyoutiful is honeycomb’s perfect companion: it is a gift from me to the beautiful you.

   FEATURES
    [ + ] gradient background, though I’ve left instructions for others inside the code
    [ + ] topbar with title & four links (though you can add more
    [ + ] five image slots (125 x 250px) to keep your aesthetic game high by making a mosaic of who you are (because you’re worth it, goddamit)
    [ + ] description space (obviously), though it’s a bit limited as overflow won’t work here
    [ & ] I jazzed the bold within the description so you can capitalize and color text.

    Customization instructions are, as always, within the code itself. If you run into trouble, drop me an ask. I might not be able to answer rightaway but I’ll get back to you as soon as possible.



        「   TAGS PAGE #002: HIVELINE by angelicxi   」    
          ↳ [  preview & codes   ]
         ❥ the link to the code is in the first tag slot on the second column.
   

       This would’ve featured even more hexagons but, alas, they didn’t want to cooperate with me. So instead you get something that is extremely simple and extremely clean to freshen up your palette. A bit like ginger, only…without the sushi.

  FEATURES
   [ + ] gradient background, though I’ve left instructions for others inside the code
   [ + ] topbar with title & four links (though you can add more)
   [ + ] virtually endless tag panels
   [ & ] a nice hexagon texture as a topbar pattern to keep the honeycomb theme going. let me know if you would like it in another color (drop an ask mentioning it + the specific color hex you want it in).

   Customization instructions are, as always, within the code itself. If you run into trouble, drop me an ask. I might not be able to answer rightaway but I’ll get back to you as soon as possible.

A guide to :nth-child 

This is a pseudo-class that I end up using a lot, so I decided to share how to use it and how I incorporate it in my themes! 

Let’s start off by explaining what a pseudo-class is. A pseudo-class is something you add to a selector to style it for a specific state. :hover is probably the one I see the most, which is used to style an element when the mouse hovers over it.

:nth-child and its related classes (nth-of-type, first-child, last-child, etc), let you style an element based on its order. This is especially useful for styling lists. This is also how I positioned the individual posts for my honeycomb theme

Here’s how to use it!

Let’s say we want to take this list:

<article>
           <li> one </li>
           <li> two </li>
           <li> three </li>
           <li> four </li>
           <li> five </l>

</article>

and make only the second item have a blue background.

After the css for the list, we would add new styling for li:nth-child(2), which will look like this:

li {
   padding: 8px;
   font-family: Helvetica;
}    

li:nth-child(2) {
   background: cornflowerblue; /* this is just one of my favorite blues*/

}

the results:

Now we can do the same for any number in the list too, like :nth-child(3) would be the third item, and :nth-child(4) would be the fourth. If we wanted to do the first or last item, a better option would be :first-child and :last-child

Using formulas

If you wanted to make every third item blue, you would use :nth-child(3n).

so changing the CSS to this (and adding another list item in the html)

li:nth-child(3n) {
   background: cornflowerblue;

}

will look like this:

More formula examples and explanations under the cut!

Keep reading

10

      A follow up to Selene & Serenity, this small pack consisting of a theme and an about page was built around a solar motif. The idea behind the theme was illumination — a focus on content. To this end, you have 500px and 700px post width options, and the avatar, title, description and social media buttons were moved to an on-click modal window in order to clear up space. For the page, I wanted to accentuate the softness of daylight, and as such I kept the preview to very soft tones of gray.
      Neither of them was coded with a specific blogger type in mind; I daresay (hope) the theme is rather versatile. As such, I hope everyone can enjoy it! And as always, issues go into my inbox


      「   THEME #017: SOLARIS by angelicxi   」
      ↳ [  preview  /  codes  ]
      ❥ the link to the codes is in the modal description.

      FEATURES
      [ + ]  option for 500px posts;
      [ + ]  option for 700px posts;
      [ + ]  slot for an avatar (130 x 130px);
      [ + ]  slot for a title;
      [ + ]  slot for a description;
      tip: remember that all my themes come with title & description slots separate from tumblr’s.
      [ + ]  optional SNS buttons that use fontawesome icons — you can turn this feature on/off;
      [ + ]  the menu uses fontawesome icons and is transparent, matching automatically with the background you opt in. as these are icons, you can change them to suit your needs by visiting fontawesome’s archive & following the replacement instructions in the style part of the code;
      [ + ]  the menu is structured on two “halo” lines: the first one comes with four links, home & ask + 2 custom ones — the second one contains an additional six slots and can be turned on/off;
      tip: if the icons don’t show up at first, roll your mouse up & down over their slots.

      [ + ]  the top corner background can be either plain color or a radial gradient;
      [ + ]  post backgrounds can be either opaque or transparent;
      [ + ]  option for a gradient background;
      [ + ]  option for a plain color background;
      [ + ]  option for a wallpaper background (make sure it’s at least 1366px by 768px ! )
      [ + ]  option for light tumblr controls.
      tip: everything marked as “option” you can turn on/off and switch between them.


      「   ABOUT PAGE #005: SOLANGE by angelicxi   」
      ↳ [  preview  /  codes  ]
      ❥ the link to the codes is in the description.

      FEATURES
      [ + ]  the content auto-centers on a x axis to accomodate your screen/window dimensions;
      [ + ]  i bundled in the background from the preview, which is a textured wallpaper;
      [ + ]  content background is by default a radial background but you can work it to be anything;
      [ + ]  slot for an avatar ( 150 x 150px );
      [ + ]  ample description space on-hover;
      [ + ]  a total of nine link slots.
      tip: if the icons don’t show up at first, roll your mouse up & down over their slots.

      For full customization instructions, please look out for the gray text in the code itself!

      「  PLEASE LIKE  /  REBLOG  IF USING.  」
      Do NOT:
         —  remove the credit
         —  use as a base code
         —  repost/claim as yours
      Respect the maker’s work, please.
      This theme is optimized for Mozilla Firefox & Google Chrome.
      It is best viewed on a 1366x768 screen resolution.

3
     「   THEME #007: VITRALIS by angelicxi   」

    ↳ [ static preview ]
    ❥ the link to the code is contained within the preview.

Vitralis is a sleek, clean container theme with sidebars on both sides. Inspired equal parts by stained glass windows and Alphonse Mucha’s artwork, I wanted it to have a simple feeling, despite being elaborately crafted and equipped. It comes with features I have been asked about in the past — such as slots for descriptions (which morning glory lacked, being far more simplistic) and a music player (which some people have been nagging me about for a while now). I hope everyone enjoys it. ^^

F E A T U R E S :

— plain color background; you can change it to a texture (just upload a picture) or a full wallpaper (remember to go and change the properties under body! add: “background-repeat: no-repeat; background-size: cover”, without the quote marks. ideal wallpaper size would be 1900 x 1200);
500px posts;
two sidebars with display set on-hover, as seen in the preview;
— slot for an avatar (105 x 105);
— slot for a blog title;
— home & ask + 3 extra link slots;
— slot for a description;
— a billy music player;
even more description space on the left, structured like a column. It can be used as an update tab, or simply to make things more fanciful. Use the h4 tags for the titles, and don’t worry about taking up too much space - a scrollbar will appear here as well. ^^

    「  PLEASE LIKE / REBLOG IF USING.  」
      Do NOT:
       — remove the credit
       — steal the code / parts of it
       — claim as yours in any way, shape, or form.
      Respect the maker's work, please.
 
    This theme is optimized for Mozilla Firefox & Google Chrome.
    It is best viewed on a 1366x768 screen resolution.