# Share what you are working on and using!

**URL:** <https://discuss.write.as/t/share-what-you-are-working-on-and-using/401>\
**Category:** Development\
**Created:** [February 13, 2019, 3:39am UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401 "2019-02-13T03:39:50Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![mikka](https://discuss.write.as/user_avatar/discuss.write.as/mikka/32/344_2.png) [@mikka](https://discuss.write.as/u/mikka)\
**Post date:** [September 8, 2019, 5:14pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/41 "2019-09-08T17:14:49Z")

</div>

> [@cjeller1592](#):
>
> To allow another way for people to engage with my writing, I have decided to make highlights and annotations native on my blog through [Hypothesis](https://hypothes.is)! Check out an example of it in action [here](https://blog.cjeller.site/annotate-this-post).

I’ve noticed you did remove it again. Did you run into issues?

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [September 9, 2019, 11:39am UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/42 "2019-09-09T11:39:10Z")

</div>

Hi @mikka, no issues so far - it should still be up. Did you run into issues seeing annotations or making them?

The way I have it on my blog is that it remains hidden until you highlight a part of the text - then it prompts you to annotate. There are also yellow highlighted parts of the text which are annotations. Clicking either brings up the Hypothesis sidebar to start writing or viewing annotations on that post. I wanted a clean look rather than a sidebar interfering with the reading experience.

Hope that clarifies things

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [September 9, 2019, 11:43am UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/43 "2019-09-09T11:43:00Z")

</div>

You’re welcome @blake! Hope that it works well for your blog. Let me know if you run into any issues using it. Be sure to share your blog so we can start annotating!

---

<div class="post-metadata">

**Author:** ![mikka](https://discuss.write.as/user_avatar/discuss.write.as/mikka/32/344_2.png) [@mikka](https://discuss.write.as/u/mikka)\
**Post date:** [September 10, 2019, 6:47pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/44 "2019-09-10T18:47:19Z")

</div>

> [@cjeller1592](#):
>
> i @mikka, no issues so far - it should still be up. Did you run into issues seeing annotations or making them?

I found the culprit, it’s my experimental browser under Dex on the S6 that breaks on some JavaScript. It’s fixed now, and I’ve [joined the experiment](https://hjarta.io/cj-eller-writes).

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [September 10, 2019, 7:14pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/45 "2019-09-10T19:14:03Z")

</div>

Ah excellent! I just added an annotation on the post.

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [September 27, 2019, 12:33pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/46 "2019-09-27T12:33:41Z")

</div>

Just want to continue on the [embedding Hypothesis annotations on your Write.as blog project](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/39):

I was able to create a Glitch app that updates a post with new annotations every time one is made on my Write.as blog. The post is formatted [like this](https://blog.cjeller.site/annotations). Feel free to remix the app [here](https://glitch.com/~gratis-visor) and ask questions if needed.

---

<div class="post-metadata">

**Author:** ![Cat](https://discuss.write.as/letter_avatar_proxy/v4/letter/c/d07c76/32.png) [@Cat](https://discuss.write.as/u/Cat)\
**Post date:** [October 6, 2019, 6:18pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/47 "2019-10-06T18:18:06Z")

</div>

While Remark.as isn’t ready yet and Submit.as is pricy, I’ve searched for a free (and anonymous) chatroom system that I could incorporate into my blog (in order to facilitate communication). I found [Minnit](https://minnit.chat/), which seems to be quite simple to use. I gave it a shot and [included a chat page](https://write.as/o-idiota/chat) in my blog to test it.

Let’s see what happens.

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [October 7, 2019, 1:14pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/48 "2019-10-07T13:14:57Z")

</div>

Thanks for sharing @Cat! I would have never considered embedding a chatroom system. This just adds another layer of interesting possibilities. Could you share how you embedded it? I am assuming part of it is some code put into the Custom JavaScript?

---

<div class="post-metadata">

**Author:** ![Cat](https://discuss.write.as/letter_avatar_proxy/v4/letter/c/d07c76/32.png) [@Cat](https://discuss.write.as/u/Cat)\
**Post date:** [October 7, 2019, 3:28pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/49 "2019-10-07T15:28:10Z")

</div>

Hi, @cjeller1592, I’m glad you’re interested! Here you are:

> **Code**
>
> ```auto
> if (window.location.pathname.includes('/chat')) {
> const div = document.querySelector('.e-content');
> 
> div.innerHTML = `<strong>AVISO:</strong> este é um chat incorporado que NÃO FAZ PARTE do Write.as. Ao continuar, seu IP poderá ser registrado por terceiros. Se privacidade é um problema para você, utilize uma VPN ou abstenha-se continuar. Você foi avisado.
> 
> <a href="#" id="load-chat" style="display:block;width:100%; text-align:center">Carregar chat</a> 
> `;
> 
> document.querySelector('#load-chat').onclick = () => {
> div.innerHTML = `<iframe src='https://minnit.chat/oidiotablog?embed&nickname=' style='border:none;width:90%;height:500px;' allowTransparency='true'></iframe><br>`;
> };
> }
> 
> ```

The important part is the `onclick` event, which replaces the post’s content (which is a `div` that contains the `e-content` class) with the `iframe` that contains the embedded chat. You could skip all the “click this link to load the chat” thing and just use the code inside the event, thus simplifying it:

> **Code**
>
> ```auto
> if (window.location.pathname.includes('/chat')) {
> const div = document.querySelector('.e-content');
> div.innerHTML = `<iframe src='https://minnit.chat/oidiotablog?embed&nickname=' style='border:none;width:90%;height:500px;' allowTransparency='true'></iframe><br>`;
> }
> 
> ```

I then added a post with a `chat` slug, which is verified in the `if (window.location.pathname.includes('/chat'))`. The included message with the link button is for people who are concerned about their IP addresses being tracked by third parties. Since Minnit registers the IP address of every user in the chat, the embedded chat isn’t loaded until the person clicks the link to load it.

Also, I didn’t put a lot of effort into searching for an embeddable chat system. The first one that I found was Minnit. I’m open to better suggestions, though.

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [October 7, 2019, 7:57pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/50 "2019-10-07T19:57:35Z")

</div>

This is great, thanks @Cat! I actually like the added detail of the “onclick” event. Having the ability to opt-in first rather than having it happen automatically is always a plus.

There are two other open source embeddable chat systems I have seen used on Write.as - First is [Utterances](https://utteranc.es/), a commenting system based on Github issues. Anyone who makes a comment needs a Github account (which is a deal breaker for some). Then there is [Commento](https://commento.io) which has a “name your own price” model.

Another alternative is allowing your posts to be annotated on with [Hypothesis](https://hypothes.is), a free web annotation platform. It works by allowing someone to highlight parts of your post and make annotations through them. You do need an account to do this but it is free and allows you to annotate the rest of the web. I have it implemented on my blog and another Write.as user, @mikka has it on his. See it in action on one of Mikka’s posts [here](https://hjarta.io/cj-eller-writes).

Hope that helps!

---

<div class="post-metadata">

**Author:** ![Cat](https://discuss.write.as/letter_avatar_proxy/v4/letter/c/d07c76/32.png) [@Cat](https://discuss.write.as/u/Cat)\
**Post date:** [October 9, 2019, 1:11am UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/51 "2019-10-09T01:11:53Z")

</div>

Interesting! I guess I’ll try embeddeding Commento into my blog posts as well and see what happens. Thanks for your suggestions!

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [October 10, 2019, 8:40pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/52 "2019-10-10T20:40:08Z")

</div>

No problem @Cat! I am glad to see your experimentation with Write.as, especially with all the channels of interaction on your blog. Do let us know how it goes!

---

<div class="post-metadata">

**Author:** ![Cat](https://discuss.write.as/letter_avatar_proxy/v4/letter/c/d07c76/32.png) [@Cat](https://discuss.write.as/u/Cat)\
**Post date:** [October 21, 2019, 8:12am UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/53 "2019-10-21T08:12:55Z")

</div>

I don’t know if it fits in here, but Ive just implemented [a maze game](https://write.as/o-idiota/labirinto-como-jogar) in my blog (out of pure boredom 😂). I’ve also programmed some bots to solve the generated mazes, each one using a different algorithm. Everything in pure JS.

I’ve also noticed, while doing this, that there’s a limited amount of JavaScript we can add to our blogs (about 1300 lines of code – depends on how much code you put on a single line). Had to use a js minifier to reduce my code so it could be uploaded to my blog.

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [October 21, 2019, 12:25pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/54 "2019-10-21T12:25:46Z")

</div>

I don’t think we’ve had anyone run into the limit for Custom JS, so knowing it is 1300 lines is good to know! And the maze game is awesome! I had no idea about the Manhattan Distance and maze algorithms. Is it possible to share the repository?

Makes me think if there are other interesting possibilities with the Custom JS, especially with interactive fiction and other choice-based writing.

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [November 6, 2019, 5:29pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/55 "2019-11-06T17:29:39Z")

</div>

Trying to take the idea of an [embedded form that updates a Write.as post](https://blog.cjeller.site/trying-something-out) and put it into action with an open course called [Blogging Futures](https://blog.cjeller.site/blogging-futures). The structure of the course is an open blogchain, meaning that people write posts on their own site and contribute to the ongoing thread. In order to make this possible, I used an embedded form so that people could add their post to the conversation.

Check it out and join in if you’d like. It is a conversation about the future of writing on the web and it’s been picking up. Would love to have you all contribute a post or two.

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [November 15, 2019, 6:19pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/56 "2019-11-15T18:19:45Z")

</div>

Just sharing a trick that I discovered, to disable the Stats link from the drop-down menu when logged in.

```
/* Hide Stats link */
  nav#manage ul a[href="/me/c/<UserName>/stats"] {
  pointer-events: none;
  color: #fff;
  background: #fff;
}
```

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [November 15, 2019, 7:00pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/57 "2019-11-15T19:00:57Z")

</div>

That’s great @dino! I experimented with your code and found that below works equally well, even removing the white space left in the menu:

```auto
nav#manage ul a[href="/me/c/<UserName>/stats"] {
  display:none;
}

```

This actually builds off something I did with my blog (and looks like you did too from reading yours) - removing the view count on posts for your blog when logged in. The CSS looks like this:

```auto
.views {
    display: none;
}

```

Combined together, this is a great way to actively remove the compulsion to check views and blog stats so that you can focus on what matters in the first place - writing.

Many thanks again for sharing this!

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [November 15, 2019, 7:12pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/58 "2019-11-15T19:12:54Z")

</div>

@cjeller1592 that’s even better! Now it looks as though the link was never there in the first place, perfect.

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [November 15, 2019, 7:30pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/59 "2019-11-15T19:30:52Z")

</div>

Exactly! It definitely gives you a cleaner solution.

I am looking forward to seeing how your experiment with removing the views/stats goes! Removing the post views changed my perspective on my own writing and the reception of it for the better. Hope it does the same for you too @dino!

---

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [December 10, 2019, 9:19pm UTC](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401/60 "2019-12-10T21:19:30Z")

</div>

We created an updated version of a Glitch app that allows you to search Read Write.as - [check out the app here](https://search-readwriteas.glitch.me). It is built upon the API and uses an openly accessible Read Write.as endpoint - [learn about it here](https://discuss.write.as/t/read-write-as-api/492/2).

[Previous page](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401.md?page=2)

[Next page](https://discuss.write.as/t/share-what-you-are-working-on-and-using/401.md?page=4)
