#xquartz

[archronova]

Pengalaman pake XQuartz buat Remote Aplikasi via Forwarding X11

Tampilan diatas, adalah remote thunar - FIle Manager dari MacBook Air . Secara kesluruhan ini pengalaman baru kala remote tapi langsung ke aplikasinya. Secara usability : Lemot. Walhasil besok di coba kalau pas onsite aja..

Penasaran dan mau mampir ?

Bisa check disini : https://www.xquartz.org/releases/index.html

[xuethms]

hello! im trying to use quartz on a sideblog, so it doesnt show any blogs in the blogroll. would it be possible to delete the "following" tab from the page, and if so, how would it be done? thank you!

Hi, and yes, I'll add instructions on the cut below. I've also published a tutorial for how to add blogs manually.

Step 1: Navigation links

Locate this code in the HTML. Delete line 804 (crossed out in red). Replace "following" (highlighted in yellow) with "contact".

Step 2: Remove the section

Remove this entire "view" element from the HTML, marked out in red.

[xuethms]

hi!!! i was just wondering if we were allowed to change the backgrounds/side bar pictures of your quartz about page, or if they need to stay the same? :o also i love all your themes; theyre all so nice! ^-^

Hii, please feel free to personalise the page as you wish, including uploading your own photos and customising the colours. :)

[xuethms]

Hello hello i find ur themes over the top *chef's kiss* !!

I wanted to ask about the quartz page that, if I want extra options (like one extra page apart from about, tag, blogroll, contact) what must i do to add new pages .. or is that violation of rules from my side? I just wanted more options BEcause I absolutely love that page and I wanted to write more TT

Hi, and thank you so much!! Adding a new tab/section is possible, but it requires editing HTML, CSS and jquery. Step-by-step instructions under the cut.

Before we get started:

I recommend creating a sideblog, pasting the page code in theme HTML and editing from there.

Hold down ctrl+F on your keyboard to search through the code.

I will be showing how to edit a completely new code (the one you copy from my github) from scratch. You can use the line numbers included to navigate the code.

I will highlight code in my screenshots to be added. Highlighting = the code will have a slightly light grey background.

I may provide code to copy and paste over. Any quotation marks included must be ["], which is the default double quotation mark you type with your keyboard. If you copy and paste any quotation marks and they look "accented" like [“] or [”], please delete the single symbol and re-type it.

So without further ado, let's get started!

Part I: HTML

[Step 1A] Adding a new tab in the navigation bar.

Locate the "header-nav" section below and add the highlighted code. You can edit "extra" to whatever you want the tab title to be.

[Step 1B] Adding the new section.

Locate this section in the HTML:

Between the lines with [<!-- end of CONTACT panel -->] and [==== THE END ====], you will need to add the following highlighted code:

You can copy/paste the code to be added here:

<div class="view"><!--extra content panel!--> <div class="view-photo" style="margin-right:20px; background-image: url(IMAGE URL);"></div> <div class="abt-bio"> <div class="bio-graphy"> Extra content goes here. It will be styled the same as the biography section. </div><!--bio-graphy--> </div><!--abt-bio--> </div><!-- end of EXTRA panel -->

You will need to replace IMAGE URL in the code above with the URL of the photo you'd like to feature in the section.

Part II: jQuery

This is what makes the page interactable.

[Step 2A] Updating the existing buttons.

Locate this part of the code.

You will have to add the following highlighted code to each section, a total of 4 times.

You can copy & paste the line of code to be added here:

$(".hbtn-five").removeClass("hbtn-active");

[Step 2B] Adding the new button.

Add the following highlighted code so you will be able to interact with the new section tab title.

For copy & pasting:

$(".hbtn-five").click(function(){ $(".hbtn-one").removeClass("hbtn-active"); $(".hbtn-two").removeClass("hbtn-active"); $(".hbtn-three").removeClass("hbtn-active"); $(".hbtn-four").removeClass("hbtn-active"); $(".hbtn-five").addClass("hbtn-active"); $(".allviews").css("margin-left", "-2000px"); });

Checkpoint!

At this point, you should be able to click on your extra tab title, and it should navigate you to a blank section.

If this is not the case for you, you may want to restart from the beginning. Ensure you have copied the right code to the right sections, and the right quotation marks are used.

Part III: CSS

[Step 3] Updating the carousel.

Locate the following section (searching for [.allviews {] helps):

Update [width: 2000px] to [width: 2500px]. Update preview and save. Now when you navigate to the extra panel, the text section will show up!

And that should be it!

These are the clearest instructions I can give. I hope this works out.

Quartz page info & post here

Quartz ko-fi shop listing here

If you enjoy my work & help, tip me here ♡

[xuethms]

Hello ! Hopefully this isn't too bothersome but i was using your theme quartz (absolutely amazing btw, i love it) but 0 blogs show up on the blogroll section and i assume it's because i'm using it on my sideblog? it's not super important it's just kinda of an awkward space i was wondering if there was a fix or maybe a way to add blogs manually? tysm in advance

Hello, thank you so much for your interest in Quartz!! There are a few reasons why blogs may not be showing up in the blogroll:

You are using the page on a secondary blog. Blogrolls only show up on primary blogs; there's no fix for this. :(

You do not share Tumblrs you follow. Go to Settings and select your primary blog. Toggle the [Share Tumblrs you're following] option until it's blue.

You accidentally edited something in that section. Please reinstall the code and start over, more carefully!

In this case, it would be indeed because of (1) you're using the page on a sideblog. There is a way to add blogs manually (under the cut), but it would be great if you have knowledge of HTML before attempting this.

The current HTML for the blogroll section is as follows. Find this block in your own page code by pressing ctrl+F and searching for [FOLLOWING panel].

The first thing I need you to do is to remove { block:Following} and { block:Followed}, and their corresponding ending tags:

A single [fol-block] is the styling of one featured blog in the blogroll. This entire section is highlighted in yellow below; copy/paste as many of these blocks as you want to manually add blogs. You will next need to update the text in blue + curly bracket parentheses with the appropriate blog username/title/link/icon image URL, etc.

And that should be it!!

[xuethms]

☁ quartz (about page).

Links: preview | install | by xuethms

Quartz is a carousel-based all-in-one about page that includes a biography section, tagslist, blogroll, and contact page (FAQ + Read First + Ask box). This functionality is further combined with a sleek modern form and a sunny palette.

An homage to my 2014 design, Suikomu.

Features: carousel navigation, long bio, tagslist with sticky category headers, blogroll, FAQ/QNA, askbox

Credits: Preview photos by Ivan Yeo | Cappuccicons by Suiomi | Masonry by David DeSandro | style-my-tooltips by malihu

[supertask-jp]

SeaWorld

A game I made at the first time, 2011

[mluis]

Share XQuartz with Docker

On one terminal run: $ ip=<your interface ip>

$ xhost + $ip

$ socat TCP-LISTEN:6000,reuseaddr,fork UNIX-CLIENT:\"$DISPLAY\"

On another terminal run your container like:

$ ip=<your interface ip>

$ docker run --privileged --rm -it -e DISPLAY=$ip:0 -v /tmp/.X11-unix:/tmp/.X11-unix:rw --net=host --ipc=host --name redected ubuntu bash