fork download
copy 
  1. /* package whatever; // don't place package name! */
  2.  
  3. import java.util.*;
  4. import java.lang.*;
  5. import java.io.*;
  6.  
  7. /* Name of the class has to be "Main" only if the class is public. */
  8. class Ideone
  9. {
  10. 	public static void main (String[] args) throws java.lang.Exception
  11. 	{
  12. 		// http://w...content-available-to-author-only...e.com //
  13. 	}
  14. }
Success #stdin #stdout 0.08s 54644KB
comments (?)
stdin
copy 
<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>吳媽大腸麵線 - 菜單圖片生成器</title>
    <link rel="stylesheet" href="https://c...content-available-to-author-only...e.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Microsoft JhengHei', 'Heiti TC', 'LiHei Pro', Arial, sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, #f9f3e5 0%, #e8d6c0 100%);
            color: #333;
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        header {
            text-align: center;
            padding: 20px;
            background: #8B4513;
            color: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
        }
        
        .app-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .controls {
            flex: 1;
            min-width: 300px;
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .preview {
            flex: 2;
            min-width: 500px;
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .control-group {
            margin-bottom: 20px;
        }
        
        h2 {
            color: #8B4513;
            margin-bottom: 15px;
            padding-bottom: 5px;
            border-bottom: 2px solid #D2B48C;
        }
        
        h3 {
            color: #8B4513;
            margin: 15px 0 10px;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #555;
        }
        
        input, select, textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #D2B48C;
            border-radius: 5px;
            margin-bottom: 10px;
            font-size: 1rem;
        }
        
        button {
            background: #8B4513;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1rem;
            font-weight: bold;
            transition: background 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        
        button:hover {
            background: #A0522D;
        }
        
        .menu-item {
            background: #fffaf0;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 15px;
        }
        
        .item-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .item-name {
            font-weight: bold;
            font-size: 1.3rem;
            color: #8B4513;
        }
        
        .item-price {
            font-weight: bold;
            color: #8B4513;
        }
        
        .spicy-options {
            display: flex;
            gap: 15px;
        }
        
        .spicy-option {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .menu-canvas {
            width: 100%;
            max-width: 600px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        
        .button-group {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .btn-download {
            background: #2E8B57;
        }
        
        .btn-download:hover {
            background: #3CB371;
        }
        
        .btn-print {
            background: #4682B4;
        }
        
        .btn-print:hover {
            background: #5A9BD4;
        }
        
        @media (max-width: 900px) {
            .app-container {
                flex-direction: column;
            }
            
            .preview, .controls {
                min-width: 100%;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>吳媽大腸麵線 - 菜單圖片生成器</h1>
            <p>輕鬆創建專業的菜單圖片，用於社交媒體或印刷</p>
        </header>
        
        <div class="app-container">
            <div class="controls">
                <div class="control-group">
                    <h2>菜單內容設定</h2>
                    
                    <h3>店家資訊</h3>
                    <label for="shopName">店名</label>
                    <input type="text" id="shopName" value="吳媽大腸麵線">
                    
                    <label for="phone">電話</label>
                    <input type="text" id="phone" value="05-6675523">
                    
                    <label for="hours">營業時間</label>
                    <textarea id="hours" rows="3">早上 6:00 ～ 下午 1:00
下午 3:00 ～ （賣完為止）
每週三公休</textarea>
                    
                    <h3>菜單項目</h3>
                    <div class="menu-item">
                        <div class="item-header">
                            <span class="item-name">大腸麵線</span>
                            <span class="item-price">大：60 元 | 小：50 元</span>
                        </div>
                        <div class="spicy-options">
                            <div class="spicy-option">
                                <input type="checkbox" id="item1_spicy" checked>
                                <label for="item1_spicy">辣</label>
                            </div>
                            <div class="spicy-option">
                                <input type="checkbox" id="item1_not_spicy" checked>
                                <label for="item1_not_spicy">不辣</label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="menu-item">
                        <div class="item-header">
                            <span class="item-name">蝦仁麵線</span>
                            <span class="item-price">大：60 元 | 小：50 元</span>
                        </div>
                        <div class="spicy-options">
                            <div class="spicy-option">
                                <input type="checkbox" id="item2_spicy" checked>
                                <label for="item2_spicy">辣</label>
                            </div>
                            <div class="spicy-option">
                                <input type="checkbox" id="item2_not_spicy" checked>
                                <label for="item2_not_spicy">不辣</label>
                            </div>
                        </div>
                    </div>
stdout
copy 
Standard output is empty
https://ideone.com/aDhQug
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>吳媽大腸麵線 - 菜單圖片生成器</title>
<link rel="stylesheet" href="https://c...content-available-to-author-only...e.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Microsoft JhengHei', 'Heiti TC', 'LiHei Pro', Arial, sans-serif;
}

body {
background: linear-gradient(135deg, #f9f3e5 0%, #e8d6c0 100%);
color: #333;
line-height: 1.6;
padding: 20px;
min-height: 100vh;
}

.container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 20px;
}

header {
text-align: center;
padding: 20px;
background: #8B4513;
color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

h1 {
font-size: 2.5rem;
margin-bottom: 10px;
text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.app-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.controls {
flex: 1;
min-width: 300px;
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.preview {
flex: 2;
min-width: 500px;
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
align-items: center;
}

.control-group {
margin-bottom: 20px;
}

h2 {
color: #8B4513;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 2px solid #D2B48C;
}

h3 {
color: #8B4513;
margin: 15px 0 10px;
}

label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: #555;
}

input, select, textarea {
width: 100%;
padding: 10px;
border: 1px solid #D2B48C;
border-radius: 5px;
margin-bottom: 10px;
font-size: 1rem;
}

button {
background: #8B4513;
color: white;
border: none;
padding: 12px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 1rem;
font-weight: bold;
transition: background 0.3s;
display: inline-flex;
align-items: center;
gap: 8px;
}

button:hover {
background: #A0522D;
}

.menu-item {
background: #fffaf0;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
}

.item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}

.item-name {
font-weight: bold;
font-size: 1.3rem;
color: #8B4513;
}

.item-price {
font-weight: bold;
color: #8B4513;
}

.spicy-options {
display: flex;
gap: 15px;
}

.spicy-option {
display: flex;
align-items: center;
gap: 5px;
}

.menu-canvas {
width: 100%;
max-width: 600px;
background: white;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
margin-bottom: 20px;
}

.button-group {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
}

.btn-download {
background: #2E8B57;
}

.btn-download:hover {
background: #3CB371;
}

.btn-print {
background: #4682B4;
}

.btn-print:hover {
background: #5A9BD4;
}

@media (max-width: 900px) {
.app-container {
flex-direction: column;
}

.preview, .controls {
min-width: 100%;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>吳媽大腸麵線 - 菜單圖片生成器</h1>
<p>輕鬆創建專業的菜單圖片，用於社交媒體或印刷</p>
</header>

<div class="app-container">
<div class="controls">
<div class="control-group">
<h2>菜單內容設定</h2>

<h3>店家資訊</h3>
<label for="shopName">店名</label>
<input type="text" id="shopName" value="吳媽大腸麵線">

<label for="phone">電話</label>
<input type="text" id="phone" value="05-6675523">

<label for="hours">營業時間</label>
<textarea id="hours" rows="3">早上 6:00 ～ 下午 1:00
下午 3:00 ～ （賣完為止）
每週三公休</textarea>

<h3>菜單項目</h3>
<div class="menu-item">
<div class="item-header">
<span class="item-name">大腸麵線</span>
<span class="item-price">大：60 元 | 小：50 元</span>
</div>
<div class="spicy-options">
<div class="spicy-option">
<input type="checkbox" id="item1_spicy" checked>
<label for="item1_spicy">辣</label>
</div>
<div class="spicy-option">
<input type="checkbox" id="item1_not_spicy" checked>
<label for="item1_not_spicy">不辣</label>
</div>
</div>
</div>

<div class="menu-item">
<div class="item-header">
<span class="item-name">蝦仁麵線</span>
<span class="item-price">大：60 元 | 小：50 元</span>
</div>
<div class="spicy-options">
<div class="spicy-option">
<input type="checkbox" id="item2_spicy" checked>
<label for="item2_spicy">辣</label>
</div>
<div class="spicy-option">
<input type="checkbox" id="item2_not_spicy" checked>
<label for="item2_not_spicy">不辣</label>
</div>
</div>
</div>
language:
Java (HotSpot 12)
created:
13 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!