Skip to content

Commit

Permalink
iconic-salmon-svg:2.1.0 (#1595)
Browse files Browse the repository at this point in the history
Co-authored-by: Bi0T1N <[email protected]>
  • Loading branch information
Bi0T1N and Bi0T1N authored Jan 31, 2025
1 parent da66853 commit f11c955
Show file tree
Hide file tree
Showing 45 changed files with 1,313 additions and 0 deletions.
21 changes: 21 additions & 0 deletions packages/preview/iconic-salmon-svg/2.1.0/LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
MIT License

Copyright (c) 2024 Nico Neumann (Bi0T1N)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
45 changes: 45 additions & 0 deletions packages/preview/iconic-salmon-svg/2.1.0/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# [Social Media References based on Scalable Vector Graphics (SVG) Icons for Typst](https://github.com/Bi0T1N/typst-iconic-salmon-svg)
The `iconic-salmon-svg` package is designed to help you create your curriculum vitae (CV). It allows you to easily reference your social media profiles with the typical icon of the service plus a link to your profile.
The package name is a combination of the acronym *SociAL Media icONs* and the word *iconic* because all these icons have an iconic design (and iconic also contains the word *icon*).

## Features
- Support for popular social media, developer and career platforms
- Uniform design for all entries
- Based on publicly available SVG symbols
- Easy to use
- Written flexibly, allowing you to use the icons separately, replace them with local copies or generate links for websites that are not included
- Allows the customization of the look (extra args are passed to [`text`](https://typst.app/docs/reference/text/text/))

## Usage
### Using Typst's package manager
You can install the library using the [typst packages](https://github.com/typst/packages):
```typst
#import "@preview/iconic-salmon-svg:2.1.0": *
```

### Install manually
Put the `iconic-salmon-svg.typ` file in your project directory and import it:
```typst
#import "iconic-salmon-svg.typ": *
```

### Minimal Example
```typst
// #import "@preview/iconic-salmon-svg:2.1.0": github-info, gitlab-info
#import "iconic-salmon-svg.typ": github-info, gitlab-info
This project was created by #github-info("Bi0T1N"). You can also find me on #gitlab-info("GitLab", rgb("#811052"), url: "https://gitlab.com/Bi0T1N").
```

### Examples
See the [`examples.typ`](examples/examples.typ) file for a complete example. The [generated PDF files](examples/) are also available for preview.

## Contribution
Feel free to open an issue or a pull request if you find any problems or have any suggestions.

## License
This library is licensed under the MIT license. Feel free to use it in your project.

## Trademark Disclaimer
Product names, logos, brands and other trademarks referred to in this project are the property of their respective trademark holders.
These trademark holders are not affiliated with this Typst library, nor are the authors officially endorsed by them, nor do the authors claim ownership of these trademarks.
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
*.pdf
130 changes: 130 additions & 0 deletions packages/preview/iconic-salmon-svg/2.1.0/examples/examples.typ
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
#import "../iconic-salmon-svg.typ": *
#import "../iconic-salmon-svg-icons.typ" as icon

= Usage Examples
== Facebook
#facebook-info("NEFFEX", url: "https://www.facebook.com/Neffexmusic/")
#h(1cm)
#facebook-info("NEFFEX", url: "https://www.facebook.com/Neffexmusic", blue)
#h(1cm)
#let custom_facebook_icon_size() = icon.facebook-icon(height: 0.5em)
#facebook-info("NEFFEX", url: "https://www.facebook.com/Neffexmusic", icon-func: custom_facebook_icon_size)

== Instagram
#instagram-info("janlo.pulling_pictures")
#h(0.5cm)
#instagram-info("janlo.pulling_pictures", purple)
#h(0.5cm)
#instagram-info("Jan Lo - Tractor-Pulling Media „Jan Knips“", url: "https://www.instagram.com/janlo.pulling_pictures/")

== TikTok
#tiktok-info("neffex", green, style: "italic")
#h(1cm)
#tiktok-info("NEFFEX", url: "https://www.tiktok.com/@neffex/", font: "DejaVu Sans")

== YouTube
#youtube-info("floatingfinish2211")
#h(1cm)
#youtube-info("floatingfinish2211", rgb("#0033cc"), weight: "bold")
#h(1cm)
#youtube-info("Floating Finish", url: "https://www.youtube.com/@floatingfinish2211", green)

== Vimeo
#vimeo-info("osrfoundation")
#h(1cm)
#vimeo-info("Open Robotics", url: "https://vimeo.com/osrfoundation/")

== LinkedIn
#linkedin-info("BMW Group", url: "https://www.linkedin.com/company/bmw-group/", rgb("0166B1"))

== XING
#xing-info("CLAAS", url: "https://www.xing.com/pages/claas")
#h(1cm)
#xing-info("ABB Deutschland", url: "https://www.xing.com/pages/abbde")

== GitHub
#github-info("Bi0T1N")
#h(1cm)
#github-info("Bi0T1N", rgb("#ffcc00"))
#h(1cm)
#github-info("Bi0T1N", green)

== GitLab
#gitlab-info("Bi0T1N")
#h(1cm)
#gitlab-info("Bi0T1N", rgb("#811052"))
#h(1cm)
#gitlab-info("Bi0T1N", green)
#h(1cm)
#gitlab-info("Bi0T1N", url: "https://gitlab.com/Bi0T1N/fpc-docker")

== Bitbucket
#bitbucket-info("karaiskc")
#h(1cm)
#bitbucket-info("karaiskc", url: "https://bitbucket.org/karaiskc/ros-sensor-info-viewer-and-logger/")

== Codeberg
#codeberg-info("biotite-dev")

== SourceForge
#sourceforge-info("Lazarus", url: "https://sourceforge.net/projects/lazarus/")

== Docker
#docker-info("rust", url: "https://hub.docker.com/_/rust", rgb("b7410e"))
#h(1cm)
#docker-info("Bi0T1N", url: "https://hub.docker.com/u/bi0t1n")
#h(1cm)
#docker-info("debian", url: "https://hub.docker.com/_/debian", red)

== Stack Overflow
#stackoverflow-info("Remy Lebeau", url: "https://stackoverflow.com/users/65863/remy-lebeau")
#h(1cm)
#stackoverflow-info("Bi0T1N", url: "https://stackoverflow.com/users/20742512/bi0t1n", orange)

== Stack Exchange
#stackexchange-info("Remy Lebeau", url: "https://scifi.stackexchange.com/users/42754/remy-lebeau")
#h(1cm)
#stackexchange-info("Bi0T1N", url: "https://robotics.stackexchange.com/users/33077/bi0t1n")

== Skype
#skype-info("callme")

== Discord
#discord-info("messageme")

== Twitter
#twitter-info("elonmusk", rgb("#663300"))
#h(1cm)
#twitter-info("Elon Musk", url: "https://twitter.com/elonmusk/", rgb("#663300"))
== X / Twitter
#x-twitter-info("elonmusk", rgb("#663300"))
#h(1cm)
#x-twitter-info("Elon Musk", url: "https://twitter.com/elonmusk/", rgb("#663300"))
== ORCID
#orcid-info("0000-0002-1825-0097")
#h(1cm)
#orcid-info("Josiah Carberry", url: "https://orcid.org/0000-0002-1825-0097", green)

== TryHackMe
#tryhackme-info("Bi0T1N", url: "https://tryhackme.com/p/Bi0T1N")
#h(1cm)
#let custom_tryhackme_icon_large() = icon.tryhackme-icon(file: "svg/tryhackme_logo_icon_249349.svg", height: 3.3em)
#tryhackme-info("Bi0T1N", url: "https://tryhackme.com/p/Bi0T1N", icon-func: custom_tryhackme_icon_large)
#h(1cm)
#let custom_tryhackme_icon_mini() = icon.tryhackme-icon(file: "svg/tryhackme_logo_icon_249349.svg", height: 0.6em)
#tryhackme-info("Bi0T1N", url: "https://tryhackme.com/p/Bi0T1N", icon-func: custom_tryhackme_icon_mini)

== Mastodon
#mastodon-info("Electronic Frontier Foundation", url: "https://mastodon.social/@eff")
#h(1cm)
#mastodon-info("wikiRandomImgs")

== ResearchGate
#researchgate-info("Josiah-Carberry", url: "https://www.researchgate.net/profile/Josiah-Carberry")
#h(1cm)
#researchgate-info("Josiah Carberry", url: "https://www.researchgate.net/profile/Josiah-Carberry", green)

== Google Scholar
#google-scholar-info("David Campbell", url: "https://scholar.google.com/citations?user=icXJxqwAAAAJ")
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
// #import "@preview/iconic-salmon-svg:1.0.0": github-info, gitlab-info
#import "../iconic-salmon-svg.typ": github-info, gitlab-info

This project was created by #github-info("Bi0T1N"). You can also find me on #gitlab-info("GitLab", rgb("#811052"), url: "https://gitlab.com/Bi0T1N").
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
/// A function that creates a box with the associated icon of the web page
///
/// - file (str): The file of the associated icon
/// - height (float): The height of the icon
/// -> content
#let icon(file, height) = box(image(file, height: height))


//
// icon definitions
//
#let facebook-icon(file: "svg/Facebook_Logo_Primary.svg", height: 1.1em) = icon(file, height)

#let instagram-icon(file: "svg/Instagram_logo_2022.svg", height: 0.9em) = icon(file, height)

#let tiktok-icon(file: "svg/TikTok_Icon_Black.svg", height: 0.9em) = icon(file, height)

#let youtube-icon(file: "svg/YouTube_full-color_icon_(2017).svg", height: 0.9em) = icon(file, height)

#let vimeo-icon(file: "svg/vimeo-tile.svg", height: 0.9em) = icon(file, height)

#let linkedin-icon(file: "svg/LinkedIn_icon.svg", height: 0.9em) = icon(file, height)

#let xing-icon(file: "svg/xing-icon.svg", height: 0.9em) = icon(file, height)

#let github-icon(file: "svg/github-mark.svg", height: 0.9em) = icon(file, height)

#let gitlab-icon(file: "svg/GitLab_icon.svg", height: 0.9em) = icon(file, height)

#let bitbucket-icon(file: "svg/mark-gradient-blue-bitbucket.svg", height: 0.9em) = icon(file, height)

#let codeberg-icon(file: "svg/codeberg-logo_icon_blue.svg", height: 0.9em) = icon(file, height)

#let sourceforge-icon(file: "svg/sourceforge-seeklogo.svg", height: 0.9em) = icon(file, height)

#let docker-icon(file: "svg/docker-mark-blue.svg", height: 0.9em) = icon(file, height)

#let stackoverflow-icon(file: "svg/Stack_Overflow_icon.svg", height: 0.9em) = icon(file, height)

#let stackexchange-icon(file: "svg/Stack_Exchange_icon.svg", height: 0.9em) = icon(file, height)

#let skype-icon(file: "svg/skype-icon.svg", height: 0.9em) = icon(file, height)

#let discord-icon(file: "svg/Discord_icon_clyde_blurple_RGB.svg", height: 0.9em) = icon(file, height)

#let twitter-icon(file: "svg/Logo_of_Twitter.svg", height: 0.9em) = icon(file, height)

#let x-twitter-icon(file: "svg/X_logo_2023.svg", height: 0.9em) = icon(file, height)

#let orcid-icon(file: "svg/ORCID_iD.svg", height: 0.9em) = icon(file, height)

#let tryhackme-icon(file: "svg/tryhackme.com.svg", height: 0.9em) = icon(file, height)

#let mastodon-icon(file: "svg/mastodon-logo-purple.svg", height: 0.9em) = icon(file, height)

#let researchgate-icon(file: "svg/ResearchGate_icon_SVG.svg", height: 0.9em) = icon(file, height)

#let google-scholar-icon(file: "svg/Google_Scholar_logo.svg", height: 0.9em) = icon(file, height)
Loading

0 comments on commit f11c955

Please sign in to comment.