Add Open Graph and Twitter Card meta tags to all HTML pages#34
Add Open Graph and Twitter Card meta tags to all HTML pages#34
Conversation
Update index.html
Changes added by @VidulHB
Added features
#updated
Fully updated by @Geek-Cheth
updated by
updated /github
[WIP] this website has irresponsive css that collides in mobile view copilot/fix
…Inactive Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>
…0-be98-a050873983dc Update Neksha DeSilva role to Former Executive Director (Resigned) - Inactive
…port Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>
Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>
Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>
…ate-styles Redesign website with professional styling: Google Sans font, remove emojis, add 2025 impact content
Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>
Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>
|
@copilot So you have to do a lot of things here. In this website, as you can see there are many discrepancies in the images, especially the header. The header look doesn't actually look like look like a good thing and that if you can please look at these screenshots, the images in the readme dot MD of that repository. I need to look this like a credible thing. A credible thing for the people who review this, the people who check this out. A credible thing like now it feels like just a jammed a kind of a website instead of having nothing. So like this is the way to frame it. Currently it is just like looking like a small club or kind of a small **** But this is how it looks like. It should be a foundation, not a small page for like a kind of a magazine, pages of leather. It should be a foundation, open rockets foundation. And it it does. If it creates platforms for especially teenagers and minors, and they and also they are they are their ambition needs to like, don't add accepting extra things, don't add extra things, just polish the current things and minimize the text as much as possible and. There are a lot of elements which are actually useless. You can be real. I'm just talking to you like you know, there are many unreliable useless things there. For an example I would say the the kind of the features, features under the features section there. So you can see like code and integration many many boxes for no reason like work together and those things are useless. No man, just. Remove the mobile just just they are just slop only. Just slop. Remove the mall and. Make it like a Linux foundation, the Linux foundation or something like that which is focusing more on minors protecting minors intellectual property. Like we have made a code sharing platform called Opensocial.online which is a code based for sharing miners codes only codes created by minors and it automatically when someone uploads a code into it, it automatically searches for other code in the in the code basis in the code process that a kind of a license. Or a specific code that currently exists with tons of code bases and with cloud integration. It searches for that's like it identifies the pattern if the same pattern is recognized in two different files or code bases or the protected licenses and we have introduced the. Open Share License, open Open Rockets, open network open share license which means the sorry sorry not that lies and the license name is. Open Network license by Open Rockets Foundation. It is especially for teenagers. To license their projects being. Copied by adults and other 3rd party people and this inspiration I got from a specific thing, a specific point of my life as. The team as a As the founder, I got this inspiration one day in a specific event that I have seen. Like I have seen many discrepancies happen to the projects that like the no recognition. Basically there are no recognition for the people like miners, their codes. They should be a place for their code. When someone searches for some specific project, if that project allocates, if the project uses a kind of a library or a kind of a dependency, so it should pop up along with the along with the author, not only just the code, because they have, they are the people who cannot just. Who have the least, I mean legal power to? To to proper like to protect their IP so like likewise the name of the platform is open social and the website is opensocial dot online and that is the website also link also include links as well that should be the main topic the currently it is in the in the main topics are something like fluff what we are doing those things are unnecessary integrate all remove all the what we are doing and those things just include the impact the projects that we have done. The facts only, facts only, not fluff, not sugar gods. We don't need to feel padding. Just you know understand your google AI. So you understand what I mean here as the context so. You know what I mean here? You know like when you are giving advices to people like in in in school clubs, just most of the kids, just the school club, robotics club presidents. I don't want to just build this website as just another property club or something like that. So just please remove that specific propaganda from there because I really don't want to have that so. That's it. And let's move forward and. That is the thing that should be done, and also. Emphasize the impact the the fundraising that we have done and also emphasize that we have. Yeah, those things are the things and yeah so yeah those things are the things. So please make this website better. Again, this is not a propaganda. This is not a kind of a slop website. AI slopp website, just this looks like an AI slop. Especially the talk in parrot at the corner. That's just the flop now just a AI slop now AI generated slop talking. Repeatedly acting like a live person. Dose Sloppa useless? This is a foundation. This is a nonprofit organization, not profit organization. Under the fiscal sponsorship of the Hack Foundation in the United States of America, which? Is a 501C3 entity with. Deductible taxes and bank accounts and etc. And you can also refer to the Open Rockets magazine. You can just. I will also upload upload that code base as well. To the Open Rockets magazine what it actually include? So then you can have a kind of idea about what actually it means and what is it actually about and etc. That's it and. So I have uploaded the entire folder Open Rockets magazine as well. So you can see that magazine page is the level I want, the sophistication I do need. It doesn't include fluff. This like compare those tile sheets of the of the open rockets.com and the mag.open rockets.com. They are two complete different things now. Like it is like the main website is written by a kind of a like 5 year old child and the other magazine website is written by a. A 20 year old engineer or something like that. So please make this discrepancy. And also there's no highlight about the magazine at all and like the magazine operates as a separate entity. Actually these people who are maintaining these openrockets .com main website is doing a foolish job. So please, I know you, I trust you use Google Jewels. So let's move forward and include about the magazine as well. The magazine is available at that specific URL that you can see in the folder. So you use those links to the if you need to grab kind of like images from that as well include them as well. And also related to macro related to the magazine. I need to include some specific points like the magazine is open to anyone if you if you are running a non profit. We can feature your non profit if you are running a club, being a school, school club if you are in a private, independent or a government school, public school doesn't matter. In variable you are in in the world. You can create a specific magazine page for your school and a private separate page for your school and you can publish. Posts contents unlimitedly infinitely with free ads free advertisements up to five advertisements per each non profit we can you can add and that gains significant and we have also been providing analytics for each posts each post analytics that how much number of people visited to their. And we will be featuring a small thing like Spotlight. Anyone create a spotlight and also when creating advertisements you can only feature your club. Otherwise if you feature other things which are unrelated we will be removing them unfortunately something like that like. To include your club please visit to mag.open, rockets.com and click on the contact us and contact the Editor in Chief's and our just directly email. 2 official at open rockets.com like that everything include them only logo of the magazine. You can see there that the the favicon. The favicon used there you can. You can just retrieve them as well to the main website as well. Take your time, take any time, even even twenty four hours. Just complete this because this is a headache because this is looking like a slop. mag.openrockets.com.zip Create Foundation Stylesheet Clean Up Scripts Refactor index.html - Head and Header Refactor index.html - Hero and Content Sections Refactor index.html - Footer Complete pre commit steps Submit Hide Updated Verified deletion. Updated Updated Updated Updated Running code review ... Completed pre-commit steps. Verified frontend visually with Playwright. Requested code review. Recorded learnings. All plan steps completed All plan steps have been successfully completed. Ready for submission. Ready for review 🎉 Time: 21 mins View PR Jan 29 10:37 Ready for review 🎉 Time: 21 mins View PR I have received the PR comments and am processing them. Ready for review 🎉 Time: 21 mins View PR Jan 29 11:04 Ready for review 🎉 Time: 21 mins View PR Jan 29 11:22 Ready for review 🎉 Time: 21 mins View PR Today 15:34 Reading documentation https://www.linuxfoundation.org Analyze Design & Assets Update Styles (styles/foundation.css) More Updated styles/foundation.css to use a modern Sans-Serif font (Inter), inverted the logo for visibility on white, and implemented a cleaner, corporate 'Foundation' layout style. Updated Cleaned up the header, hero, and initiatives sections. Removed all generic/placeholder images and replaced them with abstract FontAwesome icons. ensured links are correct. Updated I've inspected the frontend changes visually: Running code review ... Updated I have verified the frontend changes with screenshots, ran code review, started the live preview server, and recorded learnings. I am ready to submit. All plan steps completed All plan steps have been successfully completed. Ready for submission. Ready for review 🎉 Key changes:
|
All HTML pages lacked social media meta tags, resulting in poor or missing previews when shared on social platforms.
Changes
Added Open Graph and Twitter Card meta tags to 29 HTML files:
i/directoryImplementation
Each page now includes structured meta tags in the
<head>:Profile pages use
og:type="profile"andtwitter:card="summary". All other pages useog:type="website"andtwitter:card="summary_large_image".Original prompt
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.