-
-
Notifications
You must be signed in to change notification settings - Fork 55
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add guide for sponsors and showcases
- Loading branch information
Showing
10 changed files
with
319 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| --- | ||
| import type { ImageMetadata } from 'astro' | ||
| type Props = { | ||
| url: string, | ||
| size: number, | ||
| name: string, | ||
| link: string, | ||
| borderColor: string | ||
| } | ||
| const { url, size, name, link, borderColor } = Astro.props; | ||
| --- | ||
|
|
||
| <div | ||
| class="not-content" | ||
| style=`min-width: ${size}px; display: flex; flex-direction: column; align-items: center;` | ||
| > | ||
| <img | ||
| class="not-content" | ||
| src={url} | ||
| style={{ | ||
| resizeMode: 'cover', | ||
| width: `${size}px`, | ||
| height: `${size}px`, | ||
| borderRadius: '50%', | ||
| borderWidth: borderColor ? '4px' : '1px', | ||
| borderStyle: 'solid', | ||
| borderColor: borderColor || 'white' | ||
| }} | ||
| /> | ||
| <span> | ||
| <a href={link} alt={name}> | ||
| {name} | ||
| </a> | ||
| </span> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,64 @@ | ||
| --- | ||
| title: Examples | ||
| --- | ||
|
|
||
| import Seo from '../../../components/Seo.astro' | ||
|
|
||
|
|
||
| <Seo | ||
| seo={{ | ||
| title: 'Examples', | ||
| description: 'Browse examples using react-native-unistyles' | ||
| }} | ||
| > | ||
|
|
||
| ### Explore Examples with Unistyles 2.0 | ||
|
|
||
| :::tip | ||
| Delve into a variety of examples that demonstrate the practical applications and capabilities of Unistyles 2.0. | ||
| Collection of examples is hosted on GitHub, making it easy for you to browse, learn, and get inspired. | ||
| ::: | ||
|
|
||
|
|
||
| #### Theming | ||
|
|
||
| - No registered themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/NoThemesScreen.tsx) | ||
| - Single theme [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/SingleThemeScreen.tsx) | ||
| - Two themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/TwoThemesScreen.tsx) | ||
| - Multiple themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MultipleThemesScreen.tsx) | ||
| - Adaptive mode [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/LightDarkThemesScreen.tsx) | ||
| - Adaptive mode with multiple themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MultipleThemesAdaptiveScreen.tsx) | ||
|
|
||
| #### Breakpoints | ||
|
|
||
| - No registered breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/NoBreakpointsScreen.tsx) | ||
| - With breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/WithBreakpointsScreen.tsx) | ||
| - With orientation breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/OrientationBreakpoints.tsx) | ||
|
|
||
| #### Media queries | ||
|
|
||
| - mq util [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MediaQueriesWidthHeight.tsx) | ||
| - mixed with breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examplesMixedMediaQueries.tsx) | ||
|
|
||
| #### Variants | ||
|
|
||
| - Selected variant [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/VariantsScreen.tsx) | ||
| - Default variant [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/DefaultVariantScreen.tsx) | ||
|
|
||
| #### Plugins | ||
| - Auto guideline plugin [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/AutoGuidelinePluginScreen.tsx) | ||
| - High contrast plugin [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/HighContrastPluginScreen.tsx) | ||
|
|
||
| #### UnistylesRuntime | ||
|
|
||
| - All runtime values [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/RuntimeScreen.tsx) | ||
| - Runtime in stylesheet [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/RuntimeWithStyleSheetScreen.tsx) | ||
|
|
||
| #### Other | ||
| - Memoization [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MemoizationScreen.tsx) | ||
| - PlatformColor [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/PlatformColorsScreen.tsx) | ||
| - Compatibility with StyleSheet [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/StyleSheetScreen.tsx) | ||
| - useStyles with no arguments [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/NoStyleSheetScreen.tsx) | ||
| - Advanced nested stylesheeets with perfect TypeScript support [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/TypeScriptValidatorTest.tsx) | ||
|
|
||
| </Seo> |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| --- | ||
| title: For Sponsors | ||
| --- | ||
|
|
||
| import Seo from '../../../components/Seo.astro' | ||
|
|
||
| <Seo | ||
| seo={{ | ||
| title: 'For Sponsors', | ||
| description: 'Support the development of react-native-unistyles' | ||
| }} | ||
| > | ||
|
|
||
| :::tip | ||
| Your support can significantly advance the development of Unistyles 2.0 to new heights. We are seeking sponsors to collaborate in creating a more robust, feature-rich library, including the development of a custom compiler. | ||
| ::: | ||
|
|
||
| ### Why sponsor Unistyles? | ||
|
|
||
| - **Advancing Innovation**: Your sponsorship helps in the continuous innovation and improvement of Unistyles. This support is crucial for developing new features and maintaining the library | ||
| - **Benefit for Developers and Companies**: Both individual developers and large companies that profit from using Unistyles stand to gain from its enhancements. Your support ensures that Unistyles remains a cutting-edge tool in your development arsenal | ||
| - **Limited Free Time Challenge**: The development of innovative libraries like Unistyles is often constrained by the limited free time of creators. Sponsorship can provide the necessary resources for dedicated development time | ||
|
|
||
| ### How to sponsor? | ||
|
|
||
| - **Github Sponsorship**: [link](https://github.com/sponsors/jpudysz) | ||
| - **Ko-Fi**: [link](https://ko-fi.com/jpudysz) | ||
|
|
||
| ### Free options | ||
| - **Sharing Unistyles**: A free yet impactful way to support us is by sharing information about Unistyles within your network. Spreading the word helps increase our visibility and user base | ||
| - **Twitter Shoutout**: Give us a shoutout on Twitter. Public endorsements and mentions can significantly boost our project's presence and reach | ||
|
|
||
| ### Other options | ||
|
|
||
| :::tip[Hire Codemask] | ||
| If you're looking to hire a skilled React Native team, Codemask is open for collaboration. We offer expertise and quality in building React Native applications. | ||
|
|
||
| [Contact Codemask](https://codemask.com) | ||
| ::: | ||
|
|
||
| :::tip[Build Native Library] | ||
| If your company is seeking to build a native library, either as an open-source project or a private one, we are open to being hired for such projects. | ||
| Our expertise ensures that your project's goals are met with the highest standards. | ||
|
|
||
| [Contace me](https://x.com/jpudysz) | ||
| ::: | ||
|
|
||
| </Seo> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,49 @@ | ||
| --- | ||
| title: Projects | ||
| --- | ||
|
|
||
| import Seo from '../../../components/Seo.astro' | ||
|
|
||
| <Seo | ||
| seo={{ | ||
| title: 'Breakpoints', | ||
| description: 'Projects build with react-native-unistyles' | ||
| }} | ||
| > | ||
|
|
||
| ### Community Projects Built with Unistyles 2.0 | ||
|
|
||
| :::tip | ||
| We're excited to showcase the amazing projects that our community will buid using Unistyles 2.0. | ||
|
|
||
| This is a great opportunity for you to gain more visibility for your work and for everyone to see the potential and versatility of Unistyles 2.0 in action. | ||
|
|
||
| ::: | ||
|
|
||
| ### How to Share Your Project? | ||
|
|
||
| If you've built a project using Unistyles 2.0 and want to share it with the community, here’s how you can do it: | ||
|
|
||
| - [Discord](todo) - Send a direct message to me on Discord | ||
| - [Twitter](todo) - Tag me in your project posts on Twitter | ||
| - [Email](todo) - Send an email with details about your project | ||
|
|
||
|
|
||
| ### Why Share Your Project? | ||
|
|
||
| - **Visibility**: Get your project in front of a wide audience of developers and potential users | ||
| - **Feedback**: Receive valuable feedback from the community to help improve your project | ||
| - **Inspiration**: Inspire others with what you’ve achieved and show the capabilities of Unistyles 2.0 | ||
| - **Connect**: Connect with other developers, which can lead to collaborations and new opportunities | ||
|
|
||
| ### What to Include in Your Submission? | ||
|
|
||
| - A brief description of your project. | ||
| - Key features and how Unistyles 2.0 has been utilized | ||
| - Links to the project repository, live demos, or any relevant resources | ||
| - Screenshots or videos showcasing your project | ||
| - Any other information you think might be interesting or useful to the community | ||
|
|
||
| We're looking forward to seeing your incredible projects and sharing them with the wider Unistyles community! Your contributions not only demonstrate the power of Unistyles 2.0 but also help inspire and guide new users. | ||
|
|
||
| </Seo> |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,48 @@ | ||
| --- | ||
| title: UI Kits | ||
| --- | ||
|
|
||
| import Seo from '../../../components/Seo.astro' | ||
|
|
||
| <Seo | ||
| seo={{ | ||
| title: 'UI Kits', | ||
| description: 'UI Kits built with react-native-unistyles' | ||
| }} | ||
| > | ||
|
|
||
| ### UI Kits built with Unistyles 2.0 | ||
|
|
||
| :::tip | ||
| We're excited to showcase all UI Kits that our community will buid using Unistyles 2.0. | ||
|
|
||
| This is a great opportunity for you to gain more visibility for your work and for everyone to see the potential and versatility of Unistyles 2.0 in action. | ||
| ::: | ||
|
|
||
| ### How to Share Your UI Kit? | ||
|
|
||
| If you've built a UI Kit using Unistyles 2.0 and want to share it with the community, here’s how you can do it: | ||
|
|
||
| - [Discord](todo) - Send a direct message to me on Discord | ||
| - [Twitter](todo) - Tag me in your project posts on Twitter | ||
| - [Email](todo) - Send an email with details about your project | ||
|
|
||
| ### Why Share Your UI Kit? | ||
|
|
||
| - **Visibility**: Expose your UI Kit to a broad audience, including developers and potential users | ||
| - **Feedback**: Gain valuable insights and feedback from the community to refine your UI Kit | ||
| - **Inspiration**: Your work can inspire others and demonstrate the extensive capabilities of Unistyles 2.0 | ||
| - **Networking**: Connect with fellow developers and open doors to potential collaborations and new opportunities | ||
|
|
||
|
|
||
| ### What to Include in Your Submission? | ||
| - A brief introduction to your UI Kit | ||
| - Key features and the integration of Unistyles 2.0 in your UI Kit | ||
| - Links to the UI Kit repository, live demos, or any relevant resources | ||
| - Screenshots, videos, or other media showcasing the UI Kit | ||
| - Any other details you think will interest or benefit the community | ||
|
|
||
|
|
||
| We can't wait to see your innovative UI Kits and share them with our extensive Unistyles community! Your creations not only showcase the versatility of Unistyles 2.0 but also serve as a valuable resource and inspiration for others in the field. | ||
|
|
||
| </Seo> |