GithubHelp home page GithubHelp logo

Comments (23)

Ismael-KG avatar Ismael-KG commented on July 28, 2024 10

Thanks @Bisola15 and @NPDebs! That was very helpful! And everyone else for your interest in working on this.

@iremide1022, thanks for mentioning you can edit the opening comment! Maybe it can look like this (but feel free to make edits):

This issue is for discussing OLS' social previews. We can use this space to clarify what the work looks like and link pull requests to if they are suggested social previews. The final step will be to change the repository's social preview [following GitHub's process](https://help.github.com/en/github/administering-a-repository/customizing-your-repositorys-social-media-preview).
## What's a social preview?
They are like cards giving a sneak preview of what a shared link will lead to. If you paste a link to OLS' GitHub page on Twitter, for example, an image appears. This is the site's social preview. It serves as eye-candy, getting people interested to click and see what the site's about!
## Things to keep in mind
Social previews might look different according to where we share links (for example, Twitter might show a slightly different social preview to Slack).

(This text is formatted so you can copy and paste directly, without needing to format any further – I hope this helps and is not confusing! But please ask if it is.)

from branding.

Bisola15 avatar Bisola15 commented on July 28, 2024 3

This is a great issue! I do have a few questions, though. It would be great if everyone could help with them:

  1. What's a social preview?
  2. Does it look the same wherever a link is shared? (Say, Slack, Twitter.)
  3. What other things are important about social media previews?

@iremide1022, as you opened the issue, I wonder if you could edit the opening comment once we have some answers?

That way, as people open the issue, they understand what's being worked on. How does that sound?

  1. Hi @Ismael-KG A social preview is a pictorial representation of what a link to a brand will look like when shared to other people. For example, If I copied the link to OLs's GitHub site and pasted it to a friend, what would they see.

  2. No, it does not look the same. From my research, Social previews on slack are generally different, they are longer (with the description running longer) . If I could send a picture... For whatsApp, they are shorter consisting only of a brand logo or a header picture (or not if an image is absent), A title, slight description of the page if there is any and the actual link to the page.

  3. Based on other social previews I studies, there was the common theme I listed above. I also noticed that they are clear, not overloaded with information.

If you check the pull request, some social previews has been designed already.

Thank you so much for helping out!

from branding.

Ismael-KG avatar Ismael-KG commented on July 28, 2024 2

This is a great issue! I do have a few questions, though. It would be great if everyone could help with them:

  1. What's a social preview?
  2. Does it look the same wherever a link is shared? (Say, Slack, Twitter.)
  3. What other things are important about social media previews?

@iremide1022, as you opened the issue, I wonder if you could edit the opening comment once we have some answers?

That way, as people open the issue, they understand what's being worked on. How does that sound?

from branding.

NPDebs avatar NPDebs commented on July 28, 2024 1

This is a great issue! I do have a few questions, though. It would be great if everyone could help with them:

  1. What's a social preview?
  2. Does it look the same wherever a link is shared? (Say, Slack, Twitter.)
  3. What other things are important about social media previews?

@iremide1022, as you opened the issue, I wonder if you could edit the opening comment once we have some answers?

That way, as people open the issue, they understand what's being worked on. How does that sound?

  • Social previews/cards offer a "preview" or sample of what a post (or a link) would look like when shared across social media platforms.
    They serve as eyecandy, used to convince people that the link is click-worthy.
    S.Ps are great for branding, and promote trust/identity. They also mean you don't have to explain what a link you shared contains. 😅

  • I don't think they look the same everywhere, seeing as some apps customise previews (especially when content is missing).

  • It typically contains a title, short description, a domain name, and a clickable image.

from branding.

iremide1022 avatar iremide1022 commented on July 28, 2024 1

@Ismael-KG all you comments are duely noted and I added the changes already, thank you! and yes it really helped

from branding.

latifatakin avatar latifatakin commented on July 28, 2024 1

Good question! Issues serve as a discussion forum – they help get ideas flowing and, hopefully, end in some form of consensus. In this case, we're trying to figure out what the social preview should contain and how it might be formatted to work on different platforms. For the purpose of this issue: have we accomplished this?

And then there's the next step, where pull requests serve as the actual actions following from this issue. There are quite a few pull requests related to this issue. If you want, you can comment on those and help people improve their suggestions!

@Ismael-KG I believe we have achieved the first purpose which is to figure out what social preview should contain.

For the second part which is the action that follows, we are on track also. I think some suggestions here and there and possibly additional pull requests and then we will achieve our goal.

from branding.

jilaga avatar jilaga commented on July 28, 2024

@yochannah is this the same issue you opened in #4 ? I made a pull request on #4 and would love your feedback, thank you

from branding.

niyolynate avatar niyolynate commented on July 28, 2024

Hello
I would like to contribute to this Issue

from branding.

niyolynate avatar niyolynate commented on July 28, 2024

This is how my social media preview would look like
phn preview
preview PC

from branding.

iremide1022 avatar iremide1022 commented on July 28, 2024

social preview (1)

from branding.

iremide1022 avatar iremide1022 commented on July 28, 2024

This is a social preview i created``

from branding.

Blessing1135 avatar Blessing1135 commented on July 28, 2024

Hello, @yochannah my name is Blessing I would like to work on this project. Thank you.

from branding.

Bisola15 avatar Bisola15 commented on July 28, 2024

Hi @yochannah I would like to work on this issue

from branding.

Esyteck avatar Esyteck commented on July 28, 2024

I will love to work on this issue @yo

from branding.

caxrii avatar caxrii commented on July 28, 2024

@yochannah @Ismael-KG
#33 (comment)

from branding.

NPDebs avatar NPDebs commented on July 28, 2024
[https://github.com/open-life-science/branding/pull/33](url)

@Caxri7 You may have written your Link wrong. 😃

Here's the proper link...

from branding.

iremide1022 avatar iremide1022 commented on July 28, 2024

@Ismael-KG is there anything else that needs to be done concerning this issue, please I need a guide 🙏

from branding.

Ismael-KG avatar Ismael-KG commented on July 28, 2024

Good question! Issues serve as a discussion forum – they help get ideas flowing and, hopefully, end in some form of consensus. In this case, we're trying to figure out what the social preview should contain and how it might be formatted to work on different platforms. For the purpose of this issue: have we accomplished this?

And then there's the next step, where pull requests serve as the actual actions following from this issue. There are quite a few pull requests related to this issue. If you want, you can comment on those and help people improve their suggestions!

from branding.

Bisola15 avatar Bisola15 commented on July 28, 2024

Good question! Issues serve as a discussion forum – they help get ideas flowing and, hopefully, end in some form of consensus. In this case, we're trying to figure out what the social preview should contain and how it might be formatted to work on different platforms. For the purpose of this issue: have we accomplished this?

And then there's the next step, where pull requests serve as the actual actions following from this issue. There are quite a few pull requests related to this issue. If you want, you can comment on those and help people improve their suggestions!

Thank you @Ismael-KG Seeing as the definition of social preview is similar, I would say we have accomplished it.

Already checked out some. I'll go round to see if there are more 😌

from branding.

Chalcedony219 avatar Chalcedony219 commented on July 28, 2024

Good question! Issues serve as a discussion forum – they help get ideas flowing and, hopefully, end in some form of consensus. In this case, we're trying to figure out what the social preview should contain and how it might be formatted to work on different platforms. For the purpose of this issue: have we accomplished this?

And then there's the next step, where pull requests serve as the actual actions following from this issue. There are quite a few pull requests related to this issue. If you want, you can comment on those and help people improve their suggestions!

Thank you @Ismael-KG
I think we’re on the same page

from branding.

Everythinglayemi avatar Everythinglayemi commented on July 28, 2024

This is a social preview I created for a twitter post
SOCIAL Preview

from branding.

kryptosjay avatar kryptosjay commented on July 28, 2024

hi @Ismael-KG this is my SOCIAL MEDIA PREVIEW IMAGE
OPEN LIFE SCI
OLS

from branding.

NPDebs avatar NPDebs commented on July 28, 2024

Hello, lovelies!
Thanks for the work here. We will be closing this issue as we have completed our rebranding exercise.

All the best! 🌷

from branding.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.