📑 Style Workout 01: creating js pretty_print

style_01.html

creating js pretty_print

xxxxxxxxxx

 

1

from IPython.display import display,HTML,Javascript

2

def js_pretty_print(string,font_size,div_width=100):

3

    js_str="""

4

var out1=document.querySelector('#d302h03'),

5

    text1=document.createElement('text'),

6

    str1='"""+string+"""';

7

text1.appendChild(document.createTextNode(str1));

8

out1.appendChild(text1); out1.style.border='double'; 

9

out1.style.width='"""+str(div_width)+"""%';

10

text1.id='text001'; text1.style.padding='20px'; 

11

var tc=setInterval(function() {

12

  var doc=document.getElementById('text001');

13

  var sec=Math.floor(new Date().getTime()%60000/1000);

14

  var col='rgb(0,'+(5+Math.abs(245-8*sec))+','+

15

          (250-Math.abs(245-8*sec))+')';

16

  doc.style.color=col;}, 1000);  """

17

    display(HTML("""<style>

18

    @import 'https://fonts.googleapis.com/css?family=Ewert';

19

    </style><div id='d302h03' style='font-family:Ewert; 

20

    font-size:"""+str(font_size)+"""px; 

21

    height:"""+str(1.8*font_size)+"""px;'></div>"""))

22

    display(Javascript(js_str))

23

js_pretty_print('😋 😌 😍 😎 😏 HELLO',24,50)

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages