Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitfab72b0

Browse files
author
minjk-bl
committed
Update for colab 2.2.12.4
1 parent36348e8 commitfab72b0

File tree

55 files changed

+1184
-357
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+1184
-357
lines changed

‎README.md‎

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
[![Issues:](https://img.shields.io/github/issues/visualpython/visualpython?color=%23FF6347)](https://github.com/visualpython/visualpython/issues)
99

1010
##Introduction
11-
Visual Python is a GUI-based Python code generator, developed on the Jupyter Notebook as an extension. <br>
11+
Visual Python is a GUI-based Python code generator, developed on the**Jupyter Notebook** and**Google Colab** as an extension. <br>
1212
Visual Python is an open source project started for students who struggle with coding during Python classes for data science.
1313

1414
<br>
@@ -21,7 +21,7 @@ Try Visual Python if you would like to: <br>
2121
<br>
2222
<imgsrc="https://github.com/visualpython/visualpython/blob/main/img/Visual%20Python_2.2.8.gif?raw=true"width="95%">
2323

24-
##Getting Started
24+
##Getting Started with Jupyter Notebook
2525

2626
###1. Requirements
2727

@@ -57,6 +57,22 @@ upgrade - version upgrade
5757
version - version check
5858
```
5959

60+
##Getting Started with Google Colab
61+
###1. Requirements
62+
63+
Visual Python is an extension to Google Colab, so you must have Google Colab opened.<br>
64+
- Google Colab
65+
66+
###2. How to Install
67+
68+
**1) Install package using Chrome Web Store**
69+
-[Link to Visual Python for Colab](https://chrome.google.com/webstore/detail/visual-python-for-colab/ccmkpknjfagaldcgidgcipbpdipfopob)
70+
71+
**2) Open Google Colab**
72+
-[Link to Google Colab](https://colab.research.google.com/)
73+
74+
**3) Activate Visual Python on Google Colab**
75+
6076
##Contributing
6177
If you are interested in contributing to the Visual Python, please see[`CONTRIBUTING.md`](CONTRIBUTING.md). <br>
6278
All skills from programmers, non-programmers, designers are welcomed.
@@ -78,4 +94,4 @@ To create an environment where everyone can learn and use big data analytical sk
7894
Love Visual Python? <br>
7995
Your support will help us continue to actively develop and improve Visual Python.☕
8096

81-
<ahref="https://www.buymeacoffee.com/visualpython"target="_blank"><imgsrc="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=visualpython&button_colour=ffa238&font_colour=000000&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>
97+
<ahref="https://www.buymeacoffee.com/visualpython"target="_blank"><imgsrc="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=visualpython&button_colour=ffa238&font_colour=000000&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>

‎css/boardFrame.css‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -92,16 +92,12 @@
9292
.vp-board-loading {
9393
display: none;
9494
position: absolute;
95-
top:100px;
95+
top:150px;
9696
z-index:10;
9797
width:50px;
9898
height:50px;
9999
margin:calc(50%-20px);
100100
}
101-
.vp-board-loadingi {
102-
font-size:50px;
103-
color:var(--highlight-color);
104-
}
105101

106102
/* board menu */
107103
.vp-board-header-button-inner {

‎css/component/alertModal.css‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
left:0;
55
width:100%;
66
height:100%;
7-
z-index:400;
7+
z-index:1400;
88
background-color:rgba(0,0,0,.4);
99
}
1010
.vp-alertModal-container {
@@ -14,7 +14,7 @@
1414
transform:translate(-50%,-50%);
1515
width:400px;
1616
height:150px;
17-
padding:2rem;
17+
padding:15px;
1818
background-color: white;
1919
box-shadow:02px2px0rgba(0,0,0,0.14),03px1px-2pxrgba(0,0,0,0.12),01px5px0rgba(0,0,0,0.2);
2020
}
@@ -48,6 +48,11 @@
4848
.vp-alertModal-icon {
4949
font-size:26px;
5050
color:#AE5700;
51+
background-image: url(../../img/triangle-exclamation-solid.svg);
52+
background-size:25px;
53+
background-repeat: no-repeat;
54+
width:25px;
55+
height:25px;
5156
}
5257
.vp-alertModal-titleStr {
5358
color:#AE5700;

‎css/component/dataSelector.css‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,13 @@
2727
left:0;
2828
width:100%;
2929
height:100%;
30-
z-index:300;
30+
z-index:1305;
3131
background-color:rgba(0,0,0,.4);
3232
}
33+
/* CHROME: prevent default box-sizing */
34+
.vp-dataselector-base* {
35+
box-sizing: border-box;
36+
}
3337
.vp-dataselector {
3438
position: absolute;
3539
top:calc(50%-275px);
@@ -38,7 +42,7 @@
3842
height:550px;
3943
background: white;
4044
border:1px solidvar(--border-gray-color);
41-
z-index:999;
45+
z-index:1300;
4246
/* font */
4347
font-family: AppleSDGothicNeo;
4448
font-size:14px;

‎css/component/fileNavigation.css‎

Lines changed: 32 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
left:0;
88
width:100%;
99
height:100%;
10-
z-index:300;
10+
z-index:1300;
1111
background-color:rgba(0,0,0,.4);
1212
}
1313
/* CHROME: set default box-sizing for file navigation area */
@@ -252,15 +252,31 @@
252252
flex-direction: column;
253253
justify-content: center;
254254
}
255+
256+
/* CHROME: alternatives for fontawesome */
257+
#vp_fileNavigation .folder_icon {
258+
background-image: url(../../img/folder-regular.svg);
259+
padding-left:20px;
260+
background-position: left;
261+
background-repeat: no-repeat;
262+
background-size:15px;
263+
}
264+
#vp_fileNavigation .file_icon {
265+
background-image: url(../../img/file-regular.svg);
266+
padding-left:20px;
267+
background-position: left;
268+
background-repeat: no-repeat;
269+
background-size:12px;
270+
}
255271

256272
@font-face {
257273
font-family:'octicons';
258274
src:url("data:application/x-font-ttf;charset=utf-8;base64,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")format('truetype');
259275
font-weight: normal;
260276
font-style: normal;
261277
}
262-
[class^="icon-"],
263-
[class*=" icon-"] {
278+
#vp_fileNavigation[class^="icon-"],
279+
#vp_fileNavigation[class*=" icon-"] {
264280
font-family:'octicons'!important;
265281
/* speak: none; */
266282
font-style: normal;
@@ -271,48 +287,48 @@
271287
-webkit-font-smoothing: antialiased;
272288
-moz-osx-font-smoothing: grayscale;
273289
}
274-
.icon-squirrel:before {
290+
#vp_fileNavigation.icon-squirrel:before {
275291
content:"\e900";
276292
}
277-
.icon-repo:before {
293+
#vp_fileNavigation.icon-repo:before {
278294
content:"\e901";
279295
}
280-
.icon-git-branch:before {
296+
#vp_fileNavigation.icon-git-branch:before {
281297
content:"\e902";
282298
}
283-
.icon-folder:before {
299+
#vp_fileNavigation.icon-folder:before {
284300
content:"\e903";
285301
padding-left:10px;
286302
padding-right:10px;
287303
}
288-
.icon-file:before {
304+
#vp_fileNavigation.icon-file:before {
289305
content:"\e904";
290306
padding-left:10px;
291307
padding-right:10px;
292308
}
293-
.icon-diff:before {
309+
#vp_fileNavigation.icon-diff:before {
294310
content:"\e905";
295311
}
296-
.icon-tree-down {
312+
#vp_fileNavigation.icon-tree-down {
297313
padding:5px;
298314
}
299-
.icon-tree-down:before {
315+
#vp_fileNavigation.icon-tree-down:before {
300316
content:"\e907";
301317
}
302-
.icon-tree-right {
318+
#vp_fileNavigation.icon-tree-right {
303319
padding:5px;
304320
}
305-
.icon-tree-down:hover,
306-
.icon-tree-right:hover {
321+
#vp_fileNavigation.icon-tree-down:hover,
322+
#vp_fileNavigation.icon-tree-right:hover {
307323
transition:0.7s;
308324
cursor: pointer;
309325
background-color: black;
310326
color: white;
311327
}
312-
.icon-tree-right:before {
328+
#vp_fileNavigation.icon-tree-right:before {
313329
content:"\e908";
314330
}
315-
.icon-tree:before {
331+
#vp_fileNavigation.icon-tree:before {
316332
font-family:'octicons'!important;
317333
position: absolute;
318334
left:10px;

‎css/component/infoModal.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
left:0;
55
width:100%;
66
height:100%;
7-
z-index:400;
7+
z-index:1400;
88
background-color:rgba(0,0,0,.4);
99
}
1010
.vp-infoModal-container {

‎css/component/loadingSpinner.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
.vp-loading-spinner,
2+
.vp-loading-spinner:after {
3+
border-radius:50%;
4+
width:10em;
5+
height:10em;
6+
}
7+
.vp-loading-spinner {
8+
position: absolute;
9+
margin: auto;
10+
left:0;
11+
right:0;
12+
top:0;
13+
bottom:0;
14+
font-size:6px;
15+
text-indent:-9999em;
16+
border-top:1.1em solid#f6ad55;
17+
border-right:1.1em solid#f6ad55;
18+
border-bottom:1.1em solid#f6ad55;
19+
border-left:1.1em solid#ffffff;
20+
-webkit-transform:translateZ(0);
21+
-ms-transform:translateZ(0);
22+
transform:translateZ(0);
23+
-webkit-animation: vp-load81.1s infinite linear;
24+
animation: vp-load81.1s infinite linear;
25+
}
26+
@-webkit-keyframes vp-load8 {
27+
0% {
28+
-webkit-transform:rotate(0deg);
29+
transform:rotate(0deg);
30+
}
31+
100% {
32+
-webkit-transform:rotate(360deg);
33+
transform:rotate(360deg);
34+
}
35+
}
36+
@keyframes vp-load8 {
37+
0% {
38+
-webkit-transform:rotate(0deg);
39+
transform:rotate(0deg);
40+
}
41+
100% {
42+
-webkit-transform:rotate(360deg);
43+
transform:rotate(360deg);
44+
}
45+
}

‎css/component/modal.css‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
left:0;
66
width:100%;
77
height:100%;
8-
z-index:400;
8+
z-index:1400;
99
background-color:rgba(0,0,0,.4);
1010
}
1111
#vp_multiButtonModal .vp-multi-button-modal-box {
@@ -21,6 +21,11 @@
2121
box-shadow:02px2px0rgba(0,0,0,0.14),03px1px-2pxrgba(0,0,0,0.12),01px5px0rgba(0,0,0,0.2);
2222
font-family: AppleSDGothicNeo;
2323
font-size:15px;
24+
/* CHROME: prevent colab box-sizing */
25+
box-sizing: border-box;
26+
}
27+
#vp_multiButtonModal* {
28+
box-sizing: border-box;
2429
}
2530
#vp_multiButtonModal .vp-multi-button-modal-message {
2631
display: flex;

‎css/component/popupComponent.css‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
border:1px solidvar(--border-gray-color);
2222
border-top:3px solidvar(--border-gray-color);
2323
box-shadow:1px1px2pxrgb(000/10%);
24-
z-index:200;
24+
z-index:1200;
2525
font-family: AppleSDGothicNeo;
2626
font-size:14px;
2727
color:var(--font-primary);
@@ -30,6 +30,10 @@
3030
.vp-popup-frame* {
3131
box-sizing: border-box!important;
3232
}
33+
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
34+
-moz-box-sizing: content-box!important;
35+
box-sizing: content-box!important;
36+
}
3337
.vp-popup-frame.vp-close {
3438
width:200px!important;
3539
min-width:200px!important;
@@ -469,6 +473,9 @@
469473
}
470474
.vp-popup-body-top-bar-item {
471475
margin-bottom:5px;
476+
height:22px;
477+
line-height:22px;
478+
display: inline-flex;
472479
}
473480
.vp-popup-body-top-bar-item:hover {
474481
color:var(--font-highlight);
@@ -480,6 +487,7 @@
480487
height:22px;/* Height of new image */
481488
padding-left:22px;/* Equal to width of new image */
482489
margin-bottom:5px;
490+
margin-left:4px;
483491
}
484492
.vp-popup-body-top-bar-item[data-type="install"]img {
485493
background: url(../../img/import.svg) no-repeat;
@@ -504,4 +512,13 @@
504512
}
505513
.vp-popup-body-top-bar-item[data-type="package"]:hoverimg {
506514
background: url(../../img/setting_activated.svg) no-repeat;
515+
}
516+
517+
/* CHROME: missing styles under popup frame */
518+
.vp-popup-framehr {
519+
border:0;
520+
border-top:1px solid#eeeeee;
521+
}
522+
.vp-popup-framelabel {
523+
display: inline-block;
507524
}

‎css/component/successMessage.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
-webkit-align-items: center;
1919
-ms-flex-align: center;
2020
align-items: center;
21-
z-index:1000;
21+
z-index:1400;
2222
}
2323
.vp-successMessage-icon {
2424
margin-left:15px;

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp