circuitverse / circuitverse-presentation-embed Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
Logo is square and doesn't look very nice. Would prefer rounded corners. Or prefer using the favicon we are using in the main website.
Currently, the iframe embedded takes the full screen. It should ideally just overlay on the circuit image that is embedded.
The add on takes URL of the simulator, extracts id or friendly slug depending on the URL type and performs a query to extract image. However, the API gets the image based on id. So it cannot get the image based on friendly slug.
function getCircuitImagePath(id) {
var queryUrl = `circuitverse.org/api/v1/projects/${id}/image_preview`;
return JSON.parse(UrlFetchApp.fetch(queryUrl))["project_preview"];
}
File of API usage:
I think there are a few options
@tachyons, @Nitish145 any inputs here?
No idea why but it stopped working for me. Can someone confirm it?
Google Slides Add On can be improves
Introduction
Revamp the google chrome extension.
We can remove its dependency over google slides add-on(which is not available). By using google apis for slide and token based oauth 2.0.
By this we can make that user friendly.
Tasks list
Are you working on this issue ?
Yes
CircuitVerse circuit's can be easily be embedded in websites using an iframe. This is great however, it cannot be embedded in a PPTX or Google Slides. I have used liveslides program before to achieve the same on PPTX (Liveslides is deprecated now)
However, I think it is possible to create a plugin/extension/add-on to achieve the same. Poll Anywhere and several other services achieve this, so we definitely can.
Describe the solution you'd like
Google Slides: Chrome Extension + Google Slides add on
Unfortunately, Google Slides does not embed iframe embeds😞. However, it is possible to achieve that by using a combination of google slides add on and chrome extension.
Powerpoint: Powerpoint add-in - I don't have any experience in powerpoint, however, I think it is possible, check this.
Describe alternatives you've considered
If there are other online presentation softwares which allow direct embed of iframe, please list them here if you find them.
Update: Google Slides is completed. Powerpoint is yet to be implemented.
Are you working on this? (Yes/No)
Yes - Created Chrome+Firefox Extension for Google Slides. Also created Google Slides add on.
Update:
Can someone check this repo and see how much of it we can use?
https://github.com/animysore/CircuitVersePPT
Create read-me file explaining the purpose of this repo. Add instructions on how to test the same.
Google Slides Menu Bar is hidden behind the embed. Studying Slido Extension might help resolve this.
This is because we are doing this
<Google iframe>
<CircuitVese iframe>
and Slido is doing this:
<Google iframe>
<Google Slide Content>
<Slido iframe>
<Google Slides Menu>
<Google iframe>
The iframe should be embedded inside google's iframe. I don't think we should do this. But raising the issue to keep track of the same.
I suggest using the styles from the main CircuitVerse page.
@Aayush-05 @nitin10s any CSS assets that can quickly be copied to get started?
Currently, only one circuit can be overlayed. If multiple circuits are present, the first one found is chosen. Ideally, we should be able to support multiple circuits.
There is a tool to port extensions to safari.
The firefox and chrome extensions are slightly different, so please try both if one doesn't work.
Google rejected our google slides add on without giving a reason.
These are the areas where they review our app. We come under Editor Add-on. I think we need to polish on some areas to improve the look and feel of the add - on in order to get published.
https://developers.google.com/gsuite/marketplace/about-app-review
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.