Coder Social home page Coder Social logo

Hi!

My name is Bruno Zhong. I am 10 years old. I am learning:

  • Markdown
  • HTML (Hypertext Markup Languge)
  • JavaScript
  • CSS (Casading Style Sheets)
  • Swift

Markdown syntax:

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
<!--This is a comment; comments are close to HTML syntax-->

Simple paragraph

*Italic*

**Bold; for keywords**

***Bold AND italic; this text is super important***

*Nested, **they look better**!*
**Or, *reversed*!**

<h1>Sometimes, you need HTML like in this heading!</h1>

<hr> 

Or this horizantal rule up top
<!--
Comments can span multiple lines or hide code:
# I will never be displayed
**Me too!**
-->

HTML syntax:

<html lang="en-US"><body>
  <!--HTML comments are same as markdown comments-->
  Text
  <div>Some element</div>
  <p>This is a paragraph. Just like markdown, you can make text <b>bold</b> or <i>italic</i>! <b><i>You can nest them</i></b>!</p>
  <object data="_sidebar.inc" style="width: 25%;"></object>
  <p>Enbedded objects</p>
  <p style="color: #FF0000">Add some red!</p>
  <br>
  <p>Line break</p>
  <hr>
  <p>Horizantal rule</p>
  <h1>Headings; one to</h1><h6>six!</h6>
</body></html>

(Markdown crying):

<h1 style="color: red">Please add some style... wahhhhhhhhhhhh!</h1>

Brunozhon.github.io

Brunozhon.github.io is a website that tells features, stories, projects, and other things I made.

All features avavible at https://github.com/Brunozhon?tab=repositories

Robocat!

See at https://brunozhon.github.io/otter/robodex/!

Stats

How to add

Simply copy/paste this code and replace yourusername with your username.

Tips: Change include_all_commits to false. Change theme to a diffrent theme. Change show_icons to false. Add alt="Your Name's GitHub Stats" or title="Your Name's GitHub stats"

<img src="https://github-readme-stats.vercel.app/api?username=yourusername&show_icons=true&theme=radical&include_all_commits=true" alt="Your Username's GitHub stats">

URL:

include_all_commits=false:

theme=dracula:

theme=gotham:

show_icons=false:

Element:

alt="Bruno Zhong's GitHub stats":

Bruno Zhong's GitHub stats

title="Bruno Zhong's GitHub stats":

Repos

How to add

Simply copy/paste this code and replace yourusername with your GitHub username and yourrepo with you GitHub repo you'd like to show.

Tips: Like before, you can change the theme so I won't show that. No theme is added or deleted.

<a href="https://github.com/yourusername/yourrepo"><img src="https://github-readme-stats.vercel.app/api/pin/?username=yourusername&repo=yourrepo&theme=radical" /></a>

Top Langs

You will never know how I did this. Mwahahahahahahahahahahahahahahahahahaha!

Contributions for last Halloween!

Bruno Zhong's Projects

ama icon ama

Ask @Brunozhon anything!

api icon api

API for brunozhon.github.io

apps icon apps

Apps for https://brunozhon.github.io

bit-hub icon bit-hub

BitHub uses bit instead of git. To start, go to https://brunozhon.github.io/bit-hub/#now=signin&redirecturi=%2Fbit-hub%2Fuser%2F%23authuser . If you remove the “now=sign in” part, you will not get the displayed sign in thing.

blog icon blog

Blog for brunozhon.github.io

bpm icon bpm

Bruno Package Manager. Install amazing packages using python and import them using the JavaScript import function. You can add a package by downloading just 2 python files or forking. You can even clone a package file to a new file of your name if it exists, otherwise it overwrites the file’s whole content. BE CAREFUL! YOU MAY EDIT THE WRONG FILE OR ACCIDENTALLY OVERWRITE IMPORTANT CONTENT!

bruno-org icon bruno-org

Join Bruno Organization! Bruno Organization is a open source product maker and teaching product (future release). Enjoy Bruno Organization! :)

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.